/*
******************
TABLE DES MATIERES
******************

******************

Reset
Basic ssizemdture
Liens et boutons
Basic form
Squelette
Header
Footer
Slider & banner
Main
Listing
Page produit
Filiales
Formulaire
Gamme
Connexion
Fancybox

******************
*/


/* =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%;
    vertical-align: baseline;
}
html {
    overflow-y:hidden;
}
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;
}
caption,
th,
td {
    font-weight: normal;
    text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    font-family: 'Lato', Arial, "sans-serif";
}
html {
    overflow-y: scroll;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
a:focus {
    outline: thin dotted;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}
audio,
canvas,
video {
    display: inline-block;
}
audio:not([controls]) {
    display: none;
}
del {
    color: #333;
}
ins {
    background: #fff9c0;
    text-decoration: none;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
small {
    font-size: smaller;
}
img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
    clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
    display: table;
    content: "";
}
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
    border: 0;
    border-radius: 0;
    padding: 0;
}
embed,
iframe,
object,
video {
    max-width: 100%;
}
.alignleft {
    float: left;
}
.alignright {
    float: right;
}
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/* =Basic ssizemdture
-------------------------------------------------------------- */

/* Body, links, basics */
html {
    font-size: 87.5%;
}
body {
    font-size: 12px;
    font-size: 1rem;
    font-family: Helvetica, Arial, sans-serif;
    text-rendering: optimizeLegibility;
    color: #444;
    background-color: #e1e9f1;
    overflow-y: hidden;
}
.lato {
    font-family: "Lato", Helvetica, Arial, sans-serif;
}
a {
    outline: none;
    color: #004A9C;
    text-decoration: none;
}
a:hover {
    color: #004A9C;
}
h1 {
    font-size: 24px;
    line-height: 22px;
    font-weight: bold;
    color: #004a9c;
}
h2 {
    font-size: 22px;
    line-height: 26px;
    font-weight: normal;
    color: #363636;
}
h4,
h5,
h6 {
    line-height: 1.8;
    font-weight: normal;
    color: #363636;
}
h3 {
    font-size: 20px;
    color: #004a9c;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1.1;
}
h4 {
    font-size: 18px;
}
h5 {
    font-size: 16px;
}
h6 {
    font-size: 14px;
}
h2 strong,
h4 strong,
h5 strong,
h6 strong {
    color: #004a9c;
    font-weight: normal;
}
h2 strong {
    font-weight: bold;
}
h1 strong,
h3 strong {
    color: #696a6c;
    vertical-align: bottom;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    text-transform: none;
}
h3 span {
    font-weight: normal;
}
p,
li {
    color: #363636;
    font-size: 12px;
    line-height: 1.2;
    margin-bottom: 20px;
}
li {
    padding-bottom: 15px;
    margin-bottom: 0;
}
ul li {
    /* padding-left: 12px;
    text-indent: -12px; */
    list-style: square inside;
}
/* .ie7 ul li {
    text-indent: -16px;
}
.ie8 ul li {
    text-indent: -18px;
}
.ie9 ul li {
    text-indent: -8px;
} */
ol li {
    list-style: decimal inside;
    /* text-indent: -18px;
    padding-left: 18px; */
}
/* .ie7 ol li {
    text-indent: -16px;
}
.ie8 ol li {
    text-indent: -22px;
}*/
p a:hover,
li a:hover,
.column-element a:hover {
    text-decoration: underline;
}
.none {display: none}
.clear, hr, .clear10 {clear:both;height:1px;overflow:hidden;visibility:hidden;margin:0;padding:0;}
.clear10 {height:10px;}
.clear_b {clear: both !important;}
.clear_l {clear:left !important;}
.clear_r {clear:right !important;}
.clear_n {clear:none !important;}
.float_l {float:left !important;}
.float_r {float:right !important;}
.float_n, .titanic {float:none !important;}
.db {display:block !important;}
.dn {display:none !important;}

.noborder{border:none !important;}

.alignRight {text-align:right !important;}
.alignLeft {text-align:left !important;}
.alignCenter {text-align:center !important;}

.top-10{margin-top:-10px !important;}
.top00{margin-top:0 !important;}
.top05{margin-top:5px !important}
.top10{margin-top:10px !important}
.top15{margin-top:15px !important;}
.top25{margin-top:25px !important;}
.top20{margin-top:20px !important;}
.top25{margin-top:25px !important;}
.top30{margin-top:30px !important;}
.top35{margin-top:35px !important;}
.top40{margin-top:40px !important;}
.top45{margin-top:45px !important;}
.top50{margin-top:50px !important;}
.top80{margin-top:80px !important;}
.bottom00{margin-bottom:0 !important;}
.bottom05{margin-bottom:5px !important;}
.bottom10{margin-bottom:10px !important;}
.bottom15{margin-bottom:15px !important;}
.bottom20{margin-bottom:20px !important;}
.bottom25{margin-bottom:25px !important;}
.bottom30{margin-bottom:30px !important;}
.bottom35{margin-bottom:35px !important;}
.bottom40{margin-bottom:40px !important;}
.bottom45{margin-bottom:45px !important;}
.bottom60{margin-bottom:60px !important;}
.right00{margin-right:0 !important;}
.right03{margin-right:03px !important;}
.right05{margin-right:05px !important;}
.right06{margin-right:06px !important;}
.right10{margin-right:10px !important;}
.right15{margin-right:15px !important;}
.right20{margin-right:20px !important;}
.right25{margin-right:25px !important;}
.right30{margin-right:30px !important;}
.right35{margin-right:35px !important;}
.right40{margin-right:40px !important;}
.right45{margin-right:45px !important;}
.right75{margin-right:75px !important;}
.left00{margin-left:0 !important;}
.left05{margin-left:05px !important;}
.left10{margin-left:10px !important;}
.left10{margin-left:10px !important;}
.left15{margin-left:15px !important;}
.left20{margin-left:20px !important;}
.left25{margin-left:25px !important;}
.left30{margin-left:30px !important;}
.left35{margin-left:35px !important;}
.left40{margin-left:40px !important;}
.left45{margin-left:45px !important;}
.left60{margin-left:60px !important;}
.left90{margin-left:90px !important;}
/********************************************/
/* **********   THEME LABOFRANCE: ***********/
/********************************************/
/*liens et boutons*/
.chevron {
    background-image: url(../img/layout/chevron-droite.png);
    background-position: left 2px;
    padding-left: 14px;
    background-repeat: no-repeat;
    font-weight: bold;
    color: #ead503;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 15px;
}
button .chevron {
    color: #fff;
}
.chevron-bas {
    background-image: url(../img/layout/chevron-bas.png);
    background-position: left 2px;
}
.chevron-blanc {
    background-image: url(../img/layout/chevron-blanc.png);
    color: #fff;
}
a.chevron:hover {
    text-decoration: underline;
}
.bouton {
    background: url(../img/layout/bouton.png) no-repeat right top;
    color: #202122;
    text-transform: uppercase;
    font-size: 10px;
    padding: 5px 32px 7px 0;
    float: right;
    font-weight: bold;
}
.bouton:hover {
    text-decoration: underline;
    background-image: url(../img/layout/bouton-over.png);
}
/* Form */
.form-control,
input,
textarea,
select {
    border: none;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-radius: 0;
    padding: 4px;
    background: #e2e2e3;
    color: #363737;
    font-size: 12px;
    font-family: 'Lato', Arial, "sans-serif";
    height:24px;

}
input:focus,
textarea:focus,
select:focus {
    outline: 0;
    outline: thin dotted \9;
    /* IE6-9 */

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 2px #004A9C;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 2px #004A9C;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 2px #004A9C;
}
button,
input {
    line-height: normal;
}
textarea {
    font-size: 100%;
    overflow: auto;
    vertical-align: top;
    resize: none;
}
.form-submit,
button,
input[type="button"],
input[type="submit"] {
    font-size: 12px;
    color: #ffffff;
    /* padding: 7px; */
    padding: 7px 7px 7px 16px;
    background-color: #0f578f;
    /* background-color: #1c6ead;
    background-image: -moz-linear-gradient(top, #1c6ead 0%, #013e6d 100%);
    background-image: -ms-linear-gradient(top, #1c6ead 0%, #013e6d 100%);
    background-image: -o-linear-gradient(top, #1c6ead 0%, #013e6d 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1c6ead), to(#013e6d));
    background-image: linear-gradient(top, #1c6ead 0%, #013e6d 100%); */
    border-radius: 3px;
    border: none;
    -moz-box-shadow: 1px 1px 2px rgba(000,000,000,0.3);
    -webkit-box-shadow: 1px 1px 2px rgba(000,000,000,0.3);
    box-shadow: 0 1px 3px rgba(000,000,000,0.3);
    text-shadow:0;
    background-image: url(../img/layout/chevron-droite.png);
    background-position: 7px 11px;
    background-repeat: no-repeat;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 15px;
    font-family: Arial,"sans-serif";
}
.form-control {
    display:inline-block;
    width:430px;
}
.big-button {
    padding: 12px 11px 11px 16px;
    background-position: 7px 16px;

    height:40px;
    width:50px;
}
.small-button,
input.ajax-processed {
    font-size: 9px;
    padding: 4px 4px 4px 16px;
    background-position: 7px 6px;
}
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
    background-color: #2a2b2c;
    /* background-color: #3c3d3e;
    background-image: -moz-linear-gradient(top, #3c3d3e 0%, #161718 100%);
    background-image: -ms-linear-gradient(top, #3c3d3e 0%, #161718 100%);
    background-image: -o-linear-gradient(top, #3c3d3e 0%, #161718 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3d3e), to(#161718));
    background-image: linear-gradient(top, #3c3d3e 0%, #161718 100%); */
    cursor: pointer;
}
.search-by button {
    height:31px;
    width:46px;
    line-height:20px;
}
/*squelette*/
.ie7 .header-content,
.ie7 .wrapper,
.site-header {
    background: url(../img/background/header.png) repeat-x 0 50px;
}
.header-content,
.main-content,
.footer-content,
.slider,
.banner,
.breadcrumb {
    width: 980px;
    margin: 0 auto;
    position: relative;
}
.footer-content {
    background-image: url(../img/background/footer-content.png);
    background-repeat: no-repeat;
    min-height: 190px;
    padding: 0 0 0 120px;
    width: 1220px;
}
/*header centering for ie*/
.ie7 .wrapper {
    position: absolute;
    overflow: hidden;
}
.ie7 .site-header {
    left: 50%;
}
.ie7 .header-content {
    left: -50%;
}
/*header*/
.site-header {
    width: 100%;
    height: 124px;
    position: absolute;
    z-index: 98;
}
.labofrance-logo {
    background: url(../img/logo/laboportugal.png) no-repeat;
    width: 142px;
    height: 124px;
    text-indent: -9999px;
    display: block;
    float: left;
    margin-left: -1px;
}
.access {
    float: left;
    margin-top: 50px;
    margin-left: 20px;
}
.access li {
    float: left;
    background: url(../img/layout/header-sep.png) no-repeat top right;
    list-style: none;
    text-indent: 0;
    padding: 0;
}
.access li a {
    color: #d3d3d3;
    font-size: 13px;
    line-height: 30px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    font-family: 'Lato', Arial, "sans-serif";
    height: 49px;
    display: block;
    padding: 7px 10px 0;
}
.access li a:hover,
.access .current_page_item a,
.recrutement a:hover {
    color: #0b3250;
    background-image: url(../img/background/header-over.png);
    background-repeat: repeat-x;
}
.recrutement a.active {
    color: #0b3250;
    background-image: url(../img/background/header-over.png);
    background-repeat: repeat-x;
}
.recrutement a {
    font-size: 15px;
    line-height: 30px;
    margin-top: 50px;
    padding: 7px 10px 0;
    height: 49px;
    float: right;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    font-family: 'Lato', Arial, "sans-serif";
    color: #0b3250;
    background-image: url(../img/background/header-recrutement.png);
    background-repeat: repeat-x;
    color: #d3d3d3;
}
.espace-clients {
    background-image: url(../img/background/black90pc.png);
    border-radius: 0 0 3px 3px;
    padding: 7px 16px 5px;
    position: absolute;
    top: 0;
    right: 8px;
}
.espace-clients a:hover {
    color: #fff;
}
.breadcrumb {
    margin-bottom: 20px;
    background:transparent;
    padding:0 0 0.5em;
}
.breadcrumb ul {
    padding-left: 20px;
}
.breadcrumb li {
    float: left;
    padding-left: 3px;
    padding-bottom: 0;
    list-style: none;
    text-indent: 0;
}
.breadcrumb li a,
.breadcrumb li span {
    font-family: 'Lato', Arial, "sans-serif";
    font-size: 11px;
    line-height: 30px;
    color: #414141;
}
.breadcrumb li a {
    color: #004a9c;
}
.breadcrumb li a:hover {
    text-decoration: underline;
}
/* /header*/
/*footer*/
.site-footer {
    width: 100%;
    background: url(../img/background/footer.png) repeat-x 0 28px;
    position: relative;
    z-index: 80;
    clear: both;
}
.footer-address {
    background: url(../img/background/address.png);
    padding: 20px 0 0 20px;
    height: 139px;
    width: 212px;
    margin-left: 8px;
    color: #013f6f;
    font-size: 11px;
    line-height: 13px;
    float: left;
}
.footer-address strong {
    font-size: 13px;
}
.footer-main {
    float: left;
    margin-top: 65px;
    margin-left: 30px;
    min-height: 125px;
}
.footer-main-links,
.asm,
.foreign {
    background: url(../img/layout/footer-main-sep.png) repeat-y top left;
    float: left;
    min-height: 105px;
}
.footer-main-links {
    padding-left: 10px;
}
.footer-main-links li {
    text-indent: 0;
    padding: 0;
    list-style: none;
}
.footer-main-links a {
    line-height: 18px;
    font-weight: normal;
}
.footer-main-links a:hover {
    text-decoration: underline;
    color: #fff;
}
.veritas {
    float: left;
    margin: 0 20px 0 155px;
}
.asm {
    padding: 0 20px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 12px;
}
.foreign {
    padding: 0 0 0 20px;
}
.foreign li {
    float: left;
    margin-right: 20px;
    list-style: none;
}
.footer-links {
    clear: both;
    padding-left: 20px;
    margin: 0 0 40px;
    background: url(../img/layout/footer-links-sep.png) repeat-y;
    min-height: 250px;
    float: left;
    width: 1200px;
}
.footer-links ul {
    float: left;
    width: 360px;
    padding-bottom: 20px;
}
.footer-links ul.last {
    float: right;
    padding-bottom: 20px;
    width: 360px;
    margin-right:100px;
}
.footer-links li {
    text-indent: 0;
    padding: 0;
    list-style: none;
}
.footer-links a {
    color: #717171;
    font-size: 11px;
    line-height: 18px;
}
.footer-links h4 a {
    text-transform: uppercase;
    font-weight: normal;
}
.footer-links a:hover {
    text-decoration: underline;
}
#baseline {
    clear: both;
    padding-left: 20px;
    margin: 20px 0 0;
    float: left;
    width: 980px;
}
#baseline p {
    color: #717171;
    font-size: 11px;
    line-height: 18px;
}

/*/footer*/
/*Slider & banner*/
.slider,
.banner {
    margin-bottom: 20px;
    z-index: 67;
}
.slider {
    height: 400px;
}
.slides_container,
.banner {
    width: 980px;
    overflow: hidden;
    position: relative;
    display: none;
}
.slides_container .slide {
    width: 980px;
    height: 400px;
    display: block;
}
.banner {
    height: 238px;
    display: block;
    margin-bottom: 0;
}
.caption {
    z-index: 500;
    position: absolute;
    bottom: 123px;
    right: 0;
    height: 92px;
    padding: 12px 22px 0 22px;
    width: 433px;
    background-color: #3c3d3e;
    background-image: -moz-linear-gradient(top, #3c3d3e 0%, #161718);
    background-image: -ms-linear-gradient(top, #3c3d3e 0%, #161718);
    background-image: -o-linear-gradient(top, #3c3d3e 0%, #161718);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3d3e), to(#161718));
    background-image: linear-gradient(top, #3c3d3e 0%, #161718);
    opacity: 0.9;
    font-size: 33px;
    line-height: 1em;
    color: #ffe800;
    text-shadow:none;
    font-family: 'Lato', Arial, "sans-serif";
}
.slider .next,
.slider .prev {
    position: absolute;
    top: 185px;
    left: -27px;
    text-align: center;
    width: 26px;
    height: 92px;
    padding-top: 39px;
    display: block;
    z-index: 101;
    background-color: #3c3d3e;
    background-image: -moz-linear-gradient(top, #3c3d3e 0%, #161718 100%);
    background-image: -ms-linear-gradient(top, #3c3d3e 0%, #161718 100%);
    background-image: -o-linear-gradient(top, #3c3d3e 0%, #161718 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3d3e), to(#161718));
    background-image: linear-gradient(top, #3c3d3e 0%, #161718 100%);
    border-radius: 3px 0 0 3px;
    border: none;
}
.slider .next {
    border-radius: 0 3px 3px 0;
    left: 100%;
}
@media all and (max-width:767px) {
    .slider .next {

    left:inherit;
    right :0px;

    }
}

.slider .next:hover,
.slider .prev:hover {
    background-color: #1c6ead;
    background-image: -moz-linear-gradient(top, #1c6ead 0%, #013e6d 100%);
    background-image: -ms-linear-gradient(top, #1c6ead 0%, #013e6d 100%);
    background-image: -o-linear-gradient(top, #1c6ead 0%, #013e6d 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1c6ead), to(#013e6d));
    background-image: linear-gradient(top, #1c6ead 0%, #013e6d 100%);
}
.banner .caption {
    right: 0;
    bottom: 0;
}
/*/Slider & banner*/
/*MAIN*/
.large-column {
    float: left;
    width: 660px;
}
.small-column {
    float: left;
    width: 300px;
    margin-left: 20px;
}
.ie7 .small-column,
.ie8 .small-column {
    margin-left: 16px;
}
.column-element {
    -moz-box-shadow: 1px 1px 2px rgba(000,000,000,0.3);
    -webkit-box-shadow: 1px 1px 2px rgba(000,000,000,0.3);
    box-shadow: 0 1px 3px rgba(000,000,000,0.3);
    background-color: #eff0f1;
    padding: 10px 20px;
    margin-bottom: 20px;
    position: relative;
}
.ie7 .column-element,
.ie8 .column-element {
    border-left: 1px solid #bec5cc;
    border-right: 1px solid #bec5cc;
    border-bottom: 2px solid #bec5cc;
    margin-bottom: 18px;
}
.column-white {
    background-color: #fff;
}
.small-column .column-element {
    padding: 10px;
}
.ad.column-element {
    padding: 0;
}
.ad img {
    display: block;
}
.column-element h2,
.column-element header {
    font-family: 'Lato', Arial, "sans-serif";
    padding-bottom: 6px;
    font-size: 22px;
    line-height: 26px;
    font-weight: normal;
    color: #363636;
}
.column-element h2 strong,
.column-element h2 span,
.column-element header strong,
.column-element header span {
    color: #004a9c;
}
.product-search h2 span {
    display: none;
}
.small-column .column-element h2,
.small-column .column-element header {
    font-size: 18px;
    line-height: 20px;
}
.sep {
    width: 100%;
    height: 2px;
    background: url(../img/layout/sep.png) repeat-x;
    clear: both;
}
.product-search {
    height: 269px;
}
.small-column .product-search {
    height: 364px;
}
.name-search {
    margin: 10px 0;
    display: inline-flex;
    width: 100%;
}
.name-search input {
    width: 554px;
    margin-right: 5px;
    padding: 12px 8px;
    font-size: 13px;
    height:40px;
}
.ie7 .name-search input {
    width: 530px;
}
.small-column .name-search input {
    width: 214px;
    height:40px;
}
.ie7 .small-column .name-search input {
    width: 190px;
}
.search-by {
    float: left;
    padding: 0 0 0 80px;
    background-repeat: no-repeat;
    width: 295px;
}
.search-by h3 {
    text-transform: none;
    font-weight: normal;
    line-height: 2.2;
}
.small-column .search-by {
    width: 280px;
}
.small-column .search-by h3 {
    font-weight: normal;
    line-height: 1.2;
}
.search-by button {
    float: right;
    clear: both;
    margin-top: 8px;
}
.large-column .search-by button {
    margin-right: 1px;
}
.search-by select {
    float: left;
    width: 214px;
    height:26px;
}
.small-column .search-by select {
    width: 200px;
}
.profession {
    margin-right: 29px;
    background-image: url(../img/layout/profession.gif);
}
.ie8 .profession {
    margin-right: 28px;
}
.famille {
    border-left: 2px solid #dadadb;
    background-image: url(../img/layout/famille.gif);
    background-position: 7px 6px;
}
.small-column .profession {
    margin-right: 0;
    background-image: url(../img/layout/profession-small.gif);
    margin-bottom: 10px;
}
.ie7 .small-column .profession {
    margin-bottom: 5px;
}
.small-column .famille {
    border-left: 0;
    background-image: url(../img/layout/famille-small.gif);
    background-position: 0;
}
.small-column .besoin {
    background-image: url(../img/background/besoin.png);
    height: 269px;
    padding: 10px 150px 10px 10px;
    position: relative;
    width: 300px;
}
.besoin .mascotte {
    bottom: -11px;
    left: 159px;
    position: absolute;
}
.besoin li {
    list-style: none;
    text-indent: 0;
    padding: 0;
}
.besoin a {
    background: url(../img/layout/bouton.png) no-repeat left top;
    color: #363636;
    float: left;
    clear: left;
    font-family: 'Lato',Arial,"sans-serif";
    font-size: 13px;
    margin-top: 5px;
    padding-bottom: 22px;
    padding-left: 34px;
}
.besoin a span {
    color: #004a9c;
}
.besoin a:hover {
    background-image: url(../img/layout/bouton-over.png);
    text-decoration: underline;
}
.news-zoom {
    padding: 0;
    height: 165px;
    width: 660px;
}
.news,
.zoom {
    background-repeat: no-repeat;
    background-image: url(../img/background/news.png);
    padding: 10px 10px 10px 20px;
    float: left;
    width: 440px;
    height: 168px;
}
.zoom {
    background-image: url(../img/background/zoom.png);
    width: 220px;
}
.news h4,
.zoom h5 {
    font-family: 'Lato',Arial,"sans-serif";
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    background-color: #373737;
    color: #fff;
    display: inline-block;
    padding-right: 10px;
    margin-bottom: 0;
}
.zoom h5 {
    font-size: 15px;
    background-color: #ffed00;
    color: #373737;
    padding-right: 8px;
}
.ie7 .news h4,
.ie7 .zoom h5 {
    display: inline;
    zoom: 1;
    margin-bottom: 0px;
}
.prod {
    float: left;
    width: 200px;
}
.news h4 span {
    color: #e9d402;
    font-weight: normal;
}
.prod img {
    float: left;
    margin-right: 5px;
}
.news .prod a,
.zoom .prod a {
    color: #fff;
    font-size: 10px;
    line-height: 10px;
}
.zoom .prod a {
    color: #373737;
}
.prod a:hover {
    text-decoration: none;
}
.news .prod strong {
    color: #e9d402;
    margin-bottom: 5px;
}
.news .prod a:hover strong {
    color: #e9d402;
    text-decoration: underline;
}
.zoom .prod,
.zoom .prod strong {
    color: #373737;
    margin-bottom: 0;
}
.zoom .prod strong {
    margin-bottom: 5px;
}
.prod strong {
    font-weight: normal;
    display: block;
    font-size: 15px;
    line-height: 1;
}
.news .bouton {
    color: #e9d402;
}
.news-zoom .bouton {
    margin-top: 5px;
}
.zoom .prod a:hover strong {
    color: #373737;
    text-decoration: underline;
}
/*Listing*/
.block-element {
    border-top: 1px solid #ccc;
    position: relative;
    clear: both;
    padding: 30px 0 0;
    overflow: auto;
    margin-top: 5px;
}
.block-element img {
    float: left;
    margin: 0 20px 20px 0;
}
.block-element .imgr {
    float: right;
    margin: 0 0 10px 0;
}
.block-element h3 {clear:left;}

.block-content {
    float: left;
}
.search .block-content {
    width: 480px;
    margin-bottom:20px;
}
.carrefour .block-content {
    width: 380px;
    margin-bottom:20px;
}
.block-element h3 {
    padding-bottom: 12px;
    padding-right: 120px;
}
.block-element h4 {
    line-height: 1;
    padding-bottom: 4px;
}
.block-element p {
    color: #363636;
    font-size: 12px;
    line-height: 16px;
}
.pictos {
    position: absolute;
    right: 10px;
    top: 22px;
}
.pictos img {
    margin: 0 5px 0 0;
}
/*/Listing*/
/*Page produit*/
.product-element {
    border-top: 1px solid #ccc;
    position: relative;
    clear: both;
    padding: 40px 0 5px;
    overflow: auto;
}
.product-col {
    float: left;
    width: 150px;
}
.product-content {
    float: left;
    margin-left: 25px;
    width: 445px;
}
.product-content > img:first-child {
    display: none;
}
.ie7 .product-content,
.ie8 .product-content {
    margin-left: 20px;
}
.column-element h1 {
    padding: 6px 120px 0 0;
    text-transform: uppercase;
}
.ie7 .column-element h1 {
    padding-bottom: 10px;
}
.column-element h2 {
    font-family: 'Lato',Arial,"sans-serif";
    font-size: 22px;
    line-height: 1;
    font-weight: normal;
    padding-bottom: 14px;
    color: #363636;
    padding-right: 120px;
}
.top-search {
  height: 100%;
}
.top-search h2 {
  width: 100%;
  margin: 0;
  padding: 0;
}
.product-search h2,
.besoin h2 {
    padding-right: 0;
}
.product-col img {
    margin: 0 0 14px;
}
.product-col ul {
    margin: 0 0 25px;
}
.product-col li {
    background-color: #e2e2e3;
    padding: 5px 0 5px 5px;
    margin-bottom: 1px;
    list-style: none;
}
.product-col li a {
    color: #1a171b;
    text-transform: uppercase;
    font-size: 10px;
    background-image: url(../img/layout/chevron-bleu.png);
    background-repeat: no-repeat;
    background-position: 0 2px;
    padding-left: 12px;
}
.product-col li a:hover {
    text-decoration: underline;
}
.product-col li a.not-active {
    opacity: 0.3;
}
.acrobat {
    font-size: 10px;
    line-height: 1.2;
    color: #8c8b8d;
    margin-top: 10px;
    float:left;
}
.acrobat a {
    text-indent: -9999px;
    background-image: url(../img/logo/acrobat.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    width: 29px;
    height: 29px;
    display: block;
    padding-top: 12px;
}
.product-content p,
.product-content li {
    color: #363636;
    font-size: 12px;
    line-height: 1.2;
    margin: 0 0 20px;
}
.product-content a:hover {
    text-decoration: underline;
}
.product-content li {
    margin: 0;
    padding-bottom: 10px;
    list-style: square inside;
}
.product-content p:first-child,
.first-paragraph {
    font-size: 16px;
    line-height: 18px;
    font-family: 'Lato',Arial,"sans-serif";
}
.product-content h4 {
    color: #004a9c;
    margin-bottom: 20px;
}
/*/Page produit*/
/*Filiales*/
.maps {
    margin-bottom: 20px;
    width: 620px;
    clear:left;
}
dt,
dd {
    float: left;
    padding-bottom: 10px;
    line-height: 1.2;
}
dt {
    clear: left;
    width: 220px;
}
dd {
    width: 400px;
}
dt.phone,
dt.url {
    width: 90px;
}
dd.phone {
    width: 130px;
}
dt.url {
    float: left;
    clear: none;
}
dd.url {
    float: left;
    width: 310px;
}
.block-logo {
    float: none;
    position: absolute;
    right: -20px;
    top: 25px;
}
/*/Filiales*/
/*Formulaire*/
label {
    text-align: right;
    width: 190px;
    float: left;
    padding-top: 5px;
    padding-right: 10px;
}
.form-required {
    color: #CA0030;
}
input,
textarea,
.form-textarea-wrapper textarea {
    width: 420px;
}

.ie7 input,
.ie7 textarea,
.ie8 input,
.ie8 textarea {
    width: 415px;
}
input[type="file"] {
    width: auto;
}
div.error,
table tr.error {
    margin: 20px 0;
    background: none;
    border: none;
    padding: 0;
}

.form-item {
    padding-bottom: 10px;
}
.form-actions {
    float: right;
    margin-top: 20px;
}
.form-actions input,
.form-submit {
    width: inherit;
}
.messages {
    margin: 20px 0;
}
.messages h2 {
    font-size: 18px;
    line-height: 1;
}
.messages li {
    color: #CA0030;
}
.form-item .error {
    border: 1px solid #CA0030;
}
.form-item .error:focus {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 2px #CA0030;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 2px #CA0030;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 2px #CA0030;
}
.small-button .chevron,
.ajax-processed .chevron {
    font-size: 10px;
    font-weight: normal;
    background-position: left 1px;
    text-transform: none;
}
.webform-client-form .g-recaptcha div {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
}
.webform-client-form .captcha .g-recaptcha div{
    margin-right: auto;
    margin-left: auto;
}
/*Formulaire*/
/*Gamme*/
.gamme li {
    border-top: 1px solid #EEEEEE;
    list-style: none;
    padding: 5px 0 1px;
}
.gamme .bouton {
    float: none;
    width: 618px;
    display: inline-block;
}
.ie7 .gamme .bouton {
    display: inline;
    zoom: 1;
    width: 560px;
}
/*/Gamme*/
/*Connexion*/
.connexion input[type="text"] {
    width: 113px;
}
.product-col .connexion {
    border: 1px solid #ddd;
    margin: 20px 0 0;
    padding: 5px 5px 40px;
}
.product-col .connexion label {
    width: auto;
    margin: 0 0 5px;
}
.product-col .connexion p {
    clear: both;
    margin: 0 0 15px;
    color: #8C8B8D;
}
.product-col .connexion .form-actions {
    margin: 0 0 10px;
}
.product-col .form-required,
.product-col .connexion p a {
    font-size: 10px;
}
/*Connexion*/
/*Fancybox*/
.fancybox-skin {
    background: #F9F9F9;
}
.gallery .slider {
    margin-bottom: 0;
}
.pagination {
    position: absolute;
    bottom: 0;
    right: 10px;
    z-index: 5;
}
.pagination li {
    float: left;
    list-style: none;
}
.pagination li a {
    background-image: url(../img/layout/chevron-droite.png);
    background-position: 7px 11px;
    background-repeat: no-repeat;
    background-color: #0F578F;
    border: medium none;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-weight: bold;
    margin-left: 2px;
    padding: 9px 5px 9px 9px;
    text-align: center;
    width: 26px;
    z-index: 101;
}
.pagination li a:hover {
    background-color: #2a2b2c;
    text-decoration: none;
}

/*/Fancybox*/

.ssearch_big {
    background-color: #ECECEB;
    border: 1px solid #E8E3DE;
    left: 20px;
    padding: 2px;
    position: absolute;
    top: 102px;
    width: 549px;
}
.ssearch_mini {
    background-color: #ECECEB;
    border: 1px solid #E8E3DE;
    left: 10px;
    padding: 2px;
    position: absolute;
    top: 95px;
    width: 214px;
    z-index: 999;
}
.ssearch_big ul li, .ssearch_mini ul li {
    list-style: none;
    padding: 3px;
    color: #555C62;
}

ul.primary {
    margin-top: 120px;
    position: absolute;
}

/* cookie */
.cookie {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 7px 0;
    background: white;
    border: 0;
    z-index: 9999;
    text-align: center;
    font-size: 11px;
    line-height: 1.5;
}
.cookie a {
    text-decoration: underline;
    color: #0f578f;
    margin: 0 5px;
}
.cookie a:hover {
    text-decoration: none;
}
.cookie_btn {
    display: inline;
    color: white;
    cursor: pointer;
    padding: 3px 6px;
    border-radius: 5px;
    text-transform: uppercase;
    -webkit-transition: background-color ease-in .2s;
    -o-transition: background-color ease-in .2s;
    transition: background-color ease-in .2s;
    background-color: #0f578f;
}
.cookie_btn:hover {
    background-color: #2a2b2c;
    -webkit-transition: background-color ease-in .1s;
    -o-transition: background-color ease-in .1s;
    transition: background-color ease-in .1s;
}
#error-messages .close {
    display:none;
}
#webform-client-form-3 {
    margin-bottom:5px;
}
#webform-client-form-3 #edit-submitted-mail {
    margin-bottom:15px;
}
.webform-client-form #edit-submit {
    height: 31px;
    padding: 8px 10px 9px 19px;
    font-family: "Lato",Arial,sans-serif;
}
#webform-client-form-3 p {
    margin-bottom:10px;
}
.form-group {
    margin-bottom: 14px;
}
.form-managed-file {
    width:300px;
    margin-bottom:14px;
}
.form-managed-file .form-file {
    width:330px;
}
.form-managed-file .form-submit {
    background-position: 7px 6px;
    font-family: "Lato",Arial,sans-serif;
    font-size: 9px;
    height: 25px;
    padding: 4px 4px 4px 16px;
    width: 82px;
    border-radius:3px;
    margin-top:1px;
}
#edit-submitted-lettre-de-motivation-upload-button,
#edit-submitted-cv-upload-button {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}
@media all and (max-width:1170px) {
    .footer-content {
        padding:0;
        width:982px;
        background-position:54% top;
    }
    .footer-address {
        margin-left:0;
    }
    .veritas {
        margin: 0 10px 0 15px;
    }
    .foreign {
        padding: 0 0 0 10px;
    }
    .foreign li {
        margin-right:15px;
    }
    .foreign li:nth-child(3) {
        margin-right: 0;
    }
    .footer-links {
        background:none;
        width:768px;
        padding-left:10px;
    }
    .footer-links ul {
        background:rgba(0, 0, 0, 0) url("../img/layout/footer-links-sep.png") repeat-y scroll 0 0;
        padding-left:20px;
        width:250px;
    }
    .footer-links ul.last {
        width:250px;
        margin-right:0;
    }
}
.node-type-product #gallery2 {
    display:none;
    width:640px;
    height:360px;
}
@media all and (max-width:1024px) {
    .footer-main {
        margin-left: 10px;
    }
}
@media all and (max-width:980px) {
    .header-content, .main-content, .footer-content, .slider, .banner, .breadcrumb {
        width:768px;
    }
    .footer-content {
        background-position:76% top;
    }
    #slides {
        overflow:hidden;
    }
    .banner img {
        width: 100%;
    }
    .labofrance-logo {
        background-size: 100% auto;
        height: 97px;
        width: 113px;
    }
    .access {
        margin-left:0;
    }
    .access li a {
        font-size: 12px;
        padding: 7px 6px 0;
    }
    .recrutement a {
        font-size: 12px;
        padding: 7px 5px 0;
    }
    .banner .caption {
        font-size: 23px;
        height: 50px;
        left: 0;
        position: relative;
        text-align: center;
        top: -52px;
        width: 100%;
    }
    .banner {
        height: 187px;
    }
    .large-column {
        width: 460px;
    }
    .small-column {
        margin-left: 8px;
    }
    .node-type-listing .block-element img {
        float: left;
        height: auto;
        margin: 0 5px 20px 0;
        width: 135px;
    }
    .block-element .pictos img {
        width: inherit;
    }
    .search .block-content,
    .carrefour .block-content {
        width: 280px;
        float: right;
        margin-top: 10px;
    }
    .block-content h3 {
        padding-right:10px;
        font-size:18px;
    }
    .block-element p img {
        max-width: 100%;
        height:auto;
    }
    .search .bouton {
        width: 55%;
        text-align:right;
    }
    .carrefour .bouton {
        width:100%;
        text-align:right;
    }
    .gamme .bouton {
        width: 420px;
    }
    .product-content {
        float: left;
        margin-left: 15px;
        width: 255px;
    }
    label {
        width: 110px;
    }
    input, textarea, .form-textarea-wrapper textarea,
    .form-control {
        width:310px;
    }
    .form-item-submitted-profession-actuelle label,
    .form-item-submitted-lettre-de-motivation label {
        padding-top:0;
        line-height:12px;
    }
    .slider {
        height:300px;
    }
    .slides_container {
        width: 768px;
    }
    .slides_control img {
        width: 768px;
    }
    .sizemd .slide .caption {
        position:absolute;
        top:-50px;
        height:50px;
        width:768px;
        line-height:21px;
        top:250px;
        left:0;
        text-align:center;
    }
    .sizemd .slider .next,
    .sizemd .slider .prev {
        height:50px;
        padding-top:19px;
        top:250px;
    }
    .sizemd .slider .prev {
        left:0;
    }
    .slides_container .slide {
        display: block;
        height: 300px;
        width: 768px;
    }
    .product-search {
        height: 454px;
    }
    .node-type-home .name-search input {
        width: 361px;
    }
    .node-type-home .search-by select,
    .node-type-home .search-by {
        width:420px;
    }
    .node-type-home .search-by {
        margin-top:20px;
    }
    .news-zoom {
        width:768px;
        background:transparent;
        box-shadow:none;
    }
    .news {
        width: 460px;
        background-size: 100% auto;
    }
    .zoom {
        background-size: 100% auto;
        width: 298px;
        margin-left:10px;
    }
    .news .prod {
        width:211px;
    }
    .zoom .prod {
        width:250px;
    }
    .maps {
        width:420px;
    }
    dl.adresse {
        width:420px;
    }
    dd, dt, dt.phone, dd.phone, dt.url, dd.url {
        width:100% !important;
        float:none;
    }
    dd.url {
        float: none;
        width: 100%;
    }
    .block-element h3 {
        padding-right:0;
        font-size:18px;
    }
    .node-type-product .column-element h1 {
        padding:6px 46px 0 0;
    }
    .form-managed-file .form-file {
        width:209px;
    }
}
@media all and (max-width:767px) {
    .responsive-menus img {
        float: left;
        margin: 14px 0 0 4px;
    }
    .header-content, .main-content, .footer-content, .slider, .banner, .breadcrumb {
        width: 460px;
    }
    .slides_container {
        width:460px;
    }
    .slider {
        height:270px;
    }
    #slides {
        width:460px;
        position:relative;
        top:82px;
    }
    .slides_control img {
        width:460px;
    }
    .sizemd.sizesm .slide .caption {
        position:relative;
        top:-50px;
        height:50px;
        width:460px;
        line-height:25px;
        font-size:18px;
    }
    .sizemd.sizesm .slider .next,
    .sizemd.sizesm .slider .prev {
        top:140px;
    }
    .footer-content {
        width:100%;
        background-size:100%;
        height:250px;
    }
    .site-footer {
        background-size:100% auto;
    }
    .footer-main-links, .foreign {
        background-image:none;
        min-height:70px;
    }
    .footer-links {
        display:none;
    }
    .footer-address {
        width:300px;
        display:block;
        text-align:center;
        margin:0 auto;
        background-size:104% auto;
        float:none;
        height:150px;
    }
    .footer-main {
        display: block;
        float: none;
        margin: 15px auto 0;
        min-height: 60px;
        width: 520px;
    }
    .responsive-menus.responsified span.toggler {
        background: none;
        border-radius: 0;
        box-shadow: none !important;
        text-shadow: none !important;
        color: #fff !important;
        cursor: pointer;
        display: block;
        font-size: 12px;
        height: 45px;
        line-height: 45px;
        outline: medium none;
        padding: 1px;
        text-align: center;
        text-transform: uppercase;
        width: 249px;
    }
    .responsive-menus.responsified.responsive-toggled span.toggler {
        border-bottom:none;
        font-size: 12px;
    }
    .responsive-menus.responsified .responsive-menus-simple li a {
        background: url("../img/background/header.png") repeat-x center top;
        height:46px;
        border:none;
        padding:10px;
        width:100%;
    }
    .site-header {
        background:rgba(0, 0, 0, 0) url("../img/background/header.png") repeat-x scroll 0 35px;
    }
    .recrutement a,
    .access {
        margin-top:35px;
    }
    .espace-clients {
        right:0;
    }
    .slides_container .slide {
        display: block;
        height: 227px;
        width: 460px;
    }
    .news-zoom {
        width:460px;
    }
    .news, .zoom {
        float:none;
        display:block;
        margin:0 auto 10px;
    }
    .small-column {
        width:460px;
        margin-left:0;
    }
    .ad.column-element {
        background-color:transparent;
        box-shadow:none;
    }
    .column-element img {
        display:block;
        margin:0 auto;
    }
    .column-element .prod img {
        margin:5px 5px 0 0;
    }
    .small-column .besoin {
        display:block;
        margin:10px auto;
    }
    .banner {
        height: 116px;
        margin-bottom: 82px;
        position: relative;
        top: 82px;
    }
    .small-column .name-search input {
        width: 371px;
    }
    .small-column .search-by {
        width: 439px;
    }
    .small-column .search-by select {
        width: 359px;
    }
    .banner .caption {
        font-size: 16px;
        height: 35px;
        line-height: 12px;
        top: -37px;
    }
    .column-element h1 {
        padding: 6px 0 0;
        font-size:21px;
    }
    .breadcrumb ul {
        padding-left: 0;
    }
    .block-element p img {
        margin-right:6px;
    }
    .fancybox-inner label {
        width: 200px;
    }

    .node-type-product #gallery2 {
        display:none;
        width:432px;
        height:340px;
    }
    .pictos img {
        float:right;
    }
    h1 strong, h3 strong {
        display: block;
    }

}
@media all and (max-width:520px) {
    .footer-main {
        width:100%;
    }
    .footer-main-links, .veritas, .foreign {
        display: block;
        float: none;
        margin: 8px auto 0;
        width:250px;
        text-align:center;
    }
    .footer-address {
        padding-left:0;
    }
    .footer-main-links {
        padding-left:64px;
        text-align:left;
    }
    .footer-content {
        height: 390px;
    }
    #baseline {
        margin: 0;
        width: 100%;
    }
    .block-element .imgr {
        float: none;
    }
    .node-type-product #gallery2 {
        display: none;
        width: 216px;
        height: 270px;
    }
    #productVideo {
        max-height:250px;
    }
}
@media all and (max-width:460px) {
    .header-content, .main-content, .footer-content, .slider, .banner, .breadcrumb {
        width: 300px;
    }
    .slides_container {
        width:300px;
    }
    #slides {
        width: 300px;
        position: relative;
        top: 82px;
        height: 250px;
    }
    .slides_control img {
        width: 300px;
    }
    .slides_container .slide {
        display: block;
        height: 185px;
        width: 300px;
    }
    .responsive-menus.responsified span.toggler {
        width: 90px;
        font-size: 12px;
    }
    .responsive-menus.responsified .responsive-menus-simple li a {
        width:188px;
    }
    .product-search {
        width:300px;
    }
    .node-type-home .name-search input {
        width: 200px;
    }
    .node-type-home .search-by select, .node-type-home .search-by {
        width: 260px;
    }
    .node-type-home .product-search {
        height: 144px;
    }
    .node-type-home .search-by.profession, .node-type-home .search-by.famille {
        display: none;
    }
    .node-type-home .column-element h2 span {
        display: none;
    }
    .famille {
        border-left: 0;
    }
    .news-zoom {
        width: 300px;
    }
    .news {
        width: 300px;
        height:300px;
        background-size: 100% 100%;
    }
    .news .prod {
        width: 250px;
        margin-bottom:8px;
    }
    .zoom {
        width: 300px;
        height:180px;
    }
    .news h4, .zoom h5 {
        margin-bottom:10px;
    }
    .small-column {
        width: 300px;
        margin:10px auto;
    }
    .small-column .name-search input {
        width: 210px;
    }
    .small-column .search-by {
        width: 273px;
    }
    .small-column .search-by select {
        width: 230px;
    }
    .large-column {
        width: 300px;
    }
    .search .block-content, .carrefour .block-content {
        width: 259px;
    }
    .page-recherche-produits .search .block-content,
    .page-recherche-produits .carrefour .block-content {
        width: 100%;
        margin-top: 10px;
    }
    .node-type-new-products .search .block-content, .node-type-new-products .carrefour .block-content {
        width: 270px;
    }
    .banner {
        height: auto;
    }
    .banner .caption {
        font-size: 12px;
        height: 24px;
        line-height: 20px;
        padding: 0;
        top: -26px;
        position: static;
    }
    .column-element h1 {
        padding: 6px 0 0;
        font-size:14px;
    }
    .block-content h3 {
        font-size: 14px;
    }
    h4 {
        font-size: 15px;
    }
    .block-element p img {
        clear: both;
        display: block;
        float: none;
    }
    .gamme .bouton {
        width: 260px;
    }
    .column-element h2, .column-element header {
        font-size:16px;
        line-height:22px;
    }
    .product-element {
        margin:0 -10px;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-direction: column;
    }
    .product-col {
        float: left;
        width: 280px;
        order: 1;
    }
    .product-col img {
        /*float: left;
        width: 149px;*/
        display: none;
    }
    .product-col ul {
        float: left;
        margin: 0 0 25px 1px;
        width: 130px;
    }
    .product-col li {
        margin-bottom:10px;
    }
    .product-col .connexion {
        width: 280px;
        float:left;
    }
    .connexion .webform-client-form table {
        display:block;
        margin:0 auto;
        width:240px;
    }
    .product-content {
        float: left;
        margin-left: 0;
        margin-top: 10px;
        width: 280px;
    }
    .product-content > img:first-child {
        display: block;
        margin: 0 auto 20px;
    }

    .connexion input[type="text"] {
        width: 200px;
    }
    .product-col .connexion label {
        padding-left: 15px;
    }
    .block-element p img {
        margin-right:auto;
    }
    .webform-client-form label {
        text-align: center;
        width: 100%;
    }
    #edit-submitted-pays {
        width:100%;
    }
    .block-element h3 {
        font-size:14px;
    }
    .form-managed-file {
        width: 260px;
    }
    .form-managed-file .form-file {
        width: 180px;
    }
    .sizexs .fancybox-inner .connexion .webform-client-form {
        max-width:262px;
        display:block;
        float:left;
    }
    .fancybox-inner .connexion .webform-client-form table {
        width: 100%;
    }
    .fancybox-inner .connexion input[type="text"] {
        width: 97px;
    }
    .fancybox-inner .webform-client-form label {
        text-align:right;
    }
    .sizexs .fancybox-inner .connexion .first-paragraph {
        display:block;
        width:262px;
        float:left;
    }
    .sizexs .fancybox-wrap #connexion {
        width:280px !important;
    }
    .sizexs .fancybox-inner label {
        width: 140px;
    }
    .maps {
        width:100%;
    }
    dl.adresse {
        width:260px;
    }
    .sizexs .besoin a {
        font-family:'Arial', sans-serif;
        font-size:11px;
        line-height:13px;
    }
    .sizexs .recrutement a {
        font-family:"Arial", sans-serif;
        font-size:10px;
    }
    .responsive-menus.responsified span.toggler {
        box-shadow:none;
        width:70px;
    }
    .responsive-menus.responsified .responsive-menus-simple li a {
        width:188px;
    }
    .sizemd.sizesm.sizexs .caption,
    .sizemd.sizesm.sizexs .slide .caption {
        font-family: "Arial",sans-serif;
        font-size: 18px;
        /* height: initial; */
        line-height: 1;
        padding-top: 7px;
        position: relative;
        top: -3px;
        padding-bottom: 8px;
        width: 300px;
        height: auto;
    }
    .sizemd.sizesm.sizexs .slide .caption {
        top: -3px;
        position: relative;
    }
    .sizemd.sizesm.sizexs .slider .next,
    .sizemd.sizesm.sizexs .slider .prev {
        width: 20px;
        height: 51px;
        top: 122px;
        padding-top: 18px;
    }
    .sizexs .webform-client-form .form-managed-file .form-file {
        width:100%;
    }
    .sizexs .webform-client-form .input-group-btn {
        display: block;
        left: 160px;
        position: relative;
        top: 3px;
        width: 100px;
    }
    .webform-client-form .input-group-btn .form-submit {
        display:block;
        width: 100px;
    }
    .node-type-new-products .column-element,
    .page-recherche-produits .column-element {
        padding: 10px 15px;
    }
    .ad.column-element {
        padding: 0;
    }
    .small-column .besoin {
        padding-right: 150px;
    }
    .sizexs .fancybox-nav span {
        top:54%;
    }
    .sizexs .ssearch_big {
        top:109px;
        width:200px;
    }

}


.hidden-sm {
    display: block;
}

@media all and (max-width:768px) {
    .hidden-sm {
         display: none;
    }
}

.show-sm {
    display: none;
}

@media all and (max-width:990px) {
    .show-sm {
        display: block;
    }
}

/* admin buttons */
body.toolbar > .wrapper > .tabs--primary.nav.nav-tabs{
    position: relative;
    z-index: 99;
}