/* CSS Documents */
@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}

@font-face {
    font-family: 'dincond';
    src: url('../fonts/dincond-regular-webfont.eot');
    src: url('../fonts/dincond-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/dincond-regular-webfont.woff') format('woff'),
    url('../fonts/dincond-regular-webfont.ttf') format('truetype'),
    url('../fonts/dincond-regular-webfont.svg#dincond-regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'dincond';
    src: url('../fonts/dincond-bold-webfont.eot');
    src: url('../fonts/dincond-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/dincond-bold-webfont.woff') format('woff'),
    url('../fonts/dincond-bold-webfont.ttf') format('truetype'),
    url('../fonts/dincond-bold-webfont.svg#dincond-boldbold') format('svg');
    font-weight: bold;
    font-style: normal;
}
/*pour ie8*/
@font-face {
    font-family: 'dincondBold';
    src: url('../fonts/dincond-bold-webfont.eot');
    src: url('../fonts/dincond-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/dincond-bold-webfont.woff') format('woff'),
    url('../fonts/dincond-bold-webfont.ttf') format('truetype'),
    url('../fonts/dincond-bold-webfont.svg#dincond-boldbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'dincond';
    src: url('../fonts/dincond-light-webfont.eot');
    src: url('../fonts/dincond-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/dincond-light-webfont.woff') format('woff'),
    url('../fonts/dincond-light-webfont.ttf') format('truetype'),
    url('../fonts/dincond-light-webfont.svg#dincond-lightregular') format('svg');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_condensed';
    src: url('../fonts/RobotoCondensed-Regular-webfont.eot');
    src: url('../fonts/RobotoCondensed-Regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/RobotoCondensed-Regular-webfont.woff') format('woff'),
    url('../fonts/RobotoCondensed-Regular-webfont.ttf') format('truetype'),
    url('../fonts/RobotoCondensed-Regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_condensed';
    src: url('../fonts/RobotoCondensed-Light-webfont.eot');
    src: url('../fonts/RobotoCondensed-Light-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/RobotoCondensed-Light-webfont.woff') format('woff'),
    url('../fonts/RobotoCondensed-Light-webfont.ttf') format('truetype'),
    url('../fonts/RobotoCondensed-Light-webfont.svg#roboto_condensedlight') format('svg');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_condensed';
    src: url('../fonts/RobotoCondensed-Bold-webfont.eot');
    src: url('../fonts/RobotoCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/RobotoCondensed-Bold-webfont.woff') format('woff'),
    url('../fonts/RobotoCondensed-Bold-webfont.ttf') format('truetype'),
    url('../fonts/RobotoCondensed-Bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: bold;
    font-style: normal;
}



/*---------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------- RESET ------------------------------------------------------------------ */

html{ font-size: 62.5%; } 
html, body, form, fieldset, dl, dd, p, input, blockquote, figure{ margin:0; padding:0; }
p, select, input, caption, label, tr, td, table, textarea, li{ font-size:18px; line-height:1.4em; }
h1, h2, h3, h4, h5, h6{ margin-top:0; line-height:1.1; }
span{ margin:0; }
img, fieldset, table{ border:none; }
address{ font-style: normal; }
img{vertical-align:middle; text-decoration:none; }
figure{ overflow:hidden; margin:0; -webkit-margin-before:0; -webkit-margin-after:0; -webkit-margin-start:0; -webkit-margin-end:0; }
a:focus { outline: 0;}
#header figure img{ max-width: 200px; width:100%; height:auto; margin:19px 0px 19px 19px;}
@media screen and (max-width: 1300px) {
    #header figure img {max-width: 140px; margin:25px 0px 25px 25px;}
}
@media screen and (max-width: 991px) {
    #header figure img {max-width: 110px; margin:27px 0px 27px 27px;}
}
@media screen and (max-width: 850px) {
    #header figure img {max-width: 90px; margin:27px 0px 27px 27px;}
}
@media screen and (max-width: 767px) {
    #header figure img {max-width: 90px; margin:28px 0px 28px 28px;}
}
#header .logo figure a:hover {background-color:rgba(0,0,0,0);}
.alertOldIe{ text-align:center; padding:10px; }
/* HTML5 */
header, section, footer, aside, nav, article, figure, main{ display: block; }

/*---------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------- BASIC ------------------------------------------------------------------ */

/* CLEARFIX */
.clearfix:after, .cols:after, .mediaText:after, .navTop:after, .navTop .navbar-form:after, .grid .block .background:after, .searchM:after, ul.listArrow:after, .distributeur .nom:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clear, #wrapper .clear{ clear:both; }

/*---------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------- TEXT ------------------------------------------------------------------- */

body{ font-size:1.5em; }

/* POLICE */
body, input, textarea, select, option, button, h1, h2, h3, h4, h5, h6{ font-family:'dincond', Helvetica, Arial, sans-serif; }

.pl body, .pl input, .pl textarea, .pl select, .pl option, .pl button, .pl h1, .pl h2, .pl h3, .pl h4, .pl h5, .pl h6{ font-family: Helvetica, Arial, sans-serif; }

H1 {font-size:42px; font-weight:bold;}
H2 {font-size:36px; font-weight:bold; text-transform:uppercase;}
H3 {font-size:32px; font-weight:bold; text-transform:uppercase;}
@media screen and (max-width: 767px) {
    H3 {font-size:32px;}
}
H4 {font-size:24px;}
@media screen and (max-width: 767px) {
    H4 {font-size:24px;}
}

.din, #wrapper .din, .title2, #wrapper .title2, .title3, #wrapper .title3, .bt, .title4, #wrapper .title4, .link, .title1, #wrapper .title1, .title5, #wrapper .title5, .listArrow, .listArrowB, .encadreArticle, .distributeur .nom, .title6, #wrapper .title6, .worldMap, .title7, #wrapper .title7, ul.listSteps, ul.listPicto{ font-family: 'dincond', Helvetica, Arial, sans-serif; }
.pl .din, .pl #wrapper .din, .pl .title2, .pl #wrapper .title2, .pl .title3, .pl #wrapper .title3, .pl .bt, .pl .title4, .pl #wrapper .title4, .pl .link, .pl .title1, .pl #wrapper .title1, .pl .title5, .pl #wrapper .title5, .pl .listArrow, .pl .encadreArticle, .pl .distributeur .nom, .pl .title6, .pl #wrapper .title6, .pl .worldMap, .pl .title7, .pl #wrapper .title7{ font-family: Helvetica, Arial, sans-serif; }

.ltie9 #wrapper .title1, .ltie9 #wrapper .title2, .ltie9 #wrapper .title4, .ltie9 .link, .ltie9 .bt, .ltie9 .listArrow{ font-family: 'dincondBold', 'dincond', Helvetica, Arial, sans-serif; }
.ltie9 #wrapper .title1 .normal, .ltie9 #wrapper .title3{ font-family: 'dincond', Helvetica, Arial, sans-serif; font-weight:100; }

.pl .ltie9 #wrapper .title1, .pl .ltie9 #wrapper .title2, .pl .ltie9 #wrapper .title4, .pl .ltie9 .link, .pl .ltie9 .bt, .pl .ltie9 .listArrow{ font-family: Helvetica, Arial, sans-serif; }
.pl .ltie9 #wrapper .title1 .normal, .pl .ltie9 #wrapper .title3{ font-family: Helvetica, Arial, sans-serif; font-weight:100; }

/* police pour pologne */
.pl .din, .pl #wrapper .din, .pl .title2, .pl #wrapper .title2, .pl .title3, .pl #wrapper .title3, .pl .bt, .pl .title4, .pl #wrapper .title4, .pl .link, .pl .title1, .pl #wrapper .title1, .pl .title5, .pl #wrapper .title5, .pl .listArrow, .pl .encadreArticle, .pl .distributeur .nom, .pl .title6, .pl #wrapper .title6, .pl .worldMap, .pl .title7, .pl #wrapper .title7,

.ltie9 .pl .din, .ltie9 .pl #wrapper .din, .ltie9 .pl .title2, .ltie9 .pl #wrapper .title2, .ltie9 .pl .title3, .ltie9 .pl #wrapper .title3, .ltie9 .pl .bt, .ltie9 .pl .title4, .ltie9 .pl #wrapper .title4, .ltie9 .pl .link, .ltie9 .pl .title1, .ltie9 .pl #wrapper .title1, .ltie9 .pl .title5, .ltie9 .pl #wrapper .title5, .ltie9 .pl .listArrow, .ltie9 .pl .encadreArticle, .ltie9 .pl .distributeur .nom, .ltie9 .pl .title6, .ltie9 .pl #wrapper .title6, .ltie9 .pl .worldMap, .pl .ltie9 .title7, .ltie9 .pl #wrapper .title7
{ font-family: "Arial Narrow", Arial; }


/* FONT SIZE */
.xl, .bigger, #wrapper .xl, #wrapper .bigger{ font-size:1.1em; } 
.xxl, .big, #wrapper .xxl, #wrapper .big{ font-size:1.2em; } 
.xxxl, #wrapper .xxxl{ font-size:1.3em; }
.xs, .smaller, #wrapper .xs, #wrapper .smaller{ font-size:0.9em; }
.xxs, .small, #wrapper .xxs, #wrapper .small{ font-size:0.8em; }
.xxxs, #wrapper .xxxs{ font-size:0.7em; }

/* TEXT TRANSFORM */
.uppercase, #wrapper .uppercase, #navBar, #navBar input, #navBar select, #header .emphaseLink, .title2, #wrapper .title2, .titleNav, .panelMenu ul > li > a, .panelMenu input, .title1, #wrapper .title1, #wrapper .title strong, .title6, #wrapper .title6{ text-transform:uppercase; }
.nUppercase, #wrapper .nUppercase{ text-transform:none; }

/* TEXT DECORATION */
a, .nUnderline, #wrapper .nUnderline, #header .emphaseLink a:hover, #breadcrumb ul > li.active a{ text-decoration:none;}
a:hover, .underline, #wrapper .underline, #breadcrumb ul > li a, #breadcrumb ul > li.active a:hover, a.block:hover span.bt{ text-decoration:underline; }
#header .navbar ul > a:hover, #header .navbar ul > .active > a, #header .navbar ul > .active > a:hover, #header .navbar ul > .open > a, #header .navbar ul > .open > a:hover, #header .navbar ul > .open > a:focus {background-color: #E60003;}
#header .navbar a:hover {background-color: #E60003;}
#header .navbar figure:hover {background-color: #E60003;}
#header .navbar .logo figure:hover {background-color: initial;}
#research_form2 .open .dropdown-toggle {background-color: #E60003;}
#research_form2 .dropdown-toggle {background-color: transparent;}

/* TEXT ALIGN */
.justify, #wrapper .justify, .pushMap p{ text-align:justify; text-justify: newspaper; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; word-wrap:break-word; overflow-wrap:break-word; *text-justify:auto; }
.noBreak, #wrapper .noBreak{ -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; -o-hyphens: none; hyphens: none; word-wrap:normal; overflow-wrap:normal; }
.nJustify, .alignLeft, #wrapper .nJustify, #wrapper .alignLeft{ text-align:left; }
.alignRight, #wrapper .alignRight{ text-align:right; }
.alignCenter, #wrapper .alignCenter{ text-align:center; }

/* FONT WEIGHT */
.bold, #wrapper .bold, .title2, #wrapper .title2, #header .emphaseLink, .title4, #wrapper .title4, .panelMenu ul > li.active > a, .title1, #wrapper .title1, #breadcrumb ul > li.active a, .title6, #wrapper .title6, .title7 strong, #wrapper .title7 strong{ font-weight:bold; }
.normal, .nBold, #wrapper .normal, #wrapper .nBold, .title3, #wrapper .title3, .titleNav, .title7, #wrapper .title7{ font-weight:normal; }

/* FLOAT */
.left, #wrapper .left{ float:left; }
.right, #wrapper .right{ float:right; }

/* ITALIC */
.italic, #wrapper .italic{ font-style:italic; }
.nItalic, #wrapper .nItalic{ font-style:normal; }

/* MARGIN */
.section, .blockA .background{ margin-bottom:20px; }
.section .row { margin: 0 }
.headerArticle .row { margin: 0 }
p, .part{ margin-bottom:15px; }
.container *:last-child, ul li:last-child, .block p:last-child, .part p:last-child{ margin-bottom:0; }

/* TITLES */
.title{ display:block; }
.title1, #wrapper .title1{ font-size:2.3em; margin-bottom:10px; }
.title1 + .title, #wrapper .title1 + .title{ margin-top:-10px; }
.title2 { font-size:1.6em; margin-bottom:20px; }
.grid .title2, #wrapper .grid .title2, .block .title2, #wrapper .block .title2{ margin-bottom:10px; }
.title2 + .title, #wrapper .title2 + .title{ margin-top:-5px; }
.title3, #wrapper .title3{ font-size:1.6em; }
.title4, #wrapper .title4{ font-size:1.2em; margin-bottom:10px; }
.title5, #wrapper .title5{ font-size:2.2em; margin-bottom:10px; }
.title6, #wrapper .title6{ font-size:1.35em; margin-bottom:3px; }
.title7, #wrapper .title7{ font-size:1.9em; margin-bottom:10px; }

/* LIST */
/* default list */
ul.list, ul.cols{ padding-left:1.3em; margin-left:0; }
ul.list > li, ul.cols li{ list-style:disc outside; }

/* reset list */
#nav ul, #breadcrumb ul, ul.listArrow, ul.listArrowB, ul.listResults, .fileList ul, .pagination ul, ul.listeDistributeurs, ul.listSteps, ul.listPicto{ padding:0; margin:0; }
ul.row{ padding:0; }
#nav ul li, ul.row li, #breadcrumb ul > li, ul.listArrow > li, ul.listResults > li, .fileList ul > li, .pagination ul > li, ul.listeDistributeurs > li, ul.listSteps > li, ul.listArrowB > li, ul.listPicto > li{ list-style:none outside; }

/* DISPLAY */
.displayBlock, #wrapper .displayBlock{ display:block; }
.displayInlineBlock, #wrapper .displayInlineBlock{ display:inline-block; }
.displayInline, #wrapper .displayInline{ display:inline; }
.displayTable, #wrapper .displayTable{ display:table; }
.displayRow, #wrapper .displayRow{ display:table-row; }
.displayCell, #wrapper .displayCell{ display:table-cell; }

/*---------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------- TEMPLATES IPSO ---------------------------------------------------- */

/* MEDIATEXT */
.mediaText{ display:block; margin-bottom:15px; }
.media{ float:left; margin-right:15px; }
.text{ display:block; overflow:hidden; }
.mediaTextRight .media{ float:right; margin:0 0 0 15px; }
/* mediatextvalign */
.mediaTextValign{ display: table; width:100%; }
.mediaTextValign:after{ display:none; }
.mediaTextValign > .media, .mediaTextValign .text{ display: table-cell; float: none; vertical-align: middle; }
.mediaTextValign > .media{ padding-right:15px; }
.mediaTextValign.mediaTextRight > .media{ float: none; padding-right:0; padding-left: 15px; }

/*---------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------- COLORS ----------------------------------------------------------------- */

/* COLOR */
.white, #wrapper .white, #header, #footer, #header a, #footer a, .dropdown-menu, .dropdown-menu a, .dropdown-menu li a:hover, .dropdown-menu li a:focus, #header .emphaseLink, #header .emphaseLink a, .bt, .bt span, .bt:hover, #footer,, .panelMenu, .panelMenu a, #wrapper .blockC .title, .bgGrey, #wrapper .bgGrey, .bgGrey a, #wrapper .bgGrey a, .bgGrey .title, #wrapper .bgGrey .title, .worldMap a, .title7, #wrapper .title7, .title7 strong, body #wrapper .title7 strong{ color:#fff; }
#footer li a {color: rgba(255, 255, 255, 0.5); text-decoration:none;}
#footer li .niv2 a:hover {color: rgba(255, 255, 255, 0.9); text-decoration:none;}
#footer .btn_footer a, .tbhn a {color: rgba(255, 255, 255, 1);}
#header a, #footer .white a {color: rgba(255, 255, 255, 1);}
#header .main_menu a {color: rgba(255, 255, 255, 0.6);}
#header .main_menu a:hover {color: rgba(255, 255, 255, 1); background-color:rgba(20, 20, 20, 0)}
.black, #wrapper .black, .block .title, .link, .title1, .title5, #wrapper .title5, .grid .block .content, ul.listArrow > li a, .arrow, .field .required, .field .precision, input, textarea, select, option, label, .attributevalue{ color:#000; }
.red, #wrapper .red, .link:before, .alertOldIe, #wrapper .title strong, #breadcrumb ul > li.active a, ul.listArrow > li:before, .arrow:before, .erreur, .field .required, ul.listResults > li .title:before, .titleSearch, .distributeur .nom:before, .title6, #wrapper .title6, ul.listArrowB > li a:hover, ul.listArrowB > li a:focus, ul.listArrowB > li:before, ul.listPicto > li > a:hover, ul.listPicto > li > a:focus { color:#e60003; }
.worldMap .region ul > li a:hover, .worldMap .region ul > li a:focus { color:#FFFFFF; font-weight:bold; text-decoration:none; }
.grey, #wrapper .grey, body, .mainLabel, .noticeTechnique, #wrapper .noticeTechnique .title{ color:#6f6f6f; }


/* BACKGROUND COLOR */
.bgWhite, #wrapper .bgWhite, .blockBubble, .grid, .navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar, .frame, .noticeTechnique, #header textarea{ background-color:#fff; }
.bgBlack, #wrapper .bgBlack, #header, #footer, .navbar-default .navbar-toggle .icon-bar{ background-color:#000; }
.tbhn > .bt.btB { background-color:rgba(0, 0, 0, 0); }
.bt.btB { 
    padding: 10px;
    bottom: 20px;
    transition: all 0.2s;
    border-radius: 2px; }
    .tbhn > .bt.btB:hover
    .background {width: 100%; height: 100%; background-position: center; background-size: cover;}
    .background:before {content:""; position:absolute; width:100%; height:100%; transition:opacity 0.2s; background:rgba(0,0,0,0.5); opacity:0;}
    .background:after {content:""; position:absolute; bottom:0; width:100%; height:50%; transition:opacity 0.2s; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 ); opacity:0.5;}
    .tbhn:hover .background:before { opacity:1; }
    .tbhn:hover .background:after { opacity:1; }
    .dropdown-menu { background-color: rgba(20, 20, 20, 0.5);}
    #footer {background-color: #222222;}
    .bgRed, #wrapper .bgRed, .dropdown-menu li a:hover, .dropdown-menu li a:focus, #header .emphaseLink, .filet, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .panelMenu ul > li.open > a, .panelMenu ul > li > a:hover, .panelMenu ul > li > a:focus, .panelMenu ul > li.open > a:focus, ul.listSteps li.active > a{ background-color:#e60003; }
    .bgGrey, #wrapper .bgGrey{ background-color:#6f6f6f; }
    .bgGrey2, #wrapper .bgGrey2, #wrapper .blockC{ padding: 0}
    .bgGrey2, #wrapper .bgGrey3{ background-color:#e3e3e3; }
    .bgGrey4, #wrapper .bgGrey4{ background-color:#eff0f1; }

    /* BORDER COLOR */
    body .emphaseLink:before, #footer, .pushMap{ border-top-color:#e60003; }
    body .filet:before{ border-right-color:#e60003; }
    body .filet:after, .panelMenu{ border-left-color:#e60003; }

    /*---------------------------------------------------------------------------------------------------------------------------- */
    /* -------------------------------------------------- TEMPLATES ----------------------------------------------------------------- */

    /* --------------------- BLOCKS --------------------- */
    .block{ display:block; position:relative;margin-right: 2px; }
    @media screen and (max-width: 767px) {
       .block img { width: 100%;}
   }
   .frame{ padding:20px; margin-bottom:40px; }
   .container > .frame:last-child{ padding:20px; margin-bottom:40px; }

   /* BLOCKBUBBLE */
   .blockBubble{ padding:15px 30px; }
   .blockBubble:before{ content:' '; display:block; position:absolute; left:0px; bottom:-14px; width:0; height:0; border:15px solid transparent; border-width:14px 15px 0 0; border-top-color:#fff; }
   .blockBubble .bt{ position:absolute; bottom:-15px; right:30px; }

   /* --------------------- EMPHASEARTICLE --------------------- */
   .emphaseArticle .row{ margin:0; display:table; width:100%; table-layout:fixed; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
   .emphaseArticle .row > *{ display:table-cell; float:none; vertical-align:bottom; text-align:left; }
   .emphaseArticle .row > *:first-child{ padding-left:0; }
   .emphaseArticle .row > *:last-child{ padding-right:0; }
   .emphaseArticle .blockBubble{ }

   /* --------------------- GRID --------------------- */
   /* GRIDOFFSET */
   .gridOffset{ padding: 50px 0; }

   /* GRID BLOCK */
   .grid{ padding:0px 20px; }
   .grid .block{ overflow:hidden; margin:20px auto; }
   .grid .block .background{ overflow:visible; }
   .grid .block .background figure{ display:inline-block; overflow:visible; position:relative; float:right; right:50%; }
   .grid .block .background figure img{ max-width:none; position:relative; right:-50%; }
   .grid .block .content{ clear:both; }

   /* BLOCKA */
   .blockA{ height:303px; border-bottom:1px solid #ccc; padding-bottom:40px }
   .blockA .footer{ position:absolute; bottom:10px; left:0; }
   .blockA .background figure{ height: 154px; }
   /* BLOCKB */
   .blockB{ height:100%;}
   .blockB .footer{ position:absolute; bottom:5%; left:0; right:0; text-align:center; }
   /* BLOCKC */
   .blockC{ height:100%; margin-bottom:15px; }
   .blockC .content{ position:relative; z-index:1; padding-bottom:20px; font-size:0.9em; }
   .grid .blockC .background{ position:absolute; bottom:0; left:0; right:0; }
   .blockC .footer{ position:absolute; bottom:3%; left:0; right:0; text-align:center; }
   /* BLOCKD */
   .grid .blockD{ height:303px; max-width:616px; }
   .grid .blockD .background figure{ display:block; float:none; position:static;  }
   .grid .blockD .background figure img{ position:static; }
   .blockD .footer{ position:absolute; bottom:5%; left:10%; z-index: 10; text-align: center; }
   /* BLOCKLINKS */
   .blockLinks{ padding-left:20px; }
   .blockLinks .headings{ margin-bottom:20px; }

   /* BLOCKSPACE */
   .blockSpace{ padding: 15px; }
   /* BLOCKBORDER */
   .blockBorder{ border: 1px solid #000; }

   /* HEADERARTICLE */
   .headerArticle{ position:relative; }
   .headerArticle.headerFull { width:100vw; left:calc(50% - 50vw);}
   .headerArticle.headerFull img { width:100vw; left:calc(50% - 50vw);}
   .headerOffset{ margin-left:-20px; margin-right:-20px; text-align: center;}
   .grid .headerArticle{ margin:20px 0; }
   .headerArticle .bt{ position:absolute; right:80px; bottom:20px; }

   /* LISTARROW */
   ul.listArrow > li{ padding-left:1em; font-weight:bold; border-bottom:1px solid #cccccc; }
   ul.listArrow > li:before, .distributeur .nom:before{ position:relative; top:15px; left:-1em; font-size:1em; margin-right:-0.6em; float:left; content:'>'; }
   ul.listArrow > li a{ display:block; padding:15px 0; }

   /* LISTARROWB */
   ul.listArrowB > li{ font-weight:bold; padding:15px 0 15px 1em; }
   ul.listArrowB > li:before{ position:relative; top:0; left:-1em; font-size:1em; margin-right:-0.6em; float:left; content:'>'; }

   @media screen and (max-width: 767px) {
       ul.listArrowB > li{ padding-top: 7px; padding-bottom: 7px; }
   }

   /* LISTPICTO */
   ul.listPicto, ul.listPicto:last-child{ margin: 20px 0; }
   ul.listPicto > li{ margin-bottom: 20px; font-weight:bold; }
   ul.listPicto .mediaText > .media{ margin-right: 8px; width:32px; }
   ul.listPicto .mediaTextValign > .media{ padding-right: 8px; width: 40px; }

   /* LISTRESULTS */
   ul.listResults > li{ padding:15px 0; border-bottom:1px solid #cccccc; }
   ul.listResults > li:first-child{ padding-top:0; }
   ul.listResults > li .title{ padding-left:1em; }
   ul.listResults > li .title:before{ position:relative; top:0x; left:-1em; font-size:1em; margin-right:-0.6em; float:left; content:'>'; }
   em.titleSearch{ font-style:normal; }

   /* FILELIST */
   .fileList ul{ display:table; min-width:28%; border-spacing:0 7px; }
   .fileList ul > li{ display:table-row; }
   .fileList ul > li .fileIcon, .fileList ul > li .fileLink, .fileList ul > li .fileWeight{ display:table-cell; text-align:left; padding-right:10px; }
   .fileList ul > li .fileWeight{ font-size:0.9em; }

   /* LISTSTEPS */
   ul.listSteps{ padding-left:15px; }
   .blockLinks ul.listSteps{ padding-left:0px; }
   @media screen and (max-width:850px) {
       .blockLinks ul.listSteps{ padding-left:5px; padding-right: 10px; }
   }
   @media screen and (max-width:767px) {
       .blockLinks ul.listSteps{ padding-left:10px; }
   }
   ul.listSteps li{ position: relative; }
   ul.listSteps li + li:before, ul.listSteps li:after{ content: ""; position: absolute; left:-3px; border-left: 1px solid #000; width: 0; height: 33%; height: -webkit-calc(50% - 12px); height: calc(50% - 12px); }
   ul.listSteps li:before{ top: 0; }
   ul.listSteps li:after{ bottom: 0; }
   ul.listSteps li:last-child:after{ display: none; }
   ul.listSteps li > a{ margin-left:10px; position: relative; display:block; padding:15px 0; color: #000; font-weight:bold; border-top:1px solid #8b8b8b; }
   ul.listSteps li:first-child > a{ border-top-width: 0; }
   ul.listSteps li > a:before{ position: absolute; left:-24px; top:50%; margin-top: -11px; content: ""; width: 23px; height: 23px; background-position: -0px -130px; }
   ul.listSteps li.active > a{ color: #fff; border-bottom: 5px solid #000; text-decoration: underline; margin-left: 18px; padding: 9px 15px 5px; border-top-width: 0; }
   ul.listSteps li.active + li > a{ border-top-width: 0; }
   ul.listSteps li.active > a:before{ left:-32px; background-position: -23px -130px; }
   ul.listSteps li.active > a:after{ content: ""; position: absolute; right: 100%; top: 50%; margin-top: -3px; width: 0; height: 0; border: 5px solid transparent; border-left-width: 0; border-right-color: #e60003; border-right-width: 8px; }

   /* PAGINATION */
   .pagination{ font-size:0.9em; }
   .pagination ul > li{ display:inline-block; margin-bottom:5px; }
   .pagination ul > li > a{ display:block; padding:3px 7px; background:#000; color:#fff; }
   .pagination ul > li.active > a{ background:#e60003; }

   /* ASIDERIGHTOFFSETRIGHT */
   @media screen and (min-width:851px) {
       .asideRightOffsetRight{ padding-left: 15px; padding-right: 15px; }
       .asideRightOffsetRight .row{ margin-right: -15px; }
       .asideRightOffsetRight .row > *{ padding-right: 20px; }
   }
   @media screen and (min-width:851px) and (max-width:991px){
       .asideRightOffsetRight .row > .col-sm-6{ width: 100%; }
   }

   /* ROW */
   @media screen and (max-width:767px) {
       .row { margin-right: 0; }
   }

   /*---------------------------------------------------------------------------------------------------------------------------- */
   /* -------------------------------------------------- BOUTONS ----------------------------------------------------------------- */
   .bt{ display:inline-block; font-weight:bold; padding:5px 10px; line-height:1.2em; }
   .bt:after{ content:url('../images/Fleche_boutonNoir.png'); display:inline-block; vertical-align:middle; margin: 0 0 15px 10px;}
   .bt:after:hover {content:'>'; display:inline-block; vertical-align:middle; margin: 0 0 15px 10px; color:#ffffff}

   .link{ display:inline-block; font-weight:bold; }
   .link:before{ content:'>'; display:inline-block; font-weight:bold; margin-right:3px; }

   /*---------------------------------------------------------------------------------------------------------------------------- */
   /* -------------------------------------------------- NOTICE ----------------------------------------------------------------- */
   .degrade-bckgrnd, .pmphlt_focus, .product_highlight_background, .product_focus {background-image:url("../img/design/degrade-fond.jpg"); background-repeat: repeat-x; background-size:contain;}
   #notice_contener {max-width:1210px; padding:0px 100px; margin:0 auto;}
   @media screen and (max-width: 767px) {
       #notice_contener { padding:0px 20px;}
   }


   .notice_list {font-size:32px; font-weight:bold; margin:0px 5px 100px; text-transform:uppercase; display:inline-block;}
   #notice_contener ul {display:inline-block; list-style:none; padding:0px; margin-bottom:80px;}
   @media screen and (max-width: 767px) {
       #notice_contener ul {margin-bottom: 20px;}
   }
   #notice_contener a {text-decoration:none;}
   #notice_contener .active a {font-size:180px; color:#E60003; position:relative; top:40px;}
   #notice_contener .h2_align {margin:20px 0 0 0;}
   #notice-rslt {max-width:1200px; text-align:center; margin:0 auto; margin-bottom:50px;}
   #notice-rslt p {font-size: 1.2em; color:#141414; padding:20px;}
   #notice-rslt p .active {color:#E60003;}
   #notice-rslt a {text-decoration:none;}
   .notice-file {text-transform:uppercase; color:#ffffff; background-color:#000000; padding:10px 20px; font-weight:bold;}
   .notice-ref {text-transform:uppercase; color:#ffffff; background-color:#E60003; padding:10px 20px; font-weight:bold;}
   #notice-rslt .notice-ref img{margin-left:8px; margin-bottom:3px; margin-right:20px;}
   #notice-rslt .notice-rslt {margin:20px 0; display:inline-block;}

   /*---------------------------------------------------------------------------------------------------------------------------- */
   /* -------------------------------------------------- FORMS ----------------------------------------------------------------- */
   input[type="text"], .field select, textarea{ 
       line-height: 1.428571429;
       color: #555555;
       width: 100%;
       height: 34px;
       padding: 6px 12px;
       vertical-align: middle;
       background-color: #f5f5f5;
       border: 0px;
       border-radius: 0px;
       font-size: 1.2em;
       -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
       box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
       -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
       transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
   }
   input[type="text"], textarea{ -webkit-appearance: none; -moz-appearance: none; appearance: none; }

   .form-text h1 {color:#E60003; text-align:center; padding-top:100px;}
   @media screen and (max-width: 767px) {
       .form-text h1 {padding-top:20px;}
   }
   .form-text h2 {color:#000000; text-align:center; font-size:1.2em; padding-top:10px;}
   .form-text p {color:#000000; text-align:center; font-size:1.2em;}

   @media screen and (max-width: 767px) {
       .colMain .form-text table { width: 355px !important; }
   }

   /* Size */
   #form_contener {max-width:800px; margin-bottom:100px; background-color:#ffffff;}
   #form_contener .grid {margin:0; padding:0}

   /* label style */
   #form_contener .mainLabel {color:#141414; font-size:18px;    width: 100%;}
   #form_help {color:#141414;}
   #form_contener .mainLabel .required, #form_help .required{color:#E60003;}

   /* input style */
   .form_style {background-color:#f5f5f5; border:0px; border-radius:0px; }
   .form_style:focus {box-shadow:none;}
   .form_size {width:380px; height:30px;}

   .radio_form {display: none;}
   .radio_form + label {height:34px; padding:5px; text-align:center; margin:0px; cursor:pointer;}
   .radio_form + label::before {content:""; display:inline-block; width:15px; height:15px; border-radius:10px; border:2px solid #141414; margin-right:10px; position: relative; top: 2px; transition:background-color 0.4s;}
   .radio_form:checked + label {background-color:#f5f5f5;}
   .radio_form:checked + label::before {background-color:#141414;}
   .form_height {height:95px; width:48%; margin-left: 5px;}


   /* btn_red */
   #btn_red {background-image:url(../images/Fleche_bouton.png); background-position: 90%; background-repeat: no-repeat; background-color:#E60003; border:0px; border-radius:0px; font-size:22px; padding:12px 24px; text-transform:uppercase;padding-right: 30px;}
   #btn_red img {margin:0 0 5px 10px;}

   /* Bases */
   .field input[type="text"], .field input.date, .field label, .field input[type="radio"], .field input[type="checkbox"], .field .precision, .field .subFieldInline, .field .subFieldBlock, .multicheckboxItems, input[type="checkbox"] + span{ display:inline-block; vertical-align:middle; margin-bottom:0; }
.field input.date{ display:-webkit-inline-flex; /* n??cessaire pour que le datepicker de chrome soit bien affich?? */ }
[type="search"]{ -webkit-appearance: textfield; -webkit-box-sizing: content-box; } /* conserver la taille pour le champs search de chrome */
input[type="checkbox"]:focus, input[type="radio"]:focus{ outline: none; }

.attributevalue{ position: relative; display:inline; vertical-align:middle; } 
.attributevalue a {display:none;}
.attributevalue > div{ display:inline; }
.attributevalue > div > table{ display:inline; vertical-align: bottom;}
.attributevalue > div > table input[type="file"]{ display:inline; padding-bottom:0;padding-left: 0;}
.attributevalue > div > table tbody, .attributevalue > div > table tbody tr, .attributevalue > div > table tbody tr td, .attributevalue > div > table tbody tr td div { display:inline; }

/* Champs "simples" */
.field label.mainLabel { min-width:200px; width:30%; margin-right:1%; position: relative; padding-right: 25px; }
.field input[type="text"]{ min-width: 300px; }
.field input.date{ min-width:80px; width:15%; }


/* Select et Textarea */
.field select{ width:300px; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; }
textarea{ min-width:760px; max-width:100%; min-height:100px; max-height:600px; }

/* radio, checkbox */
input[type="checkbox"], input[type="radio"]{ position:relative; top:-1px; }
.multicheckboxItems input[type="checkbox"]{ margin-right:3px; }
.multicheckboxBreak, .multiradioBreak{ display: inline; }

/* Champs radios "block" */
.field .alignTop, .field .alignTop + *{ vertical-align:top; }
.subFieldBlock .subField{ display:block; margin:0 0 3px; }
label[for~="colonne"] + .attributevalue{ display:block; }

/* Plusieurs champs sur une ligne */
.fields label{ width:auto; min-width:0; margin-left:15px; }
.fields label:first-child, .fields .mainLabel + label{ margin-left:0; }

/* Labels align??s ??  droite */
fieldset.alignRight label.mainLabel{ text-align:right; }

/* CALENDRIER */
.inputCalendrier{ padding-right: 25px; }
.inputCalendrier + img{ position: absolute; margin-top: 8px; }

/* Gestion des tooltip dynamiques (richtext) */
a.attributeValueTooltip { margin-left:5px; color:#333333;  text-decoration:none; text-align:center; }
a.attributeValueTooltip:hover { background: none; z-index: 50; }
a.attributeValueTooltip .tooltipTexte { display: none; }
/*a.attributeValueTooltip:hover .tooltipTexte { display: block; position: absolute; top: 50px; left: 40px; text-align:justify; font-weight:normal; width:640px; background: #eeeeee; padding: 5px; border: 1px solid #e60003; border-left: 25px solid #e60003; }*/
.multicheckboxItems ~ a.attributeValueTooltip, .multiradioItems ~ a.attributeValueTooltip{ position: relative; top:2px; }

@media screen and (max-width: 991px) {
    textarea{ min-width: 0; width: 90%; }
}
@media screen and (max-width: 767px) {
    .field input[type="text"]{ width:50%; }
}
@media screen and (max-width: 480px) {
    .attributevalue{ display:block; margin-left:0; padding-right: 30px; }
    .field input[type="text"], .field select, textarea{ width:100%; min-width: 0; max-width: 100%; }
    a.attributeValueTooltip{ position: absolute; right: 0; top: 3px; }
    .inputCalendrier + img{ top:0px; right: 35px; margin-left: 0; }
} 

/* TOOLTIP QTIP */
.qtip{ max-width: 640px; background: #eeeeee; padding: 5px; border: 1px solid #e60003; text-align:justify; font-family: inherit; font-size: inherit; line-height: inherit; color:#000; }
.qtip img{ max-width: 100%; }

@media screen and (max-width: 991px) {
    .qtip{ max-width: 500px }
}
@media screen and (max-width: 767px) {
    .qtip{ max-width: 400px }
}
@media screen and (max-width: 500px) {
    .qtip{ max-width: 300px }
}

/* description */
.description { margin-top: 10px; color: #999; font-size:0.9em; }

/* HABILLAGE DE L'EXEMPLE */
fieldset, legend{ padding:0; border:none; }
label{ font-weight:normal; }
.field label.mainLabel{ margin-right:1%; }
.mainLabel, legend, .color{ font-weight:bold; }
legend{ display:block; font-size:1.1em; margin-bottom:10px; max-width:100%; }
input, label, .field .precision, textarea, .field select, .erreur{ padding:5px 4px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
input[type="radio"]{ margin:auto 3px; }
fieldset{ margin-bottom:15px; }
.field{ margin-bottom:10px; }
.required{ padding-left:3px; color: #E60003; }
.precision{ font-style:italic; }
.erreur{ display:inline-block; vertical-align:top; margin-left:10px; }
.field input.champErreur, .field textarea.champErreur{ background:#fbe4e1; }
.field .submit{ border:0; display:block; margin:20px auto; font-size:1.2em; padding-left:20px; padding-right:20px; }

@media screen and (max-width: 991px) {
    .erreur{ display:block; margin-left:0; margin-top: 5px; padding:0; }
}
@media screen and (max-width: 767px) {
    label{ padding-left: 0; }
}


/* --------------------- CUSTOMSELECT SELECTUNIFORM --------------------- */
.selectUniform{ position:relative; width:auto!important; height:20px; line-height:20px; background:transparent url(../img/icones/arrow.png) center right no-repeat; padding-right:20px; }
.selectUniform span{ width:auto!important;  }
.selectUniform select{ position:absolute; opacity:0; filter:alpha(opacity=0); moz-opacity:0; left:0; top:0; width:100%; }
.field .selectUniform{ min-width:150px; width:25%!important; display:inline-block; vertical-align:middle; }

/*---------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------- ICONS ------------------------------------------------------------------ */
.icon, ul.listSteps li > a:before{ background-image:url(../img/icones/sprite.png); background-repeat:no-repeat; overflow:hidden; text-indent:1000px; color: #E60003;}
.iFacebook{ width:20px; height:19px; background-position:-0px -0px; display:block; }
.iSearch{ width:15px; height:14px; background-position:-21px -0px; display:block; }
.bt:after{ width:9px; height:5px; background-position:-37px -0px; }
.iNotice{ width:65px; height:107px; background-position:-0px -22px; display:block; }

/*---------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------- MAIN ZONES ------------------------------------------------------------- */
#wrapper{ margin:0 auto; }

/* #main */
{ position: relative;
    background: #d0d1d5; /* Old browsers */
    background: -moz-linear-gradient(to bottom, #d0d1d5 20px,#ffffff 100px,#ffffff 340px,#b7bbbe 550px); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20px,#d0d1d5), color-stop(100px,#ffffff), color-stop(340px,#ffffff), color-stop(550px,#b7bbbe)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(to bottom, #d0d1d5 20px,#ffffff 100px,#ffffff 340px,#b7bbbe 550px); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(to bottom, #d0d1d5 20px,#ffffff 100px,#ffffff 340px,#b7bbbe 550px); /* Opera 11.10+ */
    background: -ms-linear-gradient(to bottom, #d0d1d5 20px,#ffffff 100px,#ffffff 340px,#b7bbbe 550px); /* IE10+ */
    background: linear-gradient(to bottom, #d0d1d5 20px,#ffffff 100px,#ffffff 340px,#b7bbbe 550px); /* W3C */
}

#main_home {position: relative; background-color:black;}
.ltie10 #main{ background:#b7bbbe url(../img/design/degrade-fond.jpg) top center repeat-x; }

#main .mainBackground{ position: absolute; content: ""; top: 0; right: 0; left: 0; bottom: 0; }
.container{ max-width:1200px }

/*---------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------- BREADCRUMB ------------------------------------------------------------- */
#breadcrumb{ position:relative; top:-25px; font-size:0.9em; }
#breadcrumb ul > li{ display:inline-block; margin-right:3px; }
#breadcrumb ul > li:before{ display:inline-block; content:'>'; margin-right:5px; }
#breadcrumb ul > li:first-child:before{ display:none; }


/*---------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------- HEADER ------------------------------------------------------------- */

#header{ }
#header > .container{ height:100px; padding-top:13px; padding-bottom:18px; position:relative; }
#header .row, #header .row > *{ height:100%; }
#header .logo{ display:inline-block; max-width:100%; height:100%; padding:0px; }
#header .col-md-2 .col-sm-2 .col-xs-2 a:hover {color:rgba(0,0,0,0)}
#header .logo figure{ display:block; width:100%; height:100%;}

/* --------------------- NAVBAR --------------------- */

/* surcharges bootstrap */
.navbar-nav > li > a{ padding:35px 15px; line-height:inherit; font-size:1em; max-height:70px; line-height: 0em; font-weight: bold;}
@media screen and (min-width: 991px){
    .navbar-nav > li > a {font-size:1em;}
}
.navbar-form{ margin:0; padding:0; box-shadow:0; border:0;}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{ background-color:transparent; color:inherit; }
.navbar-default{ border-radius:0; background-color:transparent; border:0; }
.navbar-header{ float:none; }
.navbar-toggle{ float:none; vertical-align: top; }
.navbar-fixed-top {border:0; height:70px;}
.dropdown-menu {padding:0px; border:0px; background-color:#323232; box-shadow:none;}
.drop_lang {background-color:rgba(20,20,20,0.5);}
#navBar{ position:relative; height:100%; font-size:1em; }

/* NAVTOP */
#navBar .navbar-header{ width:100%; }

#navCollapse{ clear:both; }
#navBar .navTop li{ margin-left:20px; }
#navBar .navTop li *{ display:block; }
#navBar .navTop a{ padding:0; }
#navBar .navTop li.country{ overflow:hidden; padding-top:1px; }
@-moz-document url-prefix() { #navBar .navTop li.country{  padding-top:2px; } }
#navBar .navTop li.country span{ float:left; position: relative; top:-1px; margin-right: 10px; }
@-moz-document url-prefix() { #navBar .navTop li.country span{ top:-2px; ; } }
#navBar .navTop li.country img{ max-height:18px; float:left; }
.navbar-right a img {margin:0 0 5px 5px;}
#header .navbar-right figure a img { padding:25px 15px; height:70px; width:auto; margin:0;}
#header .navbar-right figure a img#YouTube:hover {background-color:#CD181F;}
#header .navbar-right figure a img#Facebook:hover {background-color:#3B5999;}

/* Wrapper */
#header button {float:right; padding:28px 30px; background-color : #323232; margin:0px; position:relative;left:60px; }
.navbar-nav {margin-top:0px;text-transform: uppercase;}

/* search */
#navBar .navTop .field{ margin-bottom: 0; }
#navSearch, #navSearchM{ width:270px; height:20px; line-height:20px; padding:0px 20px 0px 4px; -webkit-box-sizing:border-box; moz-box-sizing:border-box; box-sizing:border-box; float:left; }
#submitSearch, #submitSearchM{ float:left; border:0; background:none transparent; position:relative; left:-25px; margin-right:-25px; top:2px; }
@-moz-document url-prefix() { #navBar #submitSearch{ top:3px; } }
/* selectlanguage */
#navBar #selectlanguage{ }

/* --------------------- NAVMAIN --------------------- */
#navBar .navMain{ position:absolute; bottom:0; }
#navBar .navMain .navbar-nav > li{  }
#navBar .navMain .navbar-nav > li > a{ line-height:0.8em; text-transform:uppercase; padding:0 20px; }
#navBar .navMain .navbar-nav > li:first-child a{ border-left:0; }
#navBar .navMain .navbar-nav > li.active > a, #navBar .navMain .navbar-nav > li > a:hover, #navBar .navMain .navbar-nav > li > a:focus{ background:transparent; text-decoration:underline; }
#navBar .navMain .navbar-nav > li.active a{ font-weight:bold; }
#navBar .navMain .caret{ display: none; }

#research_form input, .tabandport input{padding: 25px 15px; width:150px; height:20px; border:1px solid; border-color:#323232; border-radius:0px; background-color:#323232; font-size:20px; position:absolute; box-shadow:none; font-size:0.7em;}
#research_form2 input, .tabandport input{color:white;bottom:-60px;padding: 25px 15px 25px 30px; width:320px; height:70px; border:1px solid; border-color:#424242; border-radius:0px; background-color:#424242; font-size:20px; position:absolute; box-shadow:none; padding-left:30px;-webkit-transition: width 0.6s; -moz-transition: width 0.6s; transition: width 0.6s;}
#research_form2 input::placeholder{color: white;}
#research_form2 {width:60px; -webkit-transition: width 0.6s; -moz-transition: width 0.6s; transition: width 0.6s;}
/*---------------------NEW NAV BAR---------------*/



/* DROPDOWN-MENU */
.navbar-nav > li > .dropdown-menu{ box-shadow:none; border-radius:0; font-size:20px;left: 0;}
#research_form .dropdown-menu {width:0px; height:0px;}
#research_form .form-group {position: relative; top:-74px; left:-115px;}
#research_form2 a{padding:13px; margin:0px 10px 0px 0px;width:60px;padding-top: 25px;padding-bottom: 28px;padding-left: 18px;}
#research_form2 .dropdown-menu {width:0px; height:0px;}
#research_form2 .form-group {position: relative; top:-74px; left:-115px;}
.tabandport a{padding: 25px 0px 28px 0px;; margin:25px 0;}
.tabandport a img {padding:13px 18px 13px 18px;}
.tabandport {width:0px; display:inline-block; visibility:hidden;}

@media screen and (max-width: 1430px) {
    #research_form2 input{
        padding: 25px 10px 25px 10px;
        font-size: 15px;
        right:-345px;
    }
}

@media screen and (max-width: 1340px) {
    .fr #research_form2 input{
        right:-110px!important;
        width:590px!important;
    }
    #research_form2 input{
        right:-110px!important;
        width:470px!important;
    }
}
@media screen and (max-width: 1160px) {
    .fr #research_form2 input{
        right:-110px!important;
        width:440px!important;
    }
    #research_form2 input{
        right:-110px!important;
        width:340px!important;
    }
    .navbar-nav > li > a {
        font-size: 0.9em;
        padding: 35px 5px;
    }
}
@media screen and (max-width: 991px) {
    .fr #research_form2 input{
        width:378px!important;
    }
    #research_form2 input{
        width:275px!important;
    }
}

@media screen and (max-width: 850px) {
    .fr #research_form2 input{
        width:330px!important;
    }
    #research_form2 input{
        width:230px!important;
    }
}

@media screen and (max-width: 767px) {
    .tabandport  {visibility:visible; height: 70px; padding-top: 10px; transition: width 1s;width:60px; margin:0px;}
    .tabandport {float:right; position: relative; left:-100px;}
    .tabandport input { color:white;margin-left: 110px!important;position: relative; top:-72px; left:-150px; border:0px;transition: width 1s;background-color: rgb(66, 66, 66);font-size: 20px;color: white;    padding: 20px 20px 20px 20px;font-family: inherit;height: 70px; z-index: 10; margin-left: 110px!important;-webkit-transition: width 0.6s; -moz-transition: width 0.6s; transition: width 0.6s;}
    .tabandport input::placeholder{color: white;}
    .navbar-inverse .navbar-form {width:0px; height:0px; border: 0px;}
}

@media screen and (max-width: 630px) {
    .tabandport input{
        left: -355px;
        width: 245px;
    }
}
}
@media screen and (max-width: 530px) {
    .tabandport input{
        left: -480px;
        width: 370px;
    }
}

@media screen and (max-width: 991px) {
    #research_form .form-group {}
    #research_form2 .form-group {}
}


#research_form {display:none;}

#wrapper .dropdown-menu .title{ margin-top:10px; text-align:center; color:#ffffff; }
.dropdown-menu ul{ display:block; padding:0; margin:0;width: 50%;}
.dropdown-menu li{ display:block; font-size:0.9em; }
.dropdown-menu li a{ display:block; text-align:center; padding:20px; }
.main_menu li a{ display:block; text-align:left; padding:0px; margin: 15px; }
.navbar-left .dropdown-menu li a {min-width:160px; width:auto;}
.dropdown-menu li a:hover{ text-decoration:none;}
#header .lng_lang{padding:30px 15px;}

/* PANELMENU */
.panelMenu a {color:#ffffff;}
.panelMenu {background-color:#222222}
.panelMenu a:hover {background-color:#E60003;}
.navbar-toggle{ padding:9px 7px; outline:0; border-radius:0; border:0; }
.panelMenu{ padding:0; border-left-width:1px; border-left-style:solid; display:none; font-size:18px;}
body #jPanelMenu-menu{ display:none; }
.panelMenu ul{ padding:0; margin:0; }
.panelMenu ul > li{ padding:0; margin:0; display:block; border-bottom-width:1px; border-bottom-style:solid; border-color:#333; }
.panelMenu ul > li > a{ display:block; padding:28px 15px 28px 15px; margin:0; text-decoration:none; }
.panelMenu ul > li.active  > a, .panelMenu ul > li > a:hover, .panelMenu ul > li > a:focus{ background-image:none;background-color:#e60003; }
.panelMenu .field{ margin-bottom:0; }
.panelMenu .navbar-nav > li > .dropdown-menu{ min-width: 0; padding:0; margin:0; }
.panelMenu .dropdown-menu > .title{ display: none; }
.panelMenu .navbar-nav > li > .dropdown-menu{ border:1px solid rgba(0, 0, 0, 0.15); }

/* search */
#formNavSearchM .field{ position:relative; }
#navSearchM{ width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:7px 25px 7px 10px; height:auto; }
#submitSearchM{ position:absolute; left:auto; margin:0; right:5px; top:9px; }

/* PANELMENU  DROPDOWN-MENU */
.panelMenu .dropdown-menu:before{ display:none; }
.panelMenu .dropdown-menu{ padding:0; position:static; margin:0; width:auto; font-size:1em; float:none; }
.panelMenu .dropdown-menu li{ border:0; }
.panelMenu .dropdown-menu li a{ padding:7px 10px; text-transform:none; font-size:1em; }
.panelMenu .caret{ float:right; position:relative; }
.panelMenu .open .caret{ border-top:transparent; border-bottom:4px solid #fff; }

/* --------------------- EMPHASELINK --------------------- */
#header .emphaseLink{ position:absolute; height:38px; right:0; bottom:-38px; padding:8px 20px 12px; z-index: 100; }
#header .emphaseLink span{ text-decoration:underline; margin-right:5px; }
.emphaseLink:before{ content:' '; display:block; position:absolute; left:-26px; top:0; width:0; height:0; border:38px solid transparent; border-width:38px 0 0 26px; }

/* --------------------- COOKIES WARNING --------------------- */
#cookiewarning {z-index:3; background-color:#141414; width:420px; padding:20px; position:fixed; bottom:20px; right:20px; text-align:center;}
#cookiewarning p{font-size:16px; margin-bottom:10px;}
#cookiewarning a {padding:12px 24px; color:#ffffff; text-decoration:none; text-transform:uppercase; display:inline-block; margin:10px;}
#cookiewarning img{margin:0 10px 5px;}
#cookiewarning .cks_info {background-color:#323232;}
#cookiewarning .cks_info:hover {background-color:#505050;}
#cookiewarning .cks_agree {background-color:#E60003;}
@media screen and (max-width: 767px) {
    #cookiewarning {width:100%; height:auto; bottom:0px; right:0px;}
    #cookiewarning a { padding: 10px 10px; }
}

/*---------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------- ARRIANE's THREAD ------------------------------------------------------------- */

.arriane_thread { height: 60px; position: relative; background-color:#f5f5f5; color:#505050; font-size:16px; margin-top:70px; z-index: 10;}
@media screen and (max-width: 767px) {
    .arriane_thread { font-size:14px; }
}
.inner_thread {
    margin-top: 0px;
}
.thread {position: relative;
    width: 1200px;
    margin: 0 auto;
    padding: 19px 0 0 30px;}
    @media screen and (max-width: 767px) {
       .thread { width: auto;} 
   }

   .thread a {text-transform:uppercase; text-decoration:none; font-weight: bold;}
   .thread .active {color:#E60003}
   .thread img {margin:0 10px 4px;}

   /*---------------------------------------------------------------------------------------------------------------------------- */
   /* -------------------------------------------------- FOOTER ------------------------------------------------------------- */

   #footer{ border-top-style:solid; border-top-width:5px; }
   #footer > .container{ position:relative; max-width:1200px; padding:80px 0; }
   #footer .push {margin: 0 0 0 20px;}
   @media screen and (max-width: 767px) {
       #footer .push {margin:0 110px;}
       #footer li:first-child {margin-left:110px; margin-bottom:30px;}
       #footer li{ margin-left:110px; }
   }
   #footer .bottom_row {margin-top:36px}
   #footer .btn_footer img {opacity: 0.5; vertical-align:top;}
   @media screen and (max-width: 767px) {
       #footer .btn_footer img{ margin:20px 0 20px 10px;  }
   }
   .btn_footer a > img {height: 60px; width:auto; margin:20px 20px;}
   #footer .white .up_line {padding:25px 0px 0px; margin:0px; text-transform:uppercase;}
   @media screen and (max-width: 767px) {
       #footer .white .up_line {padding:25px 0px 0px 20px; margin:0px}
   }
   @media screen and (max-width: 900px) {
       #footer {margin-top: 0px;}
   }
   #footer .white .btm_line {padding:0px 0px; margin:0px; text-transform:uppercase;}
   @media screen and (max-width: 767px) {
       #footer .white .btm_line {padding-left:20px; margin:0px}
   }

   /* --------------------- FILET --------------------- */
   .filet{ position:absolute; width:50%; left:25%; top:-13px; height:9px; }
   .filet:before, .filet:after{ position:absolute; top:0; content:' '; width:0; height:0; border:10px solid transparent; }
   .filet:before{ left:-19px; border-width:10px 19px 0 0; }
   .filet:after{ right:-19px; border-width:10px 0 0 19px; }

   .titleNav{color:rgba(255, 255, 255, 1); padding-bottom:20px; border-bottom:4px solid rgba(255, 255, 255, 0.5); font-size:30px; margin-bottom:20px; display:inline-block; font-weight: bold;}

   .btn_footer {background-color : #505050; height : 100px; }
   .btn_footer:hover  {background-color: #E60003;}
   .btn_footer div {display:inline-block}

   .footer_arrow {float:right;  padding:32px 15px 32px 15px; margin:0px; background-color:#141414; }
   .footer_arrow img  { opacity:1 !important}
   .footer_libelle {margin-top: -7px;}
   @media screen and (max-width: 767px) {
       .footer_arrow {padding:12px 12px 12px 10px;}
   }
   /* --------------------- RESULT LIST --------------------- */
   .results {
       position:absolute;
       top:230px; /* HAUTEUR AU DESSUS DE LA MAP */
       left:0;
       z-index:1000;
       width:400px;
       background-color:#323232;
   }

   @media screen and (max-width: 900px){
       .results {
          width:100%;
          position: static;
      }
      ul.listeDistributeurs {
          overflow-y:auto;
          height: 730px;
          padding: 0;
      }

  }

  @media screen and (max-width: 1030px){
   .foundResults {
      padding: 3% 0 3% 0 !important;
      font-size:25px !important;
  }
}

@media screen and (max-width: 900px){
    .foundResults {
        padding: 2% 0 2% 0 !important;
        font-size:36px !important;
    }
}

.foundResults {
    background-color:#141414;
    height:60px;
    display:flex;
    flex-direction:row;
}

.foundResults #categorieStoreTout {
    color: white;
    text-align: center;
    font-size: 1.5em;
    padding: 0;
}

.foundResults #categorieStoreAutomobile {
    background-image: url(../img/icones/Automobile.png);
}

.foundResults #categorieStoreIndustrie {
    background-image: url(../img/icones/industrie.png);
}

.foundResults #categorieStoreElectricite {
    background-image: url(../img/icones/Electricite.png);
}

.foundResults a, .foundResults div {
    height:100%;
    padding:15px;
    flex-grow: 1;
    border-right:1px solid black;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 20px;
}

.foundResults a:hover {
    cursor:pointer;
    background-color:#000000;
}

ul.listeDistributeurs {
    height:calc(100vh - 295px);
    padding:10px;
    overflow-y:scroll;
}

ul.listeDistributeurs::-webkit-scrollbar { width: 12px; }

ul.listeDistributeurs::-webkit-scrollbar-track { background-color:#141414; }

ul.listeDistributeurs::-webkit-scrollbar-thumb { background-color:#e60003; }

ul.listeDistributeurs li.shop {
    margin-bottom:10px;
    padding:20px;
    background-color:#141414;
    color:#fff;
    width:100%;
    border:none;
}

.icon-store {
    display:inline-block;
    vertical-align:top;
    padding:0 10px;
}

.icon-cat {display: inline-block; vertical-align: top; width:40px;}
.icon-cat img {width:100%; padding: 0 10%; margin-bottom:10px;}

li.shop .wrapperInfo {
    display:inline-block;
    vertical-align:middle;
    margin-left:20px;
    font-size:18px;
    max-width: 260px;
}

.title_shop a {
    font-weight:900;
    font-size:22px;
    display:block;
    margin-bottom:10px;
}

ul.listeDistributeurs li.shop .distance  a:first-child { color:rgba(255,255,255,0.4);}

ul.listeDistributeurs li.shop .distance  a:nth-child(2) { margin-left:20px; }

ul.listeDistributeurs li.shop a { color:#fff; }

ul.listeDistributeurs li.shop address {margin:0;}

.shop-main .shopHeader .distributeursRight {
    position: absolute;
    margin-left: -20px;
}

ul.listeDistributeurs li.shop .telfax {
    margin: 20px -20px -20px;
    background-color:#505050;
    padding:10px 0;
    font-weight:900;
}

ul.listeDistributeurs li.shop .telfax img{ margin:0 20px 0 20px; width: 20px; }
ul.listeDistributeurs li.shop .telfax .infos-fax{ border-left:2px solid #323232; }

.more-btn.more-btn-open.collapsed p.more {
    margin-bottom: 0;
}

.more-btn.more-btn-open p.more {
    margin-bottom: 15px;
    transition: margin-bottom 0.4s;
    color: #e60003;
    font-weight: bold;
    border-bottom: 2px solid #e60003;
    display: inline-block;
}

/* --------------------- RESULT DETAIL --------------------- */
#rsltdtl {z-index:5; background-color:#141414; width:250px; position:absolute; top:20%; left:50%;}
#rsltdtl p {font-size:16px; color:#ffffff; text-transform:uppercase; line-height:1.1em; margin:0px; padding:15px 20px; margin-top:-22px;}
#rsltdtl p b {display:block; margin-bottom:10px; font-weight:900;}
.fnt_14px {font-size:14px;}
.rslt_fax {border-left:2px solid #141414;}
#rsltdtl img{margin:0 10px 2px; max-height:15px;}
#rsltdtl:before{content:"\25C4"; position:relative; left:-12px; top:60px; color:#141414;}
.test_pin img{z-index:5; height:auto; position:absolute; top:23.5%; left:47%;}

/* --------------------- COOKIES WARNING --------------------- */
#ckswrng {z-index:3; background-color:#141414; width:420px; padding:20px; position:fixed; bottom:20px; right:20px; text-align:center;}
@media screen and (max-width: 767px) {
    #ckswrng {width:80%; height:auto; bottom:0px; right:0px;}
}
#ckswrng p{font-size:16px; margin-bottom:10px;}
#ckswrng a {padding:12px 24px; color:#ffffff; text-decoration:none; text-transform:uppercase; display:inline-block; margin:10px;}
#ckswrng img{margin:0 10px 5px;}
#ckswrng .cks_info {background-color:#323232;}
#ckswrng .cks_info:hover {background-color:#505050;}
#ckswrng .cks_agree {background-color:#E60003;}

/* --------------------- FOOTERNAV --------------------- */
#footerNav ul{ padding:0; }
#footerNav ul li ul {/*min-height:125px;*/}
#footerNav li{ display:block; margin-bottom:15px; }
#footerNav .row > li ul > li{ font-size:18px; margin: 0px; text-transform: none; line-height: 1.2em;}
#footerNav .row .btn_footer { margin: 10px 0; }
@media screen and (max-width: 767px) {
    #footerNav .row .btn_footer { margin: 10px 15px 10px 0; }
}
#footerNav .cta {margin-left:20px;}
@media screen and (max-width: 991px) {
    #footerNav .cta {margin-left:20px;}
}
@media screen and (max-width: 767px) {
    #footerNav .push {margin-right:250px;}
}

/*---------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------- FOOTER2 ------------------------------------------------------------- */
#footer2{ background-color:#141414; color:#cdcdcf; }
#footer2 > .container{ max-width:100%; height:100px; padding: 36px 0px; }
#footer2 a{ color:#cdcdcf; }
#footer2 ul{ padding:0; margin:0; text-align: center; }
#footer2 li{ padding:0; margin:0; display: inline; font-size:20px;}
#footer2 .navbar-right li{margin-right:15px;}
#footer2 .navbar-right img {margin: 0 20px 5px 0;}
#footer2 li a { margin-left:30px; }
#footer2 .navbar-right li{text-transform: uppercase}


/*---------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------- MAIN ------------------------------------------------------------- */
#main{font-size:18px;}
.section.grid{ width:1040px; margin:auto; }
.section.grid:after{ content: ""; clear: both; display: table; }
.section.grid:before{ content: ""; display: table; }

/*---------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------- CARROUSEL ------------------------------------------------------------- */
#carrousel_home  a{ text-decoration:none; } a:hover, a:active, a:focus{ text-decoration:none;}
#carrousel_home  h2{color : #FFFFFF; background-color : #E60003; padding : 20px; margin:0px; font-size: 28px;  font-weight: bold; display:inline-block; margin:0;}
@media screen and (max-width: 991px) {
    #carrousel_home  h2 {margin-left:60%}
}
@media screen and (max-width: 767px) {
    #carrousel_home  h2 {margin-left:0%}
}
#carrousel_home  p {color:#ffffff; text-align:right; padding: 20px 20px 20px 200px; background-color:#141414; margin:0 0 20px 0; font-size: 28px;  font-weight: bold; line-height:1.2em; max-width:550px;}
#carrousel_home .slideText  a {margin-top : 0px;background-color: rgba(0,0,0,0.8); padding : 10px;border-radius: 3px;}
@media screen and (max-width: 767px) {
    #carrousel_home .slideText  a {position:absolute; left: 0!important;top:initial!important; bottom: 0!important;transform: translate(0)!important; width: 100%; text-align: center; padding: 14px;}
   #carrousel_home .slideText .headband {bottom: 55px!important;left: 0!important;top:initial!important;transform: translate(0)!important;}
}
#content{ width:100%; text-align:center; }
.carrousel{ text-align:right; width:100%; overflow: hidden;}
.bts{ text-align:center; }
.nav span{ cursor:pointer; }
.nav span.cycle-pager-active{ color:red; }
.slideText{ position:absolute; top:0; left:0; padding:10px; color:#fff;}
.slideText a{ color:#fff; }
#carrousel_home{ width:100%; max-height:500px;height:500px;}
#carrousel_home .cycle-slideshow { width:100%; position :static!important;}
#carrousel_home .cycle-slideshow .slide{ width:100%; height:100%; }
#carrousel_home .cycle-slideshow .slide img{ width:100%; height:auto;padding-top: 0px;margin:auto;display: block; }
#home .container .section .grid3x3 .gridOffset{padding:0;}
@media screen and (max-width: 767px) {
    #carrousel_home .cycle-slideshow .slide img{top:0px; position:relative;height: auto;width: 100%}
}
#carrousel_home { margin-top:70px;position:relative;height:500px;}
#carrousel_home .slideText {text-transform: uppercase; margin-top:150px; padding:0px; float: right;}
#carrousel_home .slideText .headband{}
@media screen and (max-width: 991px) {
    #carrousel_home .slideText .headband{max-width: 350px; }
    #carrousel_home .slideText {  margin-top:110px; padding:0px; float: right;}
    #carrousel_home  p {padding-left:100px;}
}
@media screen and (max-width: 767px) {
    #carrousel_home .slideText .headband {max-width: 100%;}
    #carrousel_home .slideText {  margin-top:80px; padding:0px; float: none; width: 100%; top:0;text-align:left;}
    #carrousel_home  p {padding-left:100px; max-width: 100%; margin:0; padding: 20px 20px 70px; text-align: left;}
}

#carrousel_home .bts .prev, #carrousel_home .bts .next{ cursor:pointer; position:absolute; padding:0; border:0; z-index:1000; top:50%; font-size:20px; background-color:rgba(0,0,0,0);width: 100%;height: 100%;top: 0;}
#carrousel_home .bts .prev{ left: 0px; margin-left:10%; transform:rotate(180deg);}
#carrousel_home .bts .prev:focus {outline: -webkit-focus-ring-color auto 0px;}
#carrousel_home .bts .prev span{ margin-left:50%}
#carrousel_home .bts .next{ right:0px; margin-right:10%;}
#carrousel_home .bts .next:focus {outline: -webkit-focus-ring-color auto 0px;}
#carrousel_home .bts .next span{ margin-left:50%}
#carrousel_home .nav{ position:absolute; z-index:1000; bottom:10px; left:40%; width:20%; text-align: center;}
#carrousel_home .nav span{ font-size:0em; background-color:#141414; box-shadow:0px 1px 2px rgba(0,0,0, 0.3); width:18px; height:18px; margin:0 6px; display: inline-block;}
@media screen and (max-width: 1200px) {
    #carrousel_home .cycle-slideshow .slide img{ width:100%;height: auto;}
}
@media screen and (max-width: 991px) {
    #carrousel_home .nav{ font-size:1.5em;}
}
@media screen and (max-width: 767px) {
    #carrousel_home .nav{ font-size:1em;bottom:65px;}
}
#carrousel_home .nav span.cycle-pager-active{ background-color:#e60003; }
.carousel_left_back {position:absolute; left:0px; top:0px; z-index:1000; width:200px; height: 100%; background:linear-gradient(to left, rgba(0,0,0,0), rgba(0,0,0,0.25)); opacity:0; transition:opacity 0.2s;}
#carrousel_home:hover .carousel_left_back {opacity:1;}
.carousel_right_back {position:absolute; right:0px; top:0px; z-index:1000; width:200px; height: 100%; background:linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.25)); opacity:0; transition:opacity 0.2s;}
#carrousel_home:hover .carousel_right_back {opacity:1;}
@media screen and (max-width: 767px) {
    .carousel_left_back, .carousel_right_back {width:100px;}
}
.baseline_caroussel { height:80px; background-color:#141414; padding:15px 0;}
.baseline_caroussel img {display:block; margin: 0 auto; max-height:50px;}
@media screen and (max-width: 767px) {
    .baseline_caroussel img {max-width: 100%; height: auto; padding:0 10px;}
}

/*---------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------- ARTICLE ------------------------------------------------------------- */

/* CONTENTARTICLE */
.contentArticle{ position:relative; }
#main .contentArticle > .section.grid{ margin-bottom:0; }
.contentArticle:before{ left:-100%; }
.contentArticle:after{ right:-100%; }
.contentArticle > .grid{ padding:20px; }

/* NAVARTICLE */
.navArticle{ bottom:0; left:0; text-transform: uppercase; position: absolute;}
.navArticle:before{ left:-100%; }
.navArticle:after{ right:-100%; }
.navArticle > .navArticle_bckgnd{ width: 100%; height:100px; text-align: center; background:linear-gradient(to top, rgba(0,0,0,0.15),rgba(0,0,0,0));}

/* tabs */
.navArticle .tabs{ display: inline-block; position: relative; z-index: 1; }
.navArticle .tabs ul{ padding: 0; margin: 0; display: table; }
.navArticle .tabs ul > li{ display: table-cell; list-style: none; position: relative; padding-top:32px;}
.navArticle .tabs ul > li a{ color: #000; display: block; height: 36px; line-height: 36px; font-size: 22px;}
.navArticle .tabs ul > li a span{ display: block; position: relative; padding-left: 40px; padding-right: 40px; font-weight:bold; }
.navArticle .tabs ul > li.active a span{ color:#e60003; }
.navArticle .tabs ul > li + li a span:before{ content: ""; position: absolute; left: 0; top:0%; width: 0; height: 3em; margin-top: -0.5em; border-left: 1px solid rgba(0,0,0,0.15); z-index: 1; }
.navArticle .tabs ul > li:first-child a span{ padding-left: 40px;}
.navArticle .tabs ul > li a:hover, .navArticle .tabs ul > li a:focus, .navArticle .tabs ul > li.active a{ text-decoration: none; }
.navArticle .tabs ul > li:hover a{ font-weight: bold; position: relative; }
.navArticle .tabs ul > li:hover a:after{ content: ""; position: absolute; left: 0; right: 0; bottom: -32px; height: 0; border-bottom: 6px solid #E60003; }
.navArticle .tabs ul > li:hover a:before{ content: ""; position: absolute; bottom:-107%; left: 50%; margin-left: -4px; width: 0; height: 0; border: 8px solid transparent; border-top-color: #E60003; border-top-width: 7px; border-bottom-width: 0; }

/* article */


/* version B */
.navArticleB:before{ border-top-color: #a8a9aa; }
.navArticleB:after{ border-top-color: #a8a9aa; }
.navArticleB > .in{ position: relative; border-top-color: #a8a9aa; }

@media screen and (min-width:992px) {
    .navArticleB:before{ background-color: #000; border-top-color: #000; }
    .navArticleB:after{ border-top-color: #a8a9aa; }
    .navArticleB > .in:before{ content: ""; position: absolute; z-index: 2; left: 0; top: -1px; width: 0; height: 0; border:22px solid transparent; border-right-width: 0; border-bottom-width: 0; border-top-width: 37px; border-left-color: #000; }
    .navArticleB .tabs{ display: block; padding-left: 20px; }
}

@media screen and (max-width: 991px) {
    .navArticle .tabs{ max-width: 100%; }
    .navArticle .tabs ul{ margin-left: auto; margin-right: auto; max-width: 100%; }
    .navArticle .tabs ul > li:first-child a span{ padding-left: 15px; }
}
@media screen and (max-width: 767px) {
    .navArticle .tabs, .navArticle .tabs ul{ max-width: 100%; }
}
@media screen and (max-width: 599px) {
    .navArticle .tabs, .navArticle .tabs ul{ width: 100%; text-align: center; }
    .navArticle .tabs ul > li{ text-align: center; }
    .navArticle .tabs ul > li a span, .navArticle .tabs ul > li:first-child a span{ padding-left: 5px; padding-right: 5px; white-space: nowrap; font-size: 0.9em; overflow: hidden; text-overflow: ellipsis; }
}


/* RICHTEXT */
.richtext table{ border-collapse:separate; border-spacing:10px; }
.richtext table td{ padding:15px 10px; }
.richtext hr{ margin:20px auto; width:100%; padding:0; height:0; border-top:1px solid #ccc; }
.arrow{ font-weight:600; margin-bottom:10px; }
.arrow:before{ display:inline-block; content:'>'; margin-right:5px; }

/* ENCADREARTICLE */
.encadreArticle{ padding:20px 10px; }
.encadreArticle .part{ padding:30px 0; margin:0; border-top:1px solid #fff; overflow:hidden; }
.encadreArticle .part:first-child{ padding-top:0; border-top:0; }
.encadreArticle .part:last-child{ padding-bottom:0; }
.encadreArticle p{ font-size:1.2em; font-weight:bold; }
.encadreArticle .video object{ display:block; margin-bottom:10px; }
.noticeTechnique{ padding:10px 5px; }
#wrapper .noticeTechnique .title{ margin-bottom:5px; }
.noticeTechnique p{ margin-bottom:10px; }

/* THUMBNAILS */
.tbhn { text-transform:uppercase; overflow:hidden; padding-bottom: 2px;}
.thumb_simple a img {width:100%; height:auto; overflow:hidden; margin:0px}
.thumb_double a img {width:100%; height:100%; overflow:hidden; margin:0px}
.tbhn a {text-decoration: none}
.tbhn a:hover > .footer span {background-color:#E60003; letter-spacing:2px; text-decoration:none;}
.tbhn a:hover > .footer span:after{ content:url('../images/Fleche_bouton.png'); display:inline-block; transform: scale(1); vertical-align:middle; margin: 0 0 13px 8px; }
.headband {background-color:rgba(20,20,20,0.75); padding:30px; position:absolute;}
.txt-lgn-rgt {text-align:right;}
.txt-lgn-lft {text-align:left;}
.hdb-margin {margin-top:20px;}
/*---------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------- DISTRIBUTEURS ------------------------------------------------------------- */

/* -------------------------------------------------- DISTRIBUTEURSFILTRES ------------------------------------------------------------- */
.distributeursfiltres{ margin-bottom: 40px;  }
#wrapper .distributeursfiltres .title{ margin-bottom: 20px;  }
.distributeursfiltres .mainLabel{ margin-bottom: 0; }
.distributeursfiltres .attributevalue{ float:left; vertical-align: middle; width: 80%; }
.distributeursfiltres .mainLabel, .distributeursfiltres .field input, .distributeursfiltres .field select{ display: block; width:100%; }
.distributeursfiltres .field input, .distributeursfiltres .field select, .distributeursfiltres .field .submit{ min-height:34px; }
.distributeursfiltres #locationField a#submitAdresse{display: inline-block; font-size: 1em; line-height: 34px; margin: 0; padding: 0 5px; width: auto; text-align:center; }
.distributeursfiltres #locationField .bt:after{display: none;}


/* -------------------------------------------------- DISTRIBUTEURS ------------------------------------------------------------- */

.mainStoreLocator {
    display: inline-block;
    width: 100%;
    height: calc(100vh - 235px);
}

.distributeurs{ padding-top: 10px; height:auto; }

/* LISTEDISTRIBUTEURS 
ul.listeDistributeurs{ height:auto; overflow: initial; }
.listeDistributeurs li{ padding:10px 0; margin:0; border-bottom:1px solid #cccccc; overflow:hidden; }
.listeDistributeurs li:first-child{ padding-top:0; }
.listeDistributeurs .distributeur{ margin-right: 20px; position: relative;}
*/
.distributeur .nom, .distributeur .adresse, .distributeur .tel, .distributeur .categorie{ display: block; font-size:0.95em; margin-bottom: 0; }
.distributeur .nom{ padding-left:0.8em; color:#000; font-weight:bold; text-transform: uppercase; font-size:1.1em; }
.distributeur .nom:before{ top:-1px; left:-0.8em; margin-right: -0.5em; content: url(../img/icones/icon_facom.png);}
.distributeur .adresse{ text-transform: none; line-height: 1.3em; }
.distributeur .categorie{ margin-bottom: 0; }

.distributeursRight {position: absolute; right: 0px; top:5px;}
.distributeursRight .distributeursIcone { margin-left: 15px;}

.distributeursfiltres #locationField .bt:hover{ text-decoration: underline;}
.distributeursfiltres #locationField .bt:focus{ color: #FFFFFF; text-decoration: none; outline: 0;}

/* GOOGLEMAPWRAPPER */
.googleMapWrapper{ height: calc(100vh - 235px); position: relative;  margin-left: 400px; }
.googleMapWrapper .pin{ position:absolute; }
.googleMap{ width:100%; height:100%; }

#containerStoreLocator { width: 100%; height: calc(100vh - 235px);}
.gm-style > div:nth-child(1) > div:nth-child(4) > div:nth-child(4) > div > div:nth-child(1) > div:nth-child(4) {
    background-color:black !important;
    width: 336px !important;
}

.gm-style > div:nth-child(1) > div:nth-child(4) > div:nth-child(4) > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(1) > div {
 background-color:black !important;
}

.gm-style > div:nth-child(1) > div:nth-child(4) > div:nth-child(4) > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(2) > div {
 background-color:black !important;
}

.gm-style-iw {
    color: white;
    top: 18px !important;
}
.gm-style > div:nth-child(1) > div:nth-child(4) > div:nth-child(4) > div > div:nth-child(1) > div:nth-child(2) {
    width: 338px !important; 
}

.gm-style > div:nth-child(1) > div:nth-child(4) > div:nth-child(4) > div > div:nth-child(3) {
 right: 4px !important;
 top: 6px !important;
}

.gm-style > div:nth-child(1) > div:nth-child(4) > div:nth-child(4) > div {
    width: 336px !important;
}

.gm-style-iw {
    left: 1px !important;
}

.gm-style-iw > div > div > p {
    margin-left: 10px;
    margin-bottom: 5px;
    width: 336px;
}

.rslt_phone, .rslt_fax {
    display: inline-block;
    width: 50%;
    background-color: #505050;
    padding: 15px 5px;
    font-weight: 900;
    height: 44px;
}
.rslt_phone img, .rslt_fax img {
    margin: 0 10px 2px;
    max-height: 15px;
}

@media screen and (max-width: 450px) {
    .gm-style-iw {
        width: 250px !important;
    }
    .gm-style-iw > div {
     max-width: 250px !important;
 }
 .gm-style > div:nth-child(1) > div:nth-child(4) > div:nth-child(4) > div > div:nth-child(1) > div:nth-child(2) {
    width: 252px !important; 
}
.gm-style > div:nth-child(1) > div:nth-child(4) > div:nth-child(4) > div > div:nth-child(1) > div:nth-child(4) {
    width: 250px !important;
}  
.gm-style > div:nth-child(1) > div:nth-child(4) > div:nth-child(4) > div {
    width: 250px !important;
}
.gm-style-iw > div > div > p {
    width: 250px;
}

.rslt_phone, .rslt_fax {
    width: 125px;
}
}

.infosBox-numero {
    margin-top: 4px;
}

.infoBox-tel {
    background-image: url(../img/icones/phone.png);
    background-size: 70% 70%;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 25px;
    width: 25px;
}

.infoBox-fax {
    background-image: url(../img/icones/fax.png);
    background-size: 70% 70%;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 25px;
    width: 25px;
}
/*---------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------- CARTE / MAP ------------------------------------------------------------- */
/* BASES */
#map{ background-color: #000; color:#fff; }

/* MAIN */
#map #main{ padding:0; background:#000 none; }
#map #main > .container{ width:auto; padding:0; }

/* MAP SEARCH */
.search {background-color:#ffffff;}
.search  .active {color:#E60003; border-color:#cccccc;}
.map_search_form { max-width:1200px; height:100px; font-size:36px; background-color:#ffffff; color:#000000; text-transform:uppercase; margin:0 auto; padding-top:25px; text-align:center;}
@media screen and (max-width: 767px) {
    .map_search_form{height:200px; }
}

@media screen and (max-width: 500px) {
    .map_search_form{height:170px; }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .map_search_form p {vertical-align:super}
}

.map_search_form p {display:inline-block}
.map_search_form img {}
.map_search_form input:focus {box-shadow: none; border-color:#cccccc;}
.search_form {color:#505050; height:60px; width:362px; border-radius:0px; display: inline-block; background-color:#F5F5F5; position:relative; top: -6px;}
@media screen and (max-width: 767px) {
    .search_form{width:270px; }
}

.search_form input {height: 60px;
    position: relative;
    padding: 1px 15px;
    font-size: 18px;
    line-height: 1.5;
    color: #555555;
    vertical-align: middle;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.search_form a {padding:6px 20px; color:#505050; border:none; font-size:20px; display:inline-block; background-color:transparent; box-shadow:none;}
.search_form a {width:48px; height:48px; background:#323232 url(../images/Recherche.png) no-repeat center center; position:absolute; right:6px; top:6px;}
.map_search_form p, .map_search_form img, .map_search_form form {display:inline-block; margin: 0 auto; font-weight:900;}

::-webkit-input-placeholder {
 font-size:20px; 
}

:-moz-placeholder { /* Firefox 18- */
 font-size:20px;  
}

::-moz-placeholder {  /* Firefox 19+ */
 font-size:20px;   
}

:-ms-input-placeholder {  
 font-size:20px;
} 

/* WORLDMAP */
.worldMap > .container{ padding:0; position: relative; }
.worldMap .region{ position: absolute; padding:7px 15px; border-radius: 4px; background-color: #626263; background-color:rgba(0,0,0, 0.5); transition:all 0.2s;}
.worldMap .region:hover { background-color:rgba(0,0,0, 0.8); }
.worldMap .region ul{ margin:0; padding:0; }
.worldMap .region ul > li{ margin:0; padding:0; list-style: none outside; }
.worldMap .region ul > li a{ margin:0; font-size:1.1em; text-decoration: none; line-height: 1.1em; }

/* PUSHMAP */
.pushMap{ position:relative; border-top-style:solid; border-top-width:5px; }
.pushMap > .container{ position:relative; padding-top:45px; padding-bottom: 40px; }
.pushMap figure{ text-align: right; }
.pushMap figure img{ display: inline-block; }
.pushMap .title{ margin-top: -3px; }

/*---------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------- MODELE PARALLAX ------------------------------------------------------------- */
/* MAINCONTAINER */
.mainContainer > #breadcrumb{ margin-left: auto; margin-right: auto; padding-left: 5px; padding-right: 5px; }
.mainContainer .container:last-child .section{ margin-bottom: 0; padding: 0; }

@media screen and (min-width:768px) {
    .mainContainer > #breadcrumb{ width: auto; }
}
@media screen and (min-width:992px) {
    .mainContainer > #breadcrumb{ width: 940px; }
}


/* SECTIONPARALLAX */

/* ARTICLEPARALLAX */
.articleParallax{ background-color: #fff; position:relative;}
/* header */
.articleParallax .header, #wrapper .articleParallax .header{ position: relative; background-color: #ccc; border-color: #ccc; text-align: center; padding: 25px 15px; }
.articleParallax .header:after{ content: ""; position: absolute; top:97%; left:50%; margin-left: -40px;; z-index: 10; border:40px solid transparent; border-bottom-width: 0; border-top-color: inherit; }
.articleParallax .header .title, #wrapper .articleParallax .header .title{ color: #fff; margin-bottom: 0; text-transform: none; }
/* body */
.articleParallax .body{ position: relative; width:1200px; margin-left: auto; margin-right: auto; }
.articleParallax img, .articleParallax .containerBlock{ max-width: 100%; }
.articleParallax .imageBg{ background-size: cover; background-repeat: no-repeat; }
.articleParallax .imageBg > img{ width: 100%; display: block; }

.articleParallax .containerBlock .blockRich{ padding: 10px; color: #fff; background-color: #000; background-color: rgba(0,0,0, 0.7); font-size: 0.9em; }
.articleParallax .containerBlock .blockRich *:last-child{ margin-bottom: 0; }
.articleParallax .containerBlock .footer{ text-align: right; margin-top: 15px; }

/*
NB : l'image de ".imageBg" est ?  la fois en "background-image" et en "img src", 
au dessus de 991px on utilise "img src" et les containerBlock sont en absolute,
au dessous de 992px on utilise "background-image" et c'est ".imageBg" en absolute, sauf si c'est le seul enfant
*/
@media screen and (min-width:992px) {
    /*
    ".containerElements" refixe la largeur du site pour servir de r??f??rence au placement des blocks,
    */
    .articleParallax .containerElements{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; width:1200px; margin: auto; }
    .articleParallax .containerBlock{ position: absolute; width:370px; }
    .articleParallax .imageBg{ background-image: none!important; }
}

@media screen and (max-width:991px) {
    .articleParallax .header, #wrapper .articleParallax .header{ padding: 15px; }
    .articleParallax .header:after{ border-width:20px 20px 0; margin-left: -20px; }
    
    .articleParallax .body{ width: auto!important; padding:25px 15px!important; }
    .articleParallax .imageBg{ position: absolute; left: 0; top: 0; right:0; bottom:0; }
    .articleParallax .imageBg img{ display: none; }
    .articleParallax .imageBg:only-child{ position: static; margin:-25px -15px; }
    .articleParallax .imageBg:only-child img{ display: block; }
    .articleParallax .containerBlock{ position: relative; top:auto!important; bottom: auto!important; left: auto!important; right: auto!important; }
    .articleParallax .containerBlock .blockRich{  }
    .articleParallax .containerBlock + .containerBlock{ margin-top:20px; }
}
/* NB: .imageBg:only-child et onlyBg.. on retourne ?  un affichage de l'image(et pas du bg) car on a pas d'autre contenu */
@media screen and (min-width:768px) and (max-width:991px) {
    .articleParallax .imageBg.onlyBg-sm{ position: static; margin:-25px -15px; }
    .articleParallax .imageBg.onlyBg-sm img{ display: block; }
}

@media screen and (max-width:767px) {
    .articleParallax .containerBlock .footer .bt{ font-size:1em; }
    .articleParallax .imageBg.onlyBg-xs{ position: static; margin:-25px -15px; }
    .articleParallax .imageBg.onlyBg-xs img{ display: block; }
}


/*---------------------------------------------------------------------------------------------------------------------------- */
/*---------------------------------------------------------------------------------------------------------------------------- */
/*---------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------- MEDIA QUERIES ------------------------------------------------------------- */

/*---------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------- GENERALS ------------------------------------------------------------- */

/* SPACING */
@media screen and (max-width: 991px) {
    .container{ padding-left:15px; padding-right:15px; }
    .section, .blockA .background{ margin-bottom:15px; }
    p, .part{ margin-bottom:10px; }
    .section.grid{ margin-bottom:20px; }
    #home #main{ padding-bottom:0; }
    #home #main .section:last-of-type{ padding-bottom:30px; }
}
@media screen and (max-width: 767px) {
    .container{ padding-left:10px; padding-right:10px; }
    .section, .blockA .background{ margin-bottom:10px; }
    p, .part{ margin-bottom:5px; }
    #main{ padding-top:0px; }
    .section.grid{ margin-bottom:10px; }
    #home #main .section:last-of-type{ padding-bottom:20px; }
}

/* MARGIN */
@media screen and (max-width: 991px) {
    .section, .blockA .background{ margin-bottom:15px; }
}
@media screen and (max-width: 767px) {
    .section, .blockA .background{ margin-bottom:10px; }
    p, .part{ margin-bottom:10px; } 
}

/* TITLES */
@media screen and (max-width: 991px) {
    .title1, #wrapper .title1{ font-size:2em; }
    .title2, #wrapper .title2{ font-size:1.5em; }
    .title2 + .title, #wrapper .title2 + .title{ margin-top:-7px; }
    .title3, #wrapper .title3{ font-size:1.5em; }
    .title4, #wrapper .title4{ font-size:1.2em; }
    .title5, #wrapper .title5{ font-size:1.7em; }
    .title7, #wrapper .title7{ font-size:1.7em; }
}
@media screen and (max-width: 767px) {
    .title1, #wrapper .title1{ font-size:1.7em; }
    .title2, #wrapper .title2{ font-size:1.3em; }
    .title2 + .title, #wrapper .title2 + .title{ margin-top:-10px; }
    .title3, #wrapper .title3{ font-size:1.3em; }
    .title4, #wrapper .title4{ font-size:1em; }
    .title5, #wrapper .title5{ font-size:1.5em; }
    .title7, #wrapper .title7{ font-size:1.5em; }
}


/*---------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------- TEMPLATES ----------------------------------------------------------------- */

/* --------------------- BLOCKS --------------------- */

/* BLOCKBUBBLE */
@media screen and (max-width: 991px) {
    .blockBubble{ padding:15px 15px; }
    .blockBubble .bt{ right:15px; }
}
@media screen and (max-width: 767px) {
    .blockBubble{ padding:10px 10px; }
    .blockBubble .bt{ right:10px; }
}

/* --------------------- EMPHASEARTICLE --------------------- */
@media screen and (max-width: 991px) {
    body .emphaseArticle{ padding-bottom:20px; }
}

/* --------------------- FRAME --------------------- */
@media screen and (max-width: 991px) {
    .frame, .container > .frame:last-child{ margin-left:-15px; margin-right:-15px; padding:15px; margin-bottom:20px; }
}
@media screen and (max-width: 767px) {
 .frame{ margin-left:-10px; margin-right:-10px; padding:10px; }
 .container > .frame:last-child{ margin-bottom:0px; }
}

/* --------------------- GRID --------------------- */

/* GRIDOFFSET */
@media screen and (max-width: 991px) {
    .gridOffset{max-width:991px; padding:15px 0; }
}
@media screen and (max-width: 767px) {
    .gridOffset{max-width:767px; margin-left:-10px; margin-right:-10px; padding:10px; }
}

/* GRID BREAKPOINT EXCEPTIONS  */ 

/* grid3x3 */
@media screen and (max-width: 991px) {
    .grid3x3 .row > .col-md-4{}
}
@media screen and (max-width: 850px) {
    .grid3x3 .row > .col-sm-6{ width:50%; }
}
@media screen and (max-width: 520px) {
 .grid3x3 .row > .col-xs-12{ width:100%; }
}

/* grid2x1 */
@media screen and (max-width: 991px) {
    .grid2x1 .row > .colMain.col-md-8{ width:66.6667%; }
    .grid2x1 .row > .asideRight.col-md-4{ width:33.3333%; }
}
@media screen and (max-width: 850px) {
    .grid2x1 .row > .colMain.col-sm-12{ width:100%; height: auto!important; }
    .grid2x1 .row > .asideRight.col-sm-12{ width:100%; height: auto!important; }
    .grid2x1 .colMain .row > .col-sm-6{ width:50%; }
}
@media screen and (max-width: 520px) {
    .grid2x1 .colMain .row > .col-xs-12{ width:100%; }
}

/* GRID BLOCK */
@media screen and (max-width: 991px) {
    .grid .block{ margin:15px auto; }
}
@media screen and (max-width: 767px) {
    .grid .block{ margin:10px auto; }
}

/* BLOCKA */
@media screen and (max-width: 520px) {
 .grid .blockA{ height:auto; }
}

/* BLOCKC */
@media screen and (max-width: 991px) {
    .grid .blockC{ padding:15px; }
    .grid .blockC .content{ padding-bottom:15px; }
}
@media screen and (max-width: 767px) {
    .grid .blockC{ padding:10px; }
    .grid .blockC .content{ padding-bottom:10px; }
}
@media screen and (max-width: 850px) and (min-width: 521px) {
    .grid .blockC{ height:auto; min-height:303px; max-width:none; width:100%; }
    .grid .blockC .background{ max-width:45%; overflow:hidden; left:auto; right:0; }
    .grid .blockC .headings,.grid .blockC .content, .grid .blockC .footer{ width:50%; }
    .grid .blockC .content{}
    .grid .blockC .footer{ position:static; }
}

/* BLOCKD */
@media screen and (max-width: 400px) {
    .blockD .footer{ left:0; right:0; text-align:center; }
}
/* BLOCKLINKS */
@media screen and (max-width: 991px) {
    .blockLinks{ padding-left:15px; }
    .blockLinks .headings{ margin-bottom:0px; }
}
@media screen and (max-width: 767px) {
    .blockLinks{ padding-left:10px; }
    ul.listArrow > li:first-child a{ padding-top:5px; }
    ul.listArrow > li:first-child:before{ top:5px; }
}
@media screen and (max-width: 850px) and (min-width: 521px) {
    .grid .blockLinks{ max-width:none; width:100%; }
}

/* HEADERARTICLE */
@media screen and (max-width: 991px) {
    .headerOffset{ margin-left:-15px; margin-right:-15px; }
    .grid .headerArticle{ margin:5px 0 15px; }
    .headerArticle .bt{ right:10px; bottom:10px; }
}
@media screen and (max-width: 767px) {
    .headerOffset{ margin-left:-10px; margin-right:-10px; }
    .grid .headerArticle{ margin:5px 0 10px; }
}

/* LISTRESULTS */
@media screen and (max-width: 991px) {
    .title .titleSearch{ display:block; }
}

/*---------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------- BOUTONS ----------------------------------------------------------------- */
@media screen and (max-width: 991px) {
    .bt{ padding:3px 10px; }
}
@media screen and (max-width: 767px) {
    .bt{ padding:3px 7px; font-size:0.9em; }
}


/*---------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------- BREADCRUMB ------------------------------------------------------------- */
@media screen and (max-width: 991px) {
    #breadcrumb{ top:-15px; }
}
@media screen and (max-width: 767px) {
 #breadcrumb{ display:none; }
}

/*---------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------- HEADER ------------------------------------------------------------- */
@media screen and (max-width: 991px) {
    #header > .container{ height:85px; padding-top:10px; padding-bottom:15px; }
    .navbar-nav > li > a{font-size:0.7em; padding:35px 5px;}
}
@media screen and (max-width: 850px) {
    .navbar-nav > li > a{font-size:0.55em; padding:35px 5px;}
}
@media screen and (max-width: 767px) {
    #header > .container{ height:65px; padding-bottom:10px; }
    #header .logo{ margin-top:0; }
    #header .logo, #header .logo figure{ height:100%; }
    #header .logo figure img{ max-height:100%; }
}

/* --------------------- NAVBAR --------------------- */
@media screen and (max-width: 991px) {
    #navBar .navMain .navbar-nav > li > a{ padding:0 15px; }
}
@media screen and (max-width: 767px) {
    #navBar .navbar-header{ text-align:right; }
    #navBar .navTop{ display:inline-block; text-align:left; margin-right:20px; }
    #navBar .navbar-toggle{ display:inline-block; margin-top:5px; }
    #navBar .navTop li{ float:left; margin-left:15px; }
    #navBar .navTop li.country{ margin-left:0px; }
    #navBar .navTop li.country span{ display: none; }
    #navBar .navbar-nav{ margin-top:13px; }
}

/* --------------------- EMPHASELINK --------------------- */
@media screen and (max-width: 767px) {
    #header .emphaseLink{ display:none; }
}


/*---------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------- FOOTER ------------------------------------------------------------- */
@media screen and (max-width: 991px) {
    #footer > .container{ padding-top:25px; max-width:991px; }
    #footerNav .row > li ul > li{ margin-bottom:7px; }
    .titleNav{ padding-bottom:10px; margin-bottom:10px; }
    #footer2 > .container{ padding-top: 15px; padding-bottom: 15px; width:991px; }
}
@media screen and (max-width: 767px) {
    #footer > .container{ padding-top:15px; max-width:767px;}
    #footerNav li{ margin-bottom:10px; }
    #footerNav .row > li ul > li{ margin-bottom:5px; }
    .titleNav{ padding-bottom:5px; margin-bottom:5px; }
    #footer2 > .container{ padding-top: 15px; padding-bottom: 15px; width:767px;}
    #footer2 ul{text-align:left;; margin:0px;}
    #footer2 .navbar-right{text-align:right; width:100%}
    #footer2 li a {margin-left: 10px;}
}
}
#footer .cta {margin-left:40px;}
@media screen and (max-width: 767px) {
    #footer .cta {margin-left:10px;}
}
/* CLEAR FOOTERNAV */
@media screen and (max-width: 991px) {
    #footerNav .row > .col-sm-4:nth-child(3n+1){ clear:both; }
}
@media screen and (max-width: 767px) {
    #footerNav .row > .col-sm-4:nth-child(3n+1){ clear:none; }
    #footerNav .row > .col-xs-6:nth-child(2n+1){ clear:both; }
}

/*---------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------- ARTICLE ------------------------------------------------------------- */

@media screen and (max-width: 850px) {
    .article .asideRight{ margin-top:20px; }
}

/* RICHTEXT */
@media screen and (max-width: 991px) {
    .richtext table td{ padding:10px 7px; }
}
@media screen and (max-width: 767px) {
    .richtext table{ border-spacing:5px; }
    .richtext table td{ padding:5px 5px; }
    .richtext hr{ margin:15px auto; }
    .arrow{ margin-bottom:5px; }
}

/* ENCADREARTICLE */
@media screen and (max-width: 991px) {
    .encadreArticle{ padding:15px 10px; }
    .encadreArticle .part{ padding:20px 0; }
}
@media screen and (max-width: 767px) {
    .encadreArticle{ padding:10px 10px; }
    .encadreArticle .part{ padding:10px 0; }
    .encadreArticle p{ font-size:1.1em; }
    #wrapper .encadreArticle .title{ margin-bottom:5px; }
}
@media screen and (max-width: 500px) {
    .noticeTechnique .media{ margin-right:5px; }
    .noticeTechnique .iNotice{ -webkit-transform:scale(0.5); -moz-transform:scale(0.5); -o-transform:scale(0.5); -ms-transform:scale(0.5); transform:scale(0.5); margin:-20px -10px; } 
}


/*---------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------- DISTRIBUTEURS ------------------------------------------------------------- */

/* -------------------------------------------------- DISTRIBUTEURSFILTRES ------------------------------------------------------------- */
@media screen and (max-width: 991px) {
    .distributeursfiltres{ margin-bottom:20px; }
    #wrapper .distributeursfiltres .title{ margin-bottom: 10px; }
}
@media screen and (max-width: 767px) {
    #wrapper .distributeursfiltres .title{ font-size:1.4em; }
    .distributeursfiltres .mainLabel, .distributeursfiltres .field input, .distributeursfiltres .field select{ display: block; width:100%; }
}

/* -------------------------------------------------- DISTRIBUTEURS ------------------------------------------------------------- */
@media screen and (max-width: 900px) {
 .distributeurs .row{ display: table; width:100%; }
 .distributeurs .row > *{ float:none; display: table-row; }
 .distributeurs .row > *:first-child{ display: table-footer-group; }

 .distributeurs{ height:auto; }
 .distributeurs .col-xs-12{ clear: both; }
 #wrapper ul.listeDistributeurs{ width:100%; }
 .distributeur .nom, .distributeur .adresse, .distributeur .tel, .distributeur .categorie{ line-height: 1.1em; font-size:0.9em; }
 .listeDistributeurs .distributeur{ margin-right: 10px; }
 .distributeur .nom{ font-size:1em; }

 .googleMapWrapper{ width:90%; margin:0 auto 3% 5%; height:250px; }
}

@media screen and (max-width: 450px) {
    #wrapper ul.listeDistributeurs{ height:736px; }
}

.gm-style-iw{
    background-color : black !important;
}
/*---------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------- CARTE / MAP ------------------------------------------------------------- */

/* WORLDMAP */
@media screen and (max-width: 991px) {
    .worldMap{ height:auto !important; margin:0; }
    .worldMap > .container{ padding:15px 15px 25px; }
    .worldMap .regions{ -moz-column-count:2; -webkit-column-count:2; column-count:2; -moz-column-gap:15px; -webkit-column-gap:15px; column-gap:15px; }
    .worldMap .region{ position: static; display: inline-block; width:100%; margin-bottom:15px; break-inside: avoid-column; -webkit-column-break-after: always; }
    .worldMap .region:last-child{ margin-bottom:0px; }
}
@media screen and (max-width: 767px) {
    .worldMap > .container{ padding:15px 10px 20px; }
}
@media screen and (max-width: 400px) {
    .worldMap{ background-image: none; }
    .worldMap .regions{ -moz-column-count:1; -webkit-column-count:1; column-count:1; }
    .worldMap .region{ display:block; width:100%; margin-bottom:10px; }
}
/* PUSHMAP */
@media screen and (max-width: 991px) {
    .pushMap > .container{ padding-top:25px; padding-bottom: 20px; }
}
@media screen and (max-width: 767px) {
    .pushMap > .container{ padding-top:20px; padding-bottom: 20px; }
    .pushMap .row > * + *{ margin-top: 10px; }
    .pushMap figure{ text-align: left; }
}


/*---------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------- DIAPORAMA ------------------------------------------------------------- */

#carrousel{ position:relative; margin-top:70px; height: auto;}
@media screen and (max-width: 991px) {
    #carrousel{min-height:400px; }
}
@media screen and (max-width: 767px) {
    #carrousel{min-height:200px; }
}
#carrousel .slideText{ padding:0 50px; }
#carrousel .nav{ position:absolute; z-index:1000; left:15px; bottom:10px; }
#carrousel .nav span{ font-size:2em; color:#fff; text-shadow:1px 1px 2px rgba(0,0,0, 0.3); }
#carrousel .nav span.cycle-pager-active{ color:blue; }
#carrousel .cycle-slideshow{ background-color:white; overflow:hidden; text-align:center; z-index:5 }
#carrousel .cycle-slideshow #overlay-custom{ position:absolute; bottom:0; right:0; margin:4px; padding-right:6px; color:#000000; font-size:1.5em; opacity:0.8; z-index:1000; }
#carrousel .cycle-slideshow .cliquerZoomer{ position:absolute; margin:4px; padding:7px; box-shadow:0 1px 4px -1px; color:#000000; font-weight:bold; font-size:0.9em; border-radius:4px; opacity:0.8; background-color:white; z-index:1000; }

#content .navigation{z-index:90;position:relative;font-weight:bold;}
#content .navigation .bts{ text-align:center; vertical-align:middle; display:table; padding-top:0px; background-color:#141414;width: 100%;}

#content .navigation .bts .prev{ left:10px; padding:4px 18px; display:table-cell; vertical-align:middle; float:none; width:50px; background-color:#323232;}
#content .navigation .bts .next{ right:10px; height:20px; padding:4px 18px; display:table-cell; vertical-align:middle; float:none; width:50px; background-color:#323232;}
#content .navigation .bts .prev:hover, #content .navigation .bts .next:hover{ background-color:#505050; cursor:pointer;}


#content .navigation .bts .titrePhotoDiaporama{ color:white; display:block; width:100%; vertical-align:middle; padding: 26px 15px; font-size:1.2em}
#content .navigation .bts .diaporamaArrow{ height:20px; width:15px; }
#content .navigation #titreImageDiapo{ color:#e60003 } 
#content .navigation .bts .diaporamaArrowLeft{ transform: rotate(180deg);}
.top_nav {display: flex; color: #fff; padding: 0; font-size: 1.2em; position: absolute;z-index: 999;margin: auto; top: -71px; right: 0; left: 0; justify-content: center; }
.top_nav span { background-color: #e60003;padding: 20px 16px; }
.home_carrousel {height:700px;}

@media screen and (max-width: 736px) {
    #content .navigation .bts .titrePhotoDiaporama{ font-size:12px}
}


/*---------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------- PLAYLIST YOUTUBE ------------------------------------------------------------- */


.titrePrincipalYoutube{ color: red; font-size: 0.8em; margin-bottom: -10px; margin-top: 10px; font-family: 'dincond', Helvetica, Arial, sans-serif; }

.descriptionPrincipaleYoutube{font-size: 1.1em; color: black; }
.listVideosYoutube{display:block;margin-left:-5px;margin-right:-5px;}
.listVideosHRYoutube{ border-top: 3px solid #000000;}
.iconeVideosYoutube{width:33.3333333333333333333%;padding-bottom:15px;display:inline-block;padding-left:5px;padding-right:5px;cursor: pointer;text-align:center;}
.titrePetiteVideoYoutube{color: black;margin-bottom:0px;}
.divTitreAutresVideos{ color: black; font-size:23px; font-weight: bold; font-family: 'dincond', Helvetica, Arial, sans-serif; }
#mainVideoInformations{ margin-left: 15px; margin-right: 15px; }
#contentYoutube{ margin-left: -15px; margin-right: -15px; }
@media screen and (max-width: 736px) {
    #contentYoutube{ margin-left: 0px; margin-right: 0px; }
    #mainVideoInformations{ margin-left: 0px; margin-right: 0px; }
}

/*---------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------- FIN PLAYLIST YOUTUBE ------------------------------------------------------------- */

.btUnderlineHover:hover { text-decoration:underline; }


/*---------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------- BLOC DERNIER PRODUIT-------------------------------------------------------- */
.categorieProduit { border-bottom: solid 1px #e60003; }
.categorieProduit img { margin-right : 15px; }
.dernierProduit {width: 220px; height: 220px; margin-left: 10px; margin-top: 10px; margin-bottom: 20px !important; }
.dernierProduit:hover {border:solid 5px #e60003;}
.dernierProduit .codeProduit {margin-left: 5px; margin-top: 5px; color: #e60003; font-size: 1.5em; line-height: 80%; }
.dernierProduit .descriptionProduit {margin-left: 5px;  margin-top: 5px;color: white;   font-size: 1.3em;line-height: 90%;}

.cookieWarning {display:none;}

.numbers {  margin-top: 50px; }

@media screen and (max-width: 736px) {
 .numbers {     -webkit-mask-position: 0 0;
   -webkit-mask-size: 100%;
   -webkit-mask-image: -webkit-gradient(linear, left top, right top,
       color-stop(0, rgba(0,0,0,0)),
       color-stop(0.25, rgba(0,0,0,1)),
       color-stop(0.75, rgba(0,0,0,1)),
       color-stop(1, rgba(0,0,0,0)));
   overflow: scroll; }
}

.numbers ul
{
    margin: 0 70px;
    display: inline-flex !important;
}

.youtube:hover {background-color:#ffffff; fill:#CD181F;}
.facebook:hover {background-color:#3B5999; fill:#ffffff;}


/* -------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------ DEBUT MAP MONDE -----------------------------*/

#main_home.mapBack {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c5c5c5+0,ffffff+40,ffffff+85,c5c5c5+100 */
  background: #c5c5c5; /* Old browsers */
  background: -moz-linear-gradient(top,  #c5c5c5 0%, #ffffff 40%, #ffffff 85%, #c5c5c5 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #c5c5c5 0%,#ffffff 40%,#ffffff 85%,#c5c5c5 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #c5c5c5 0%,#ffffff 40%,#ffffff 85%,#c5c5c5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5c5c5', endColorstr='#c5c5c5',GradientType=0 ); /* IE6-9 */
  height: 1014px;
}

@media screen and (max-width: 991px) {
    #main_home.mapBack {
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c5c5c5+0,ffffff+40,ffffff+85,c5c5c5+100 */
      background: #c5c5c5; /* Old browsers */
      background: -moz-linear-gradient(top,  #c5c5c5 0%, #ffffff 40%, #ffffff 85%, #c5c5c5 100%); /* FF3.6-15 */
      background: -webkit-linear-gradient(top,  #c5c5c5 0%,#ffffff 40%,#ffffff 85%,#c5c5c5 100%); /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom,  #c5c5c5 0%,#ffffff 40%,#ffffff 85%,#c5c5c5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5c5c5', endColorstr='#c5c5c5',GradientType=0 ); /* IE6-9 */
      height: 100%; }
  }

  #main_home.mapBack > .container {
    min-height: 100%;
    background-size: 100%;
    background-image:url(../img/map/worldMapLine.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    position: relative;
}

@media screen and (max-width: 991px) {
   #main_home.mapBack > .container {
       min-height: 150%;
       background-size: 125%;
       background-image:url(../img/map/worldMap.svg);
       background-repeat: no-repeat;
       background-position-y: 20%;
       background-position-x: 70%;
       background-attachment: fixed;
       padding: 70px 20px 0;
   }
}

section.zoneEurope::after {
  content: "";
  height: 24px;
  width: 24px;
  border-radius: 24px;
  background: #000000;
  border: 0.2em solid #FFFFFF;
  position: absolute;
  top:333px;
  left: 493px;
}

section.zoneRussie::after {
  content: "";
  height: 24px;
  width: 24px;
  border-radius: 24px;
  background: #000000;
  border: 0.2em solid #FFFFFF;
  position: absolute;
  top:293px;
  left: -372px;
}

section.zoneAfrique::after {
  content: "";
  height: 24px;
  width: 24px;
  border-radius: 24px;
  background: #000000;
  border: 0.2em solid #FFFFFF;
  position: absolute;
  bottom: 353px;
  left: 509px;
}

section.zoneAsie::after {
  content: "";
  height: 24px;
  width: 24px;
  border-radius: 24px;
  background: #000000;
  border: 0.2em solid #FFFFFF;
  position: absolute;
  bottom: 105px;
  right: 512px;
}

section.zoneOrient::after {
  content: "";
  height: 24px;
  width: 24px;
  border-radius: 24px;
  background: #000000;
  border: 0.2em solid #FFFFFF;
  position: absolute;
  bottom: 316px;
  right: 413px;
}

section.zoneEurope:hover:after, section.zoneRussie:hover:after, section.zoneAfrique:hover:after, section.zoneAsie:hover:after, section.zoneOrient:hover:after {
  background: #e60003;
  cursor: pointer;
}

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

    .zoneAsie, .zoneEurope, .zoneRussie, .zoneOrient, .zoneAfrique {
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.75+1,0.75+100 */
      background: -moz-linear-gradient(top,  rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.85) 1%, rgba(255,255,255,0.85) 100%); /* FF3.6-15 */
      background: -webkit-linear-gradient(top,  rgba(255,255,255,0.85) 0%,rgba(255,255,255,0.85) 1%,rgba(255,255,255,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom,  rgba(255,255,255,0.85) 0%,rgba(255,255,255,0.85) 1%,rgba(255,255,255,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfffffff', endColorstr='#bfffffff',GradientType=0 ); /* IE6-9 */
      padding: 25px 20px 0;
  }

  .zoneEurope {  padding: 35px 20px 0;}

  .zoneAsie::after, .zoneEurope::after, .zoneRussie::after, .zoneOrient::after, .zoneAfrique::after {
      display: none;
  }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
   #main_home.mapBack { margin-top: -70px;}
}



#main_home > .container .listMap {
  position: absolute;
}

#main_home > .container .zoneEurope {
  top: 110px;
  left: 10px;
}

#main_home > .container .zoneAfrique {
  top: 770px;
  left: 6px;
}

#main_home > .container .zoneOrient {
  top: 770px;
  right: 162px;
}

#main_home > .container .zoneRussie {
  top: 110px;
  right: -27px;
}

#main_home > .container .zoneAsie {
  top: 426px;
  right: -77px;
}

@media screen and (max-width: 991px) {
  #main_home > .container .zoneAfrique {
      height: 250px;
  }
  #main_home > .container .zoneOrient {
    height: 245px;
}
}

#main_home > .container .listMap h2 {
  width: 280px;
  color: #E60003;
  font-size: 2.6em;
  font-smooth: always;
  line-height: 1em;
  font-family: 'dincondBold';
  cursor: default;
}

@media screen and (max-width: 991px) {
    #main_home > .container .listMap h2 {
      text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
      border-top: 3px solid #cbcbcb;
      padding-top: 30px;
      padding-left: 20px;
      padding-right: 20px;
      width: 100%;
      margin: auto;
  }
  #main_home > .container .zoneEurope h2 {
      border-top: 0px solid #cbcbcb;
      padding-top: 0px;

  }
}

@media screen and (max-width: 991px) {
    #main_home > .container .listMap {
        position: initial;
    }
}

#main_home > .container .listMap ul {
  padding: 0;
  margin: 25px 0 0 0 ;

}

#main_home > .container .zoneEurope ul {
  height: 140px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

#main_home > .container .zoneAfrique ul {
  height: 60px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

#main_home > .container .zoneOrient ul {
  height: 40px;
  display: flex;
  flex-direction: column;
}

#main_home > .container .zoneAsie ul {
  height: 100px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

#main_home > .container .zoneRussie ul {
  height: 100px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

#main_home > .container .listMap ul li {
  list-style-type: none;
  font-smooth: always;
}

@media screen and (max-width: 991px) {
    #main_home > .container .zoneRussie ul, #main_home > .container .zoneEurope ul, #main_home > .container .zoneAfrique ul, #main_home > .container .zoneOrient ul, #main_home > .container .zoneAsie ul{
       height: 265px;
       padding-left: 20px;
   }

   #main_home > .container .listMap li {
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
    line-height: 2.3em;
    font-size: 1.25em;
}
}

#main_home > .container .listMap ul li a {
    font-size: 1.04em;
    font-family: 'dincondBold';
    letter-spacing: 0.01em;
}

#main_home > .container .listMap ul li a:hover {
    cursor: pointer;
    color: #E60003;
}

/*---------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------- FICHE PRODUIT-------------------------------------------------------- */
.product_name {
    text-align: right;
    margin-bottom: 100px;
    padding: 0px;
}

.product_name h1 {
    color: #ffffff;
    text-transform: uppercase;
    background-color: #E60003;
    padding: 20px;
    margin: 0px;
    display: inline-block;
}

.product_name p {
    color: #ffffff;
    font-size: 42px;
    line-height: 1em;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #000000;
    padding: 20px;
}
.product_image {position:relative;}
.product_image_wrapper {padding:50px 15%; height:auto; margin-bottom:100px;}
.product_focus img {max-width:100%; }
@media screen and (max-width: 991px) {
    .product_focus img {max-width:100%; height:auto; margin:10% 0%;}
    .product_name p { font-size: 30px;}
    .product_image_wrapper {padding:0;}
}
.product_article {max-width:760px; margin:0 auto; margin-top:40px; margin-bottom:50px; text-align:center;}
.product_catchphrase {margin:0 auto;}
.product_article h2{ color:#E60003;}
.product_article h3{ color:#000000; padding:0 5px}
.product_article p {color:#000000; word-wrap: break-word; font-size:18px;}

.article_conteneur{max-width:1200px; margin:0 auto;}

/* article_conteneur */
.article_conteneur video {max-width:760px; max-height:475px;}
.article_conteneur .colMain {padding:20px;}

/* article_description */
.article_description h2 {color:#E60003;}
.article_description h4 {text-transform:uppercase; color:#000000; font-size:18px; font-weight:bold; margin:0px; padding-left:7px;}
.article_description h4:before {content:'???'; color:#e60003; font-size:200%; position:relative; top:5px; right:8px;}
.article_description p {color:#000000; font-weight:bold;font-size:16px;}
.article_description p{padding-left:20px;}
/* aside article */
.aside_product {background-color:#F5F5F5; border-left:10px solid #323232; text-align:left; padding:30px 20px; margin:20px 10px; color:#000000;}
.aside_product * {margin:0;}
.aside_product p {font-size:1.2em;}
.aside_product .notice-rslt {margin-top:25px; margin-left:0px;}
.aside_product .notice-rslt img {margin:0 0 5px 10px;}


/*---------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------- PAMPHLET ------------------------------------------------------------- */
.brochureBanner {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pmphlt_focus .notice-rslt {display:inline-block;}
.pmphlt_focus .pmphlt_tagline {display:inline-block; padding:0; right:5%; text-align: center;}
.pmphlt_img_focus {margin:80px 0; z-index:5; text-align:right; left:5%;}

.pmphlt_tagline h1 {margin:0; padding:20px 30px 20px 30px; background-color:#141414; text-align:right;}
@media screen and (max-width: 991px) {
    .pmphlt_tagline h1 {margin-top:80px; font-size:32px;}
    .pmphlt_img_focus {margin-top:60px; z-index:5; padding:0px;}
    .pmphlt_img_focus img {width:100%; height:100%; container:contain;}
}
.pmphlt_tagline p {margin:20px 0px 35px 200px; text-align:left; font-weight:bold; font-size:18px;}
.pmphlt_focus .notice-rslt img {margin-bottom:5px; padding:0 10px;}
.pmphlt_focus .focus_h1 {text-transform:uppercase; color:#ffffff;}
@media screen and (max-width: 991px) {
    .pmphlt_interactif {margin:25px 0 25px 150px;}
}
@media screen and (max-width: 767px) {
    .pmphlt_focus #notice_contener {text-align:center;}
    .pmphlt_tagline h1 {margin-top:60px; padding:0px; text-align:center; }
    .pmphlt_tagline p {margin-left:0px;}
    .pmphlt_pdf , .pmphlt_interactif {margin:25px 0px;}
}

/* section 2 */
.mainBrochure {max-width: 100%;}

.pmphlt {max-width: 1250px; text-align:center; margin:0 auto; padding-bottom:50px}
.pmphlt .listBrochure {display: inline-block;}
.pmphlt h2 {color:#E60003; padding: 40px 0 0;}
.pmphlt h3, .pmphlt p {color:#FFFFFF; padding:30px 10px; font-size:1.2em; max-width: 700px; margin: auto;}
.pmphlt h3 {padding:0;}
.ctlg {width:290px; height:410px; border:4px solid #141414; margin:5px; display:inline-block; background-position:center; background-size:cover;}
.ViewPDF, .DownloadPDF {position: relative; 
    width: 100%;
    height: 50%;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}
.ViewPDF img {height:20%; z-index:5; margin-bottom: 20px;}
.DownloadPDF img {height:25%; z-index:5; margin-bottom: 20px;}
.ViewPDF {border-bottom: 4px solid #ffffff}
.ctlg:hover .ViewPDF:hover, .ctlg:hover .DownloadPDF:hover {background-color: rgba(230, 0, 3, 0.9);}
.CallToAction_pmphlt {font-size:24px; font-weight:bold; color:#ffffff; text-transform:uppercase;}
.ctlg:hover .ViewPDF, .ctlg:hover .DownloadPDF {opacity:1; background-color: rgba(0, 0, 0, 0.6);}

/* section 3 */

.pmphlt_lst h2{ margin-top:50px; color:#E60003;}
.pmphlt_lst h3{ color:#000000; padding:0 5px}


/* PRODUCTS */
.product_focus{ height: 500px; margin-top: 70px; display: flex; flex-direction: row; align-items: center;}
.new_product{background-image: url("../img/design/degrade-fond.jpg"); background-repeat:repeat-x; min-height: 500px;}

/*---------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------- ARTICLE ------------------------------------------------------------- */

/* new product */
.product_highlight {max-width:1200px; text-align:center; margin:0 auto;}
.product_highlight h1 {font-size:42px; text-transform:uppercase; color:#e60003; font-weight:bold; margin-top:60px; margin-bottom:40px;}
.product_highlight h2 {font-size:38px; text-transform:uppercase; color:#e60003; font-weight:bold; margin:0;}
.product_highlight p {color:#000000; font-size:16px; font-weight:bold; margin:0px;}
@media screen and (max-width: 991px) {
    .product_highlight p {height:50px;}
}
.product_highlight figure img {max-width:80%; height:auto; max-height:150px; margin:0 auto;}
.product_highlight .product_highlight_conteneur {width:100%; height:150px; margin:20px 0;}
.product_highlight .tbhn {margin-bottom:30px;}
.new_product_tagline {width:100%; height:100px; font-size:24px; font-weight:bold; color:#000000; background-color:#F5F5F5;}
.new_product_tagline p {text-align:center; margin-top:30px;}
@media screen and (max-width: 767px) {
    .new_product_tagline p {margin-left: 5px; margin-right: 5px;}
}
.new_product_tagline .redText {color:#e60003;}
.product_highlight .bt {background-color:#141414; padding:10px 15px; border-radius: 4px;}

/* new product inner menu*/
.product_inner_menu {background-color:#323232;}
.product_inner_menu {background-color:#323232;}
.product_inner_menu ul {list-style:none; margin:0 auto; padding:0px; display:flex; justify-content:center;}
.product_inner_menu li {display:inline-block; margin:auto 0;}
.product_inner_menu li div {width:180px; height:60px; font-size:18px; font-weight:bold; text-transform:uppercase; background-color:#505050; margin:10px 5px; padding:10px 0; display:flex; flex-direction:row; align-items: center; text-align:center; vertical-align:top; transition:all 0.4s;}
.wide.product_inner_menu li div {height:80px; margin:80px 5px; padding:20px 0;}
.product_inner_menu .product_highlight p {color:#ffffff; text-align:left;}
.product_inner_menu li img {max-width: 40px; max-height:100%; margin:0px 15px; }
.product_inner_menu li div:hover, .product_inner_menu li div.active {background-color:#e60003;}

@media screen and (max-width: 991px) {
    .product_inner_menu ul {display:inline-block;}
    .wide.product_inner_menu li div {height: 70px; margin: 5px 3px; align-items: initial; }
    .product_inner_menu li img  {padding-left: 10px; max-width: 50px; max-height: 85%; margin: 0;}
    .product_inner_menu .product_highlight p {width: 60%; float: right;}
    .product_inner_menu li div {display:inline-block;}
}

/* gamme produit */
.gamme_produit_background {background-color:#141414; padding-top:100px;}
.gamme_produit {height:310px; max-width:295px; border:2.5px solid #141414; padding:15px; text-align:center; background-color:#222; margin:0 auto; display: none;}
.gamme_produit p {color:#ffffff;}
.gamme_produit figure img {max-width:80%; height:auto; max-height:140px; margin:0 auto; filter:drop-shadow(0 2px 8px #000);}
@media screen and (max-width: 991px) {
    .gamme_produit .product_highlight_conteneur {max-width:50%; height:auto; height:140px; margin:0 auto;}
}

@media screen and (max-width: 767px) {
    .gamme_produit {float:none;}
}

.gamme_produit .product_highlight_conteneur {max-height:140px;}

.gamme_produit .bt {color:#ffffff; background-color:transparent; text-transform:uppercase; transition: all 0.2s;}
.gamme_produit:hover .bt {background-color:#e60003; letter-spacing: 2px;}
.gamme_produit:hover .bt::after {content: url(../images/Fleche_bouton.png);}

.cta_gamme span {color:#ffffff; text-transform:uppercase;  margin:20px 0 100px 0; }
.cta_gamme a .bt {background-color:#323232;}
.cta_gamme a .bt:hover {background-color:#E60003;}
.cta_gamme a .bt:hover::after {content: url(../images/Fleche_bouton.png);}



.custom-iw .gm-style-iw {
  top:15px !important;
  left:0 !important;
  border-radius:2px;
}
.custom-iw>div:first-child>div:nth-child(2) {
  display:none;
}
.custom-iw .gm-style-iw, .custom-iw .gm-style-iw>div, .custom-iw .gm-style-iw>div>div {
  width:100% !important;
  max-width:100% !important;
}
/** set here the width **/
.custom-iw, .custom-iw>div:first-child>div:last-child {
  width:342px !important;
}
.custom-iw>div:first-child>div:last-child {
  left:0 !important;
  top:0px;
  box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 6px;
  z-index:-1 !important;
}
/** set here the desired background-color **/
#div-main-infoWindow, .custom-iw>div:first-child>div:nth-child(n-1)>div>div, .custom-iw>div>div:last-child, .custom-iw .gm-style-iw, .custom-iw .gm-style-iw>div, .custom-iw .gm-style-iw>div>div {
  background-color:black !important;
}
/** close-button **/
.custom-iw>div:last-child {
  top:1px !important;
  right:0 !important;
}
/** padding of the content **/
#div-main-infoWindow {
  padding:6px;
}

.buttonload {
    margin-left:-14px!important;
    background-color: transparent;
    border: none;
    color: white; 
    font-size: 16px;
    padding-left: 10px;
    padding-top: 7px;
    display:none;
}