/*
Theme Name: hercules
Theme URI:
Author: Payen Xavier
Description: Ce théme est dépendant des plugin GUILLEMOT "product-library" & "contactus-mgr".
Version: 1.41
Text Domain: hercules
*/

/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigation
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Widgets
 * 11.0 - Content
 *    11.1 - Header
 *    11.2 - Posts and pages
 *    11.3 - Post Formats
 *    11.4 - Comments
 *    11.5 - Sidebar
 *    11.6 - Footer
 * 12.0 -  Media
 *    12.1 - Captions
 *    12.2 - Galleries
 * 13.0 - Multisite
 * 14.0 - Media Queries
 *    14.0 - Smartphone
          14.1 - <= 480px
 *    14.2 - <= 979px
 *    14.3 - >= 980px
 *    14.4 - >= 985px
 *    14.5 - >= 1200px
 */

/**
 * 1.0 Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */

 html {
    font-family: Arial, sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: 700;
}

dfn {
    font-style: italic;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: Arial, sans-serif;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button,
select {
    text-transform: none;
}

button {
    overflow: visible;
}

button,
input,
select,
textarea {
    max-width: 100%;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
    opacity: .5;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    margin-right: 0.4375em;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #e8e8e8;
    margin: 0 0 1.75em;
    padding: 0.875em;
}

fieldset > :last-child {
    margin-bottom: 0;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}


/**
 * 2.0 Genericons
 */

.menu-item-has-children a:after,
.social-navigation a:before,
.dropdown-toggle:after,
.bypostauthor > article .fn:after,
.comment-reply-title small a:before,
.pagination .prev:before,
.pagination .next:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-family: "Genericons";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    speak: none;
    text-align: center;
    text-decoration: inherit;
    text-transform: none;
    vertical-align: top;
}


/**
 * 3.0 Typography
 */
/*
@font-face {
   font-family: 'crillee';
   src: url('./fonts/crillee-light.eot');
   src: url('./fonts/crillee-light.eot?#iefix') format('embedded-opentype'),
        url('./fonts/crillee-light.woff') format('woff'),
        url('./fonts/crillee-light.ttf') format('truetype');
   font-weight: 100;
   font-style: normal;

}
@font-face {
   font-family: 'crillee';
   src: url('./fonts/crillee.eot');
   src: url('./fonts/crillee.eot?#iefix') format('embedded-opentype'),
        url('./fonts/crillee.woff') format('woff'),
        url('./fonts/crillee.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}*/

body,
button,
input,
select,
textarea {
    color: #1a1a1a;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.75;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    -webkit-font-variant-ligatures: common-ligatures;
    font-variant-ligatures: common-ligatures;
    text-rendering: optimizeLegibility;
    font-weight: 700;
    margin: 0;
    font-family: Arial, sans-serif;
}

p {
    margin: 0 0 1.75em;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    border-color: #1a1a1a;
    border-style: solid;
    border-width: 0 0 0 4px;
    color: #757575;
    font-size: 19px;
    font-size: 1.1875rem;
    font-style: italic;
    line-height: 1.4736842105;
    margin: 0 0 1.4736842105em;
    padding: 0 0 0 1.263157895em;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote p {
    margin-bottom: 1.4736842105em;
}

blockquote > p:last-child {
    margin-bottom: 0;
}

blockquote cite,
blockquote small {
    color: #1a1a1a;
    display: block;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.75;
}

blockquote cite:before,
blockquote small:before {
    content: "\2014\00a0";
}

blockquote em,
blockquote i,
blockquote cite {
    font-style: normal;
}

blockquote strong,
blockquote b {
    font-weight: 400;
}

address {
    font-style: italic;
    margin: 0 0 1.75em;
}

code,
kbd,
tt,
var,
samp,
pre {

}

pre {
    border: 1px solid #e8e8e8;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.3125;
    margin: 0 0 1.75em;
    max-width: 100%;
    overflow: auto;
    padding: 1.75em;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

abbr,
acronym {
    border-bottom: 1px dotted #e8e8e8;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}


/**
 * 4.0 Elements
 */

html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body {
    background: #000;
    overflow-y: scroll;
    overflow-x: hidden;
}

hr {
    background-color: #e8e8e8;
    border: 0;
    height: 1px;
    margin-bottom: 1.75em;
}

ul,
ol {
    margin: 0 0 1.75em 1.25em;
    padding: 0;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
    margin-left: 1.5em;
}

li > ul,
li > ol {
    margin-bottom: 0;
}

dl {
    margin: 0 0 1.75em;
}

dt {
    font-weight: 700;
}

dd {
    margin: 0 0 1.75em;
}

img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
    vertical-align: middle;
}

del {
    opacity: 0.8;
}

table,
th,
td {
	border: 1px solid #e8e8e8;
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 1.75em;
	table-layout: fixed;
	/* Prevents HTML tables from becoming too wide */
	width: 100%;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

th {
	border-width: 0 1px 1px 0;
	font-weight: 700;
}

td {
	border-width: 0 1px 1px 0;
}

th,
td {
    padding: 0.4375em;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
    color: #757575;

}

:-moz-placeholder {
    color: #757575;

}

::-moz-placeholder {
    color: #757575;
    opacity: 1;
    /* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
    color: #757575;
}

#wpadminbar{
    opacity: 0.8;
}
span.edit-link {
    display: none;
}

/**
 * 5.0 Forms
 */

button,
button[disabled]:hover,
button[disabled]:focus,
input[type="button"],
input[type="button"][disabled]:hover,
input[type="button"][disabled]:focus,
input[type="reset"],
input[type="reset"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="submit"],
input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:focus {
    border: 2px solid #007acc;
    border-radius: 2px;
    background: #007acc;
    background-color: rgb(0, 122, 204);
    color: #fff;
    font-weight: 700;
    line-height: 0.85;
    padding: 0.75em 0.875em 0.625em;
    text-transform: uppercase;

}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
    background: transparent;
    color: #007acc;
    outline: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	background-color: #ffffff;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    border: 1px solid #e8e8e8;
    border-radius: 2px;
    color: #757575;
    padding: 0.375em 0.4375em;
    width: 100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    background-color: #fff;
    border-color: #007acc;
    color: #1a1a1a;
    outline: 0;
}

.post-password-form {
    margin-bottom: 1.75em;
}

.post-password-form label {
    color: #757575;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.6153846154;
    display: block;
    margin-bottom: 1.75em;
    text-transform: uppercase;
}

.post-password-form input[type="password"] {
    margin-top: 0.4375em;
}

.post-password-form > :last-child {
    margin-bottom: 0;
}

.search-form input[type="submit"],
.widget .search-form input[type="submit"] {
    padding: 0;
}


/**
 * 6.0 Navigation
 */

/**
 * 6.1 - Links
 */

a {
    color: red;
    text-decoration: none;
}

a:hover,
a:focus,
a:active {
    color: #757575;
}

a:focus {
    outline: thin dotted;
}

a:hover,
a:active {
    outline: 0;
}

.entry-intro a,
.entry-content a,
.entry-summary a,
.page-content a,
.taxonomy-description a,
.logged-in-as a,
.comment-content a,
.pingback .comment-body > a,
.textwidget a,
.entry-footer a:hover,
.site-info a:hover {
    box-shadow: 0 1px 0 0 currentColor;
}

.entry-intro a:hover,
.entry-intro a:focus,
.entry-content a:hover,
.entry-content a:focus,
.entry-summary a:hover,
.entry-summary a:focus,
.page-content a:hover,
.page-content a:focus,
.taxonomy-description a:hover,
.taxonomy-description a:focus,
.logged-in-as a:hover,
.logged-in-as a:focus,
.comment-content a:hover,
.comment-content a:focus,
.pingback .comment-body > a:hover,
.pingback .comment-body > a:focus,
.textwidget a:hover,
.textwidget a:focus {
    box-shadow: none;
}


/**
 * 6.2 - Menus
 */

.site-header-menu {
    display: none;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    margin: 0.875em 0;
}

.site-header-menu.toggled-on,
.no-js .site-header-menu {
    display: block;
}

.main-navigation {

}

.site-footer .main-navigation {
    margin-bottom: 1.75em;
}

.main-navigation ul {
    list-style: none;
    margin: 0;
}

.main-navigation li {
    position: relative;
    border-width: 0px 1px 0px 0px !important;
    border-style: solid !important;
    border-image: linear-gradient(to bottom, #444, rgba(0, 0, 0, 0)) 1 100% !important;
    padding: 0px 0.2em;
    text-align: center;
    /*width: 16%;*/
}
.main-navigation li:last-child{
    border: none !important;
}
.main-navigation a {
    color: #FFF;
    display: block;
    line-height: 1em;
    font-size: 1em;
    font-family: Arial Bold, sans-serif;
    font-style: normal;
    font-weight: 500;
}

.main-navigation a:hover,
.main-navigation a:focus {
    color: red;
    width: auto;
}

.main-navigation li:hover,
.main-navigation li:focus {
    padding: 0;
}

.main-navigation .current-menu-item,
.main-navigation .current_page_ancestor{
    color: red;
}

.main-navigation ul ul {
    display: none;
    margin-left: 0.875em;
    width: 100%;
}

.no-js .main-navigation ul ul {
    display: block;
}

.main-navigation ul .toggled-on {
    display: block;
}

.main-navigation .primary-menu {
    border-bottom: 1px solid #e8e8e8;
}

.main-navigation .sub-menu li{
    background : #222;
    border: none;
    /*width: initial;*/
    text-align: left;
    width: 100%;
}

.main-navigation .menu-item-has-children > a {
    padding-right: 48px;
}

.dropdown-toggle {
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 0;
    color: #1a1a1a;
    content: "";
    height: 50px;
    padding: 0;
    position: absolute;
    text-transform: none;
    top: -1px;
    right: 0;
    width: 50px;
}

.dropdown-toggle:after {
    content: "\f431";
    font-size: 24px;
    line-height: 48px;
    position: relative;
    top: 0;
    left: 1px;
    width: 48px;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
    background-color: #fff;
    border-color: #007acc;
    color: #007acc;
    z-index: 1;
}

.dropdown-toggle.toggled-on,
.dropdown-toggle.toggled-on:hover,
.dropdown-toggle.toggled-on:focus {
    background-color: #1a1a1a;
    border-color: #1a1a1a;
    color: #fff;
    z-index: 1;
}

.dropdown-toggle.toggled-on:after {
    content: "\f432";
}

.site-header .main-navigation + .social-navigation {
    margin-top: 1.75em;
}

.site-footer .social-navigation {
    margin-bottom: 1.75em;
}

.social-navigation ul {
    list-style: none;
    margin: 0 0 -0.4375em;
}

.social-navigation li {
    float: left;
    margin: 0 0.4375em 0.4375em 0;
}

.social-navigation a {
    border: 1px solid #e8e8e8;
    border-radius: 50%;
    display: block;
    height: 35px;
    position: relative;
    width: 35px;
}

.social-navigation a:before {
    color: #1a1a1a;
    content: "\f415";
    height: 33px;
    line-height: 33px;
    text-align: center;
    width: 33px;
}

.social-navigation a:hover:before,
.social-navigation a:focus:before {
    color: #007acc;
}

.social-navigation a[href*="codepen.io"]:before {
    content: "\f216";
}

.social-navigation a[href*="digg.com"]:before {
    content: "\f221";
}

.social-navigation a[href*="dribbble.com"]:before {
    content: "\f201";
}

.social-navigation a[href*="dropbox.com"]:before {
    content: "\f225";
}

.social-navigation a[href*="facebook.com"]:before {
    content: "\f203";
}

.social-navigation a[href*="flickr.com"]:before {
    content: "\f211";
}

.social-navigation a[href*="foursquare.com"]:before {
    content: "\f226";
}

.social-navigation a[href*="plus.google.com"]:before {
    content: "\f206";
}

.social-navigation a[href*="github.com"]:before {
    content: "\f200";
}

.social-navigation a[href*="instagram.com"]:before {
    content: "\f215";
}

.social-navigation a[href*="linkedin.com"]:before {
    content: "\f208";
}

.social-navigation a[href*="path.com"]:before {
    content: "\f219";
}

.social-navigation a[href*="pinterest.com"]:before {
    content: "\f210";
}

.social-navigation a[href*="getpocket.com"]:before {
    content: "\f224";
}

.social-navigation a[href*="polldaddy.com"]:before {
    content: "\f217";
}

.social-navigation a[href*="reddit.com"]:before {
    content: "\f222";
}

.social-navigation a[href*="skype.com"]:before {
    content: "\f220";
}

.social-navigation a[href*="stumbleupon.com"]:before {
    content: "\f223";
}

.social-navigation a[href*="tumblr.com"]:before {
    content: "\f214";
}

.social-navigation a[href*="twitter.com"]:before {
    content: "\f202";
}

.social-navigation a[href*="vimeo.com"]:before {
    content: "\f212";
}

.social-navigation a[href*="wordpress.com"]:before,
.social-navigation a[href*="wordpress.org"]:before {
    content: "\f205";
}

.social-navigation a[href*="youtube.com"]:before {
    content: "\f213";
}

.social-navigation a[href*="mailto:"]:before {
    content: "\f410";
}

.social-navigation a[href*="spotify.com"]:before {
    content: "\f515";
}

.social-navigation a[href*="twitch.tv"]:before {
    content: "\f516";
}

.social-navigation a[href$="/feed/"]:before {
    content: "\f413";
}

.post-navigation {
    border-top: 4px solid #1a1a1a;
    border-bottom: 4px solid #1a1a1a;
    clear: both;
    margin: 0 7.6923% 3.5em;
}

.post-navigation a {
    color: #1a1a1a;
    display: block;
    padding: 1.75em 0;
}

.post-navigation span {
    display: block;
}

.post-navigation .meta-nav {
    color: #757575;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.6153846154;
    margin-bottom: 0.5384615385em;
    text-transform: uppercase;
}

.post-navigation .post-title {
    display: inline;
    font-size: 23px;
    font-size: 1.4375rem;
    -webkit-font-variant-ligatures: common-ligatures;
    font-variant-ligatures: common-ligatures;
    font-weight: 700;
    line-height: 1.2173913043;
    text-rendering: optimizeLegibility;
}

.post-navigation a:hover .post-title,
.post-navigation a:focus .post-title {
    color: #007acc;
}

.post-navigation div + div {
    border-top: 4px solid #1a1a1a;
}

.pagination {
    border-top: 4px solid #1a1a1a;
    font-size: 19px;
    font-size: 1.1875rem;
    margin: 0 7.6923% 2.947368421em;
    min-height: 56px;
}

.pagination a:hover,
.pagination a:focus {
    color: #1a1a1a;
}

.pagination .nav-links {
    padding-right: 106px;
    position: relative;
}

/* reset screen-reader-text */
.pagination .current .screen-reader-text {
    position: static !important;
}

.pagination .page-numbers {
    display: none;
    font-weight: 700;
    line-height: 1;
    margin: 0 0.7368421053em 0 -0.7368421053em;
    padding: 0.8157894737em 0.7368421053em 0.3947368421em;
    text-transform: uppercase;
}

.pagination .current {
    display: inline-block;
}

.pagination .prev,
.pagination .next,
.pagination .nav-links:before {
    background-color: #1a1a1a;
    color: #fff;
    display: inline-block;
    height: 52px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 0;
    width: 52px;
    z-index: 1;
}

.pagination .nav-links:before {
    content: "";
    right: 0;
}

.pagination .prev:before,
.pagination .next:before {
    font-size: 32px;
    height: 52px;
    line-height: 52px;
    position: relative;
    width: 52px;
}

.pagination .prev:hover,
.pagination .prev:focus,
.pagination .next:hover,
.pagination .next:focus {
    background-color: #007acc;
    color: #fff;
}

.pagination .prev:focus,
.pagination .next:focus {
    outline: 0;
}

.pagination .prev {
    right: 54px;
}

.pagination .prev:before {
    content: "\f430";
    left: -1px;
    top: -1px;
}

.pagination .next {
    right: 0;
}

.pagination .next:before {
    content: "\f429";
    right: -1px;
    top: -1px;
}

.image-navigation,
.comment-navigation {
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    color: #757575;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.6153846154;
    margin: 0 7.6923% 2.1538461538em;
    padding: 1.0769230769em 0;
}

.comment-navigation {
    border-bottom: 0;
    margin: 0;
}

.image-navigation .nav-previous:not(:empty),
.image-navigation .nav-next:not(:empty),
.comment-navigation .nav-previous:not(:empty),
.comment-navigation .nav-next:not(:empty) {
    display: inline-block;
}

.image-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before,
.comment-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before {
    content: "\002f";
    display: inline-block;
    opacity: 0.7;
    padding: 0 0.538461538em;
}


/**
 * 7.0 Accessibility
 */

/* Text meant only for screen readers */
.says,
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
}

/* must have higher specificity than alternative color schemes inline styles */
.site .skip-link {
    background-color: #f1f1f1;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: 700;
    left: -9999em;
    outline: none;
    padding: 15px 23px 14px;
    text-decoration: none;
    text-transform: none;
    top: -9999em;
}

.logged-in .site .skip-link {
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
}

.site .skip-link:focus {
    clip: auto;
    height: auto;
    left: 6px;
    top: 7px;
    width: auto;
    z-index: 100000;
}


/**
 * 8.0 Alignments
 */

.alignleft {
    display: inline;
    float: left;
    margin: 0.375em 1.75em 1.75em 0;
}

.alignright {
    display: inline;
    float: right;
    margin: 0.375em 0 1.75em 1.75em;
}

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto 1.75em;
}

blockquote.alignleft {
    margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
}

blockquote.alignright {
    margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
}

blockquote.aligncenter {
    margin-bottom: 1.473684211em;
}


/**
 * 9.0 Clearings
 */

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-summary:before,
.entry-summary:after,
.entry-intro:before,
.entry-intro:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
article[class^="post-"]:before,
article[class^="post-"]:after,
.primary-menu:before,
.primary-menu:after,
.social-links-menu:before,
.social-links-menu:after,
.textwidget:before,
.textwidget:after,
.content-bottom-widgets:before,
.content-bottom-widgets:after {
    content: "";
    display: table;
}

.clear:after,
.entry-content:after,
.entry-summary:after,
.entry-intro:after,
.comment-content:after,
.site-content:after,
.site-footer:after,
article[class^="post-"]:after,
.primary-menu:after,
.social-links-menu:after,
.textwidget:after,
.content-bottom-widgets:after {
    clear: both;
}


/**
 * 10.0 Widgets
 */

.widget {
    border-top: 4px solid #1a1a1a;
    padding: 1.75em 0 3.5em;
    word-wrap: break-word;
}

.widget > :last-child {
    margin-bottom: 0;
}

.widget .widget-title {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.3125;
    margin: 0 0 1.75em;
    text-transform: uppercase;
}

.widget .widget-title:empty {
    margin-bottom: 0;
}

.widget-title a {
    color: #1a1a1a;
}

/* Calendar widget */
.widget.widget_calendar table {
    margin: 0;
}

.widget_calendar td,
.widget_calendar th {
    line-height: 2.5625;
    text-align: center;
    padding: 0;
}

.widget_calendar caption {
    font-weight: 900;
    margin-bottom: 1.75em;
}

.widget_calendar tbody a {
    background-color: #007acc;
    color: #fff;
    display: block;
    font-weight: 700;
}

.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
    background-color: #757575;
    color: #fff;
}

/* Recent Posts widget */
.widget_recent_entries .post-date {
    color: #757575;
    display: block;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.615384615;
    margin-bottom: 0.538461538em;
}

.widget_recent_entries li:last-child .post-date {
    margin-bottom: 0;
}

/* RSS widget */
.widget_rss .rsswidget img {
    margin-top: -0.375em;
}

.widget_rss .rss-date,
.widget_rss cite {
    color: #757575;
    display: block;
    font-size: 13px;
    font-size: 0.8125rem;
    font-style: normal;
    line-height: 1.615384615;
    margin-bottom: 0.538461538em;
}

.widget_rss .rssSummary:last-child {
    margin-bottom: 2.1538461538em;
}

.widget_rss li:last-child :last-child {
    margin-bottom: 0;
}

/* Tag Cloud widget */
.tagcloud a {
    border: 1px solid #e8e8e8;
    border-radius: 2px;
    display: inline-block;
    font-size: inherit !important;
    line-height: 1;
    margin: 0 0.1875em 0.4375em 0 !important;
    padding: 0.5625em 0.4375em 0.5em;
}

.tagcloud a:hover,
.tagcloud a:focus {
    border-color: #007acc;
    color: #007acc;
}


/**
 * 11.0 Content
 */


.site {
    background-color: #fff;
}

.site-inner {
    margin: 0 auto;
    /*max-width: 1320px;*/
    position: relative;
}


/**
 * 11.1 - Header
 */

.site-header {
    /*padding: 2.625em 7.6923%;*/
    display: inline-block;
    /*background-color: #222;*/
    width: 50%;
    position: fixed;
    z-index: 10;
    top: 0;

}

.site-header-main {
    /*-webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;*/
    /*display: -webkit-flex;
    display: -ms-flexbox;*/
    /*display: inline-block;*/
    /*-webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;*/
    /*line-height: initial !important;*/
    /*line-height: 1.49;/* IE */
    z-index: 11;
    line-height: 0; /* IE */

}

.site-banner{
    position: fixed;
    width: 100%;
    height: 6em;
    background-color: #000;
}

.site-banner-center{
    width: 1080px;
    margin: 0px auto;
}

.site-branding {
    margin : 0 !important;
    width: 1080px;
    position: absolute;
}

.site-title {
    display: none;
}

.site-title a {
    color: #1a1a1a;
}

.site-title a:hover,
.site-title a:focus {
    color: #007acc;
}

.site-description {
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 0;
    color: #EEE;
    font-size: 1.333em;
    width: 50%;
    text-align:center;
    margin: 0 auto!important;
    z-index: 1;
    position: relative;
    top: 6vh;

}

.menu-toggle {
    background-color: transparent;
    border: none;
    /*color: #1a1a1a;
    font-size: 13px;
    font-size: 0.8125rem;
    margin: 1.076923077em 0;
    padding: 0.769230769em;*/
}
/*#menu-toggle:before{
        content:"\f0c9";
        font-family:'FontAwesome';
        color: #FFFFFF;
        font-size: 2em;
}*/


.no-js .menu-toggle {
    display: none;
}

.menu-toggle:hover,
.menu-toggle:focus {
    border-color: #007acc;
}

.menu-toggle.toggled-on,
.menu-toggle.toggled-on:hover,
.menu-toggle.toggled-on:focus {
    border-color: #1a1a1a;
    color: #fff;
}

.header-image {
    clear: both;
    width: 300px;
    margin: 1em 0 !important;
    display: block;
    float: left;
}

.header-image a {
    display: block;
    margin-top: 0.5em;
}

.header-widget {
    display: inline-block;
    z-index: 1100;
    float: right;
    padding-top: 1em;
}

#widget_search_form {
    display: inline;
}

.header-widget aside.widget_search{
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 200px);
    width: 460px;
    height: 40px;
    z-index: 999;
}
.header-widget aside.widget_search input.search-field{
    color: #000000;
    background-color: #FFFFFF;
    border: none;
    width: 0px;
    visibility: hidden;
    right: 40px;
}
.header-widget aside.widget_search input.search-submit{
    background-color: #ffffff;
    width: 0px;
    height: 40px;
    position: relative !important;
    left: -50px;
    text-align: center;
    padding: 0;
    border: none;
    color: gray;
    visibility: hidden;
}

.header-widget aside.widget_search input.search-field.open{
    width: 380px;
    visibility: visible;
    transition: width 500ms ease-out;
}
.header-widget aside.widget_search input.search-submit.open{
    width: 32px;
    visibility: visible;
    transition: width 800ms ease-in;
}
.header-widget aside.widget_search button.search-open{
    position: absolute;
    color: #FFFFFF;
    background-color: #000000;
    border: none;
    font-size: 32px;
    padding: 0;
    width: 40px;
    height: 40px;
    display: inline;
    cursor: pointer;
    clip: auto;
    text-align: right;
    right: 0;
}

.header-widget aside.widget_polylang{
}
.header-widget aside.widget_polylang:before {
    content:"\f0ac";
    font-family:'FontAwesome';
    color: #FFFFFF;
    font-size: 1.5em;
    padding: 0.2em;
}
.header-widget aside.widget_platform_choice:before {
    content:"\f11b";
    font-family:'FontAwesome';
    color: #FFFFFF;
    font-size: 1.5em;
    padding: 0em;
}

.header-widget aside.widget_polylang select::-ms-expand,
.header-widget aside.widget_platform_choice select::-ms-expand{
    display: none;
}

.header-widget aside.widget_polylang select,
.header-widget aside.widget_platform_choice select{
    width: 10.5em;
    margin-top: 0.5em;
    font-size: 1em;
    color: #FFFFFF;
    border: none;
    background: #000000;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-right: 5em;
}




/**
 * 11.2 - Posts and pages
 */

article[class^="post-"] {
    padding: 3.5em 0;
    position: relative;
}

.site-main{
    width: 85%;
    margin: 0px auto;
}

.site-main > article[class^="post-"]:first-child {
    padding-top: 0;
}

.entry-header,
.entry-footer,
.page-content,
.entry-content,
.entry-summary {
    margin-right: 7.6923%;
    margin-left: 7.6923%;
}

.entry-title {
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 1em;
}

.entry-title a {
    color: #1a1a1a;
}

.entry-title a:hover,
.entry-title a:focus {
    color: #007acc;
}

.post-thumbnail {
    display: block;
    margin: 0 7.6923% 1.75em;
}

.post-thumbnail img {
    display: block;
    margin: 0 auto;
}

a.post-thumbnail:hover,
a.post-thumbnail:focus {
    opacity: 0.85;
}

.entry-intro {
    color: #757575;
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.4736842105;
    margin: 0 7.6923% 1.4736842105em;
    word-wrap: break-word;
}

.entry-header + .entry-intro {
    margin-top: -0.368421053em
}

.entry-intro > :last-child {
    margin-bottom: 0;
}

.entry-intro p,
.entry-intro address,
.entry-intro hr,
.entry-intro ul,
.entry-intro ol,
.entry-intro dl,
.entry-intro dd,
.entry-intro table {
    margin-bottom: 1.4736842105em;
}

.entry-intro li > ul,
.entry-intro li > ol {
    margin-bottom: 0;
}

.entry-intro th,
.entry-intro td {
    padding: 0.3684210526em;
}

.entry-intro fieldset {
    margin-bottom: 1.4736842105em;
    padding: 0.3684210526em;
}

.entry-intro .alignleft {
    margin: 0.2631578947em 1.4736842105em 1.2105263158em 0;
}

.entry-intro .alignright {
    margin: 0.2631578947em 0 1.4736842105em 1.2105263158em;
}

.entry-intro .aligncenter {
    margin-bottom: 1.4736842105em;
}

.entry-content,
.entry-summary,
.entry-intro,
.page-content,
.comment-content,
.textwidget {
    word-wrap: break-word;
}

.entry-content h1,
.entry-summary h1,
.entry-intro h1,
.page-content h1,
.comment-content h1,
.textwidget h1 {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.25;
    margin-top: 2em;
    margin-bottom: 1em;
}

.entry-content h2,
.entry-summary h2,
.entry-intro h2,
.page-content h2,
.comment-content h2,
.textwidget h2 {
    font-size: 23px;
    font-size: 1.4375rem;
    line-height: 1.2173913043;
    margin-top: 2.4347826087em;
    margin-bottom: 1.2173913043em;
}

.entry-content h3,
.entry-summary h3,
.entry-intro h3,
.page-content h3,
.comment-content h3,
.textwidget h3 {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.1052631579;
    margin-top: 2.9473684211em;
    margin-bottom: 1.4736842105em;
}

.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.entry-intro h4,
.entry-intro h5,
.entry-intro h6,
.page-content h4,
.page-content h5,
.page-content h6,
.comment-content h4,
.comment-content h5,
.comment-content h6,
.textwidget h4,
.textwidget h5,
.textwidget h6 {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.3125;
    margin-top: 3.5em;
    margin-bottom: 1.75em;
}

.entry-content h4,
.entry-summary h4,
.entry-intro h4,
.page-content h4,
.comment-content h4,
.textwidget h4 {
    letter-spacing: 0.13333em;
    text-transform: uppercase;
}

.entry-content h6,
.entry-summary h6,
.entry-intro h6,
.page-content h6,
.comment-content h6,
.textwidget h6 {
    font-style: italic;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h1,
.entry-summary h2,
.entry-summary h3,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.entry-intro h1,
.entry-intro h2,
.entry-intro h3,
.entry-intro h4,
.entry-intro h5,
.entry-intro h6,
.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6,
.comment-content h1,
.comment-content h2,
.comment-content h3,
.comment-content h4,
.comment-content h5,
.comment-content h6,
.textwidget h1,
.textwidget h2,
.textwidget h3,
.textwidget h4,
.textwidget h5,
.textwidget h6 {
    font-weight: 900;
}

.entry-content h1:first-child,
.entry-content h2:first-child,
.entry-content h3:first-child,
.entry-content h4:first-child,
.entry-content h5:first-child,
.entry-content h6:first-child,
.entry-summary h1:first-child,
.entry-summary h2:first-child,
.entry-summary h3:first-child,
.entry-summary h4:first-child,
.entry-summary h5:first-child,
.entry-summary h6:first-child,
.entry-intro h1:first-child,
.entry-intro h2:first-child,
.entry-intro h3:first-child,
.entry-intro h4:first-child,
.entry-intro h5:first-child,
.entry-intro h6:first-child,
.page-content h1:first-child,
.page-content h2:first-child,
.page-content h3:first-child,
.page-content h4:first-child,
.page-content h5:first-child,
.page-content h6:first-child,
.comment-content h1:first-child,
.comment-content h2:first-child,
.comment-content h3:first-child,
.comment-content h4:first-child,
.comment-content h5:first-child,
.comment-content h6:first-child,
.textwidget h1:first-child,
.textwidget h2:first-child,
.textwidget h3:first-child,
.textwidget h4:first-child,
.textwidget h5:first-child,
.textwidget h6:first-child {
    margin-top: 0;
}

.entry-content > :last-child,
.entry-summary > :last-child,
.entry-intro > :last-child,
.page-content > :last-child,
.comment-content > :last-child,
.textwidget > :last-child {
    margin-bottom: 0;
}

.more-link {
    white-space: nowrap;
}

.author-info {
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    clear: both;
    margin-top: 1.75em;
    padding-top: 1.75em;
    padding-bottom: 1.75em;
}

.author-avatar .avatar {
    float: left;
    height: 42px;
    margin: 0 1.75em 1.75em 0;
    width: 42px;
}

.author-description {
    word-wrap: break-word;
}

.author-description > :last-child {
    margin-bottom: 0;
}

.entry-content .author-title {
    clear: none;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.75;
    margin: 0;
}

.author-bio {
    overflow: hidden;
    color: #757575;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.6153846154;
    margin-bottom: 1.6153846154em;
    word-wrap: break-word;
}

.author-link {
    white-space: nowrap;
}

.entry-footer {
    color: #757575;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.6153846154;
    margin-top: 2.1538461538em;
}

.entry-footer:empty {
    margin: 0;
}

.entry-footer a {
    color: #757575;
}

.entry-footer a:hover,
.entry-footer a:focus {
    color: #007acc;
}

.entry-footer > span:not(:last-child):after {
    content: "\002f";
    display: inline-block;
    opacity: 0.7;
    padding: 0 0.538461538em;
}

.entry-footer .avatar {
    margin: -0.1538461538em 0.5384615385em 0 0;
    height: 21px;
    width: 21px;
}

.sticky-post {
    color: #757575;
    display: block;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.6153846154;
    margin-bottom: 0.5384615385em;
    text-transform: uppercase;
}

.sticky .posted-on,
.byline,
.updated:not(.published) {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline;
}

.page-header {
    margin: 0 7.6923%;
}

body:not(.error404):not(.search-no-results) .page-header {
    border-top: 4px solid #1a1a1a;
    padding-top: 1.75em;
}

.page-title {
    font-size: 23px;
    font-size: 1.4375rem;
    line-height: 1.2173913043;
}

.taxonomy-description {
    color: #757575;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.6153846154;
}

.taxonomy-description p {
    margin: 0.5384615385em 0 1.6153846154em;
}

.taxonomy-description > :last-child {
    margin-bottom: 0;
}

.page-content {
    padding: 3.5em 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.75em;
}

.page-links a,
.page-links > span {
    border: 1px solid #e8e8e8;
    border-radius: 2px;
    display: inline-block;
    font-size: 13px;
    font-size: 0.8125rem;
    height: 1.8461538462em;
    line-height: 1.6923076923em;
    margin-right: 0.3076923077em;
    text-align: center;
    width: 1.8461538462em;
}

.page-links a {
    background-color: #1a1a1a;
    border-color: #1a1a1a;
    color: #fff;
}

.page-links a:hover,
.page-links a:focus {
    background-color: #007acc;
    border-color: transparent;
    color: #fff;
}

.page-links > .page-links-title {
    border: 0;
    color: #1a1a1a;
    height: auto;
    margin: 0;
    padding-right: 0.6153846154em;
    width: auto;
}

.entry-attachment {
    margin-bottom: 1.75em;
}

.type-attachment .entry-title {
    word-wrap: break-word;
}

.entry-caption {
    color: #757575;
    font-size: 13px;
    font-size: 0.8125rem;
    font-style: italic;
    line-height: 1.6153846154;
    padding-top: 1.0769230769em;
    word-wrap: break-word;
}

.entry-caption > :last-child {
    margin-bottom: 0;
}

.content-bottom-widgets {
    margin: 0 7.6923%;
}

/*home */
div.welcome-text{
    position: relative;
    width: 100%;
    margin: 2em auto;
    text-align: center;
    font-family: Arial, sans-serif !important;
}
div.welcome-text h1{
    position: relative;
    font-size: 40px;
    font-weight: 400;
    -webkit-animation: fromright 4s;
    -moz-animation: fromright 4s;
    -o-animation: fromright 4s;
    animation: fromright 4s;
}
div.welcome-text h2{
    position: relative;
    font-size: 25px;
    margin: 0.5em;
    font-weight: 400;
    -webkit-animation: fromleft 4s;
    -moz-animation: fromleft 4s;
    -o-animation: fromleft 4s;
    animation: fromleft 4s;
}
@-webkit-keyframes fromright{
    0%   { right: -200%; }
    25%  { right: -100%; }
    100% { right: 0; }
}
@-moz-keyframes fromright{
    0%   { right: -200%; }
    25%  { right: -100%; }
    100% { right: 0; }
}
@-o-keyframes fromright{
    0%   { right: -200%; }
    25%  { right: -100%; }
    100% { right: 0; }
}
@keyframes fromright{
    0%   { right: -200%; }
    25%  { right: -100%; }
    100% { right: 0; }
}
@-webkit-keyframes fromleft{
    0%   { left: -200%; }
    25%  { left: -100%; }
    100% { left: 0; }
}
@-moz-keyframes fromleft{
    0%   { left: -200%; }
    25%  { left: -100%; }
    100% { left: 0; }
}
@-o-keyframes fromleft{
    0%   { left: -200%; }
    25%  { left: -100%; }
    100% { left: 0; }
}
@keyframes fromleft{
    0%   { left: -200%; }
    25%  { left: -100%; }
    100% { left: 0; }
}

div.site-content.homepage{
    background-image: url("./images/home/home1.webp");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-color: #d6d5d3;
    background-attachment: fixed;
    -webkit-animation: caroucel 24s step-end 1s forwards infinite;
    -moz-animation: caroucel 24s step-end 1s forwards infinite;
    -o-animation: caroucel 24s step-end 1s forwards infinite;
    animation: caroucel 24s step-end 1s forwards infinite;
}

@-webkit-keyframes caroucel{
    0%   { background-image: url("./images/home/home1.webp"); }
    25%  { background-image: url("./images/home/home2.webp"); }
    50%  { background-image: url("./images/home/home3.webp"); }
    75%  { background-image: url("./images/home/home4.webp"); }
    100% { background-image: url("./images/home/home1.webp"); }
}
@-o-keyframes caroucel{
    0%   { background-image: url("./images/home/home1.webp"); }
    25%  { background-image: url("./images/home/home2.webp"); }
    50%  { background-image: url("./images/home/home3.webp"); }
    75%  { background-image: url("./images/home/home4.webp"); }
    100% { background-image: url("./images/home/home1.webp"); }
}
@-moz-keyframes caroucel{
    0%   { background-image: url("./images/home/home1.webp"); }
    25%  { background-image: url("./images/home/home2.webp"); }
    50%  { background-image: url("./images/home/home3.webp"); }
    75%  { background-image: url("./images/home/home4.webp"); }
    100% { background-image: url("./images/home/home1.webp"); }
}
@keyframes caroucel{
    0%   { background-image: url("./images/home/home1.webp"); }
    25%  { background-image: url("./images/home/home2.webp"); }
    50%  { background-image: url("./images/home/home3.webp"); }
    75%  { background-image: url("./images/home/home4.webp"); }
    100% { background-image: url("./images/home/home1.webp"); }
}

/*recherche*/
.search-panel{
    margin: 2em 0;
}
#products-library-search div.search-bar{
    position: relative;
    display: inline-block;
    width:70%;
    left: 15%;
}
#products-library-input-search{
    position: relative;
    display: inline-block;
    width:100%;
    line-height: 1.62em;
    border: 1px solid #555;
}

#products-library-btn-search{
    position: absolute;
    display: inline-block;
    right: 0px;
    background-color: black;
    color : #FFF;
    border: 2px solid black;
}
#products-library-btn-search:hover{
    background-color: #FFF;
    color : red;
}
#products-library-search-result{
    overflow: hidden;
    -webkit-transition: width 2s, height 2s, -webkit-transform 2s;
    transition: width 2s, height 2s, transform 2s;
    background-color: rgba(255,255,255,0.8) !important;

    border-radius: 10px;
}

#search_result{
    width: 100%;
    padding: 1em;
}

#search_result_product{
    display: inline-block;
    width: 30%;
    float: left;
    border-right: 3px solid #d6d5d3;
}
#search_result_kb{
    display: inline-block;
    width: 69%;
    float: right;
}

#jquery-live-search{
    overflow-y: scroll;
    overflow-x: hidden;
    height: 300px;
}

#search-result-live {
    color: #666666;
    font-size: 14px;
    width: 100%;
    position: absolute;
    z-index: 9999;
    border-bottom: 1px solid #cccccc;
    margin-left: 5px;
}
#search-result-live li {
    background-color: #FFF;
    list-style: none outside none;
    padding: 0px 0 0px 8px;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
}
#search-result-live li a {
    background-position: 20px center;
    background-repeat: no-repeat;
    display: block;
    color: #595959;
    text-decoration: none;
    color: #666666;
    font-size: 14px;
    font-weight: normal;
    line-height: 22px;
    padding: 0.5em;
}
#search-result-live li a span.icon{
    font-size: 1.333em;
}

#search-result-live li a span.up{
    color: green;
}
#search-result-live li a span.down{
    color: red;
}

.table-search-result,
.table-search-result tr,
.table-search-result tr td {
    border : none;
    text-decoration: none;
}
.table-search-result,
.table-search-result tr{
    width: 80%;
}
.table-search-result tr td:first-child{
    width: 6em;
}
.table-search-result img{
    max-height : 5em;
}
#del_results{
    float: right;
    font-size: 10px;
    background-color: red;
    border: 0;
    margin: 5px 20px;
}
button #del_results:focus{
    color: black !important;
}
.search-kb{
    list-style-type:none;
}
.search-kb li{
    margin-bottom: 1em;
}
.search-kb .kb-lnk,
.search-kb .kb-lnk:hover,
.search-kb .kb-lnk:focus{
    color: black;
    font-weight: 700;
    text-decoration: none;
    font-size: 0.85em;
    margin-left: 10px;
}
.search-kb li div.vote{
    float:right;
    line-height:1.666em;
    display:block;
    font-size:0.8em;
}
.search-kb li div.vote div.vote_view{
    background-color:lightblue;
    display:inline-block;
    padding:0 0.33em;
    margin:0;
}
.search-kb li div.vote div.vote_like{
    background-color:#4A9EE8;
    display:inline-block;
    padding:0 0.33em;
    margin:0;
}
.search-kb li div.vote div.vote_unlike{
    background-color:red;
    display:inline-block;
    padding:0 0.33em;
    margin:0;
}
.search-kb li div.vote div img{
    width:0.8em;
    height:0.8em;
}





/*liste de produits*/

.site-main .list-products ul.products{
    height: auto;
    list-style: outside none none;
    font-size: 0px;
}
.site-main .list-products ul.products li{
    list-style: none;
    vertical-align: top;
    display: inline-block;
    font-size: 1rem;
    width: 20%;
    max-height: 200px;
}
.site-main .list-products ul.products li a,
.site-main .list-products ul.products li a:hover{
    height: 100%;
    display: block;
    margin: 0px auto;
    text-align: center;
    color: #000;
    font-style: italic;
    font-size: 0.8em;
    font-weight: 400;
}

.site-main .list-products ul.products li a img{
    height: 120px;
    max-width: 90% !important;
    margin-bottom: 1em;
}
.site-main .list-products ul.products li a img:hover{
    transform: scale(1.1);
}
.site-main .list-products ul.products li a h4{
    text-align: center;
}

/**
 * 11.3 - Post Formats
 */

.format-aside .entry-title,
.format-image .entry-title,
.format-video .entry-title,
.format-quote .entry-title,
.format-gallery .entry-title,
.format-status .entry-title,
.format-link .entry-title,
.format-audio .entry-title,
.format-chat .entry-title {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.473684211;
    margin-bottom: 1.473684211em;
}

.blog .format-status .entry-title,
.archive .format-status .entry-title {
    display: none;
}

.sheet-header{
    width: 100%;
    display: inline-block;
    margin-top: 5vh;
}

.sheet-image{
    width: 40%;
    display: inline-block;
    float: left;

}
.sheet-image img{
    max-width: 100%;
    height: auto;
    width: auto;
    max-height: 15em;
    margin: 2em auto;
    display: block;
}

.sheet-title{
    width: 60%;
    display: inline-block;
}

.sheet-title h2,.sheet-title h1{
	color: #000 !important;
	margin: 1em 0 0 1em !important;
	font-size: 18px !important;
	font-weight: 800 !important;
	font-style: italic !important;
}

.sheet-pn{
    font-size: 0.7em !important;
    color: #333 !important;
    font-style: italic;
    margin-left: 2em;
}
.sheet-pn p{
    font-style: italic;
}

.quickstart {
    font-size: 0.9em !important;
    color: #111 !important;
}

.quickstart  p{
    line-height: initial;
    height: 0;
}

.quickstart  ol{
    height: 0px;
}


.contact-forthis{
    margin: 5em 0;
    width: 100%;
}

.contact-forthis div{
    display: block;
    width: 330px;
    line-height: 3em;
    margin: 0px auto;
    font-size: 0.85em;
    background-color: red;
    text-align: center;

}
.contact-forthis div a{
    color: #FFFFFF;
}
.contact-forthis div:hover{
    background-color: #f56e28;
    transition: all 500ms linear;
}

.contact-forthis div a img{
    width: 28px;
    margin-right: 1em;
    border-radius: 1px;
}

.sheet-special,
.sheet-content{
    width: 95% !important;
    margin: 0px auto !important;
    font-size: 0.9em !important;
    line-height: 1.4em !important;
}

article.contact-page{
    width: 90%;
    margin: auto !important;
    margin-top: 3em !important;
}

.sheet-special .ui-accordion-header-icon,
#accordion .ui-accordion-header-icon{
    width: 34px !important;
    height: 100% !important;
    right: 0 !important;
    left: initial !important;
    left: auto !important;/* IE */
    top: 0 !important;
    margin-top: 0px !important;
    transition: all 500ms ease 0s !important;
    background-image: url("css/images/arrow-down.png") !important;
    /*background-color: #5F5F5F !important;*/
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
    background-position: center !important;
    background-clip: border-box !important;
    background-origin: padding-box !important;
    background-size: 1em !important;
    transform: rotate(180deg);
}
#accordion br{
    background : transparent;
    z-index:-1;
}

.sheet-special  .ui-state-active  .ui-accordion-header-icon ,
#accordion .ui-state-active  .ui-accordion-header-icon {
    transform: rotate(0deg);
}

.sheet-special   .ui-state-default,
.sheet-special   .ui-state-hover {
    border: 0 !important;
    background: #333 !important;
    font-size: 16px !important;
    font-weight: normal !important;
    color: #EEE !important;
    line-height: 1em !important;
    border-radius: 0 !important;
    height: 34px;
}

#accordion  .ui-state-default,
#accordion  .ui-state-hover {
    border: 0 !important;
    background: #E6E6E6 !important;
    font-size: 15px !important;
    color: #000 !important;
    line-height: 1em !important;
    border-radius: 0 !important;
    height: 34px;
    font-weight: 600 !important;
}

.sheet-special .ui-widget-content,
#accordion  .ui-widget-content{
    border: 0 !important;
    border-radius: 0 !important;
    padding: 1em;
}

.warning-text {
    background: yellow !important;
    line-height: 1.8em !important;
    font-size: 0.75em !important;
}

#accordion .contactus{
    height: auto !important;
}

#accordion .sheet-dl{
    height: auto !important;
    line-height: 3em !important;
}

#accordion .sheet-dl table,
#accordion .sheet-dl tr,
#accordion .sheet-dl td{
    border : none;
    padding : 0;
}
#accordion .sheet-dl table{
    /*margin: 0px;*/
	  margin: 5px 0;
}
#accordion .sheet-dl td.ico{
    width : 30px;
}
#accordion .sheet-dl td.name {
    width: 75%;
    line-height: 1.2em !important;
    /*font-size: 0.8em;*/
}
#accordion .sheet-dl table.manual td.name{
    width: 55%;
    /*font-size: 0.8em;*/
}
#accordion .sheet-dl td.platform{
    font-size: 0.77em;
    line-height: 1em;
}
#accordion .sheet-dl td.platform span{
    display: inline-block;
}
#accordion .sheet-dl td.os{
    width: 0;
    font-size: 0.66em;
    line-height: 1em;
    font-style: italic;
    display: none;
}
#accordion .sheet-dl tr.releasenote td.name{
    text-align: center;
    padding-top: 15px;
}
#accordion .sheet-dl tr.releasenote td.name a{
    position: relative;
    top: -0.5em;
    color: DodgerBlue;
}
#accordion  .sheet-dl td.manual-language{
	width: 15%;
	font-size: 0.66em;
	line-height: 1em;
	font-style: italic;
}
#accordion .sheet-dl a.less-item,
#accordion .sheet-dl a.more-item{
    color : DodgerBlue  ;
    font-size: 0.8em;
    font-weight : 700;
}
#accordion .sheet-dl a.less-item{
    display: none;
}
#accordion .sheet-dl table.obsolete {
    display: none;
}
#accordion .sheet-dl table.otherlang {
    display: none;
}

#accordion .sheet-faq {
    padding: 1em 1em 0 0;
}
#accordion .sheet-faq ul{
	list-style-type: none;
	line-height: 1.5em !important;
	font-weight: bold;
	font-size: 0.8em !important;
	width:99%;
}
#accordion .sheet-faq a.less-faqs,
#accordion .sheet-faq a.more-faqs {
   color : DodgerBlue  ;
   font-size: 0.8em;
   font-weight : 700;
}
#accordion .sheet-faq a.less-faqs {
    display: none;
}

ul.faqs li table,
ul.faqs li table tr,
ul.faqs li table tr td{
    border: none;
    padding: 0;
}
ul.faqs li table{
    width:100%;
}
ul.faqs li table tr td.bullet{
    width:15px;
}
ul.faqs li table tr td.platform{
    width:40px;
    text-align:center;

}ul.faqs li table tr td.platform span{
	border : 1px solid #222;
	font-size: 0.5em;
	padding: 1px;
}
ul.faqs li table tr td.question{
    font-size: 1.1em;
}
#accordion .sheet-video ul{
	list-style: outside none none;
	border: none;
}
#accordion .sheet-video ul li{
	float:left;
	display:inline;
	width:50%;
	height: 350px;
}
#accordion .sheet-video ul li,
#accordion .sheet-video ul li table
#accordion .sheet-video ul li table tr,
#accordion .sheet-video ul li table tr td{
	border: none;
}
#accordion .sheet-video ul li table tr td iframe{
	margin: 0 auto
}
#accordion .sheet-video ul li table tr td.embedded iframe{
	border: none;
	margin: auto 0;
}
#accordion .sheet-video ul li table tr td{
	text-align: center;
	font-size: 12px !important;
	font-weight: 700;
}

.ui-tooltip{
	font-size : 0.7em !important;

}

.dl-btn{
	float: right;
	background-color: red;
	border-width: 1px;
        border-color: #000;
}

.dl-btn:hover,
.dl-btn:focus{
	background-color: #FFF;
	color: gray;
}


/***
 * Contact
 */
#contact_form{
    font-size: 0.8em;
}
#sendmail_status p{
    padding: 1em;
    font-size: 0.9em;
}
#sendmail_status.sendmail_status_error{
    background: lightpink none repeat scroll 0% 0%;
}
#sendmail_status.sendmail_status_ok{
    background: lightgreen none repeat scroll 0% 0%;
}

#accordion h3{
    border: 0 !important;
    background: #333 !important;
    font-size: 18px !important;
    font-weight: normal !important;
    color: #EEE !important;
    line-height: 1.8em !important;
    height: 34px;
    padding-left: 20px;
}
#accordion a{
    /*padding-left: 90px;*/
}
#accordion p{
    background: yellow !important;
    line-height: 1.8em !important;
    font-size: 0.75em !important;
}

.form_row select,
.form_row input{
    height: 2.5em;
}
.form_row_input,
.form_row_select{
    line-height: 2.5em;
    background: #F7F7F7;
    border: 1px solid #E8E8E8;
    color: #757575;
    opacity: 1;
    display: block;
}
.form_row_select select{
    border: none;
    background: #F7F7F7;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}
.form_row_input input{
    border: none;
    background: #F7F7F7;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    width:100%;
}
.input_title span {
    color: red;
    left: 0.5em;
    position: relative;
}
.warning {
    margin: -0.5em 1em;
    color: red;
	font-size: 12px;
}
.form_row_select span.subject-hidden,
.form_row_select select option.subject-hidden{
    display: none;
}
.form_row_select select option.subject-visible{
    display: block;
}

.form_row_textarea div.input_title{
    height: 2.5em;
    line-height: 2.5em;
    padding-left: 1%;
    background: #E6E6E6 none repeat scroll 0% 0%;
}

.form_row_input div.input_title,
.form_row_select div.input_title,
.form_row_selected div.input_title{
    display: inline-flex;
    background: #E6E6E6 none repeat scroll 0% 0%;
    padding-left: 1%;
    color : #222;
    width : 24%;
}
/*hack pour Webkit*/
.form_row_input div.input_title:not(*:root),
.form_row_select div.input_title:not(*:root),
.form_row_selected div.input_title:not(*:root){
    padding-top: 0.5em;
}
/**/
.form_row_textarea div.input_field{
    border: 3px solid #E6E6E6;
}
.form_row_input div.input_field,
.form_row_select div.input_field,
.form_row_selected div.input_field{
    display: inline-flex;
    color : #222;
    width : 75%;
}
.form_row_select div.input_field .form_select,
.form_row_selected div.input_field .form_select{
    width: 100%;
}
.form_row_select select:focus {
    background: #FFF;
}
.form_row_focus {
    background: #FFF;
    border: 1px solid #0064B4;
}
.phone_select {
    width: 100%;
    text-align: center;
}
.phone_select select{
    border:none;
    background:transparent;
    font-size: 1em !important;
}
.phone_contact {
    width: 100%;
}
.phone_contact .phone_infos_content {
    width: 65%;
    margin: 0px auto;
}
.number_cost {
    text-align: center;
}
.number_cost span.number {
    font-size: 1em;
    color: royalblue;
}
.number_cost span.cost {
    font-size: 0.7em;
    font-style: italic;
    color: #333;
    margin-left:2em;
}
.phone_infos_content div.timezone {
    font-size: 0.7em;
    margin:1em auto;
    text-align: center;
}
.phone_contact .phone_infos_content table{
    font-size: 0.8em;
}
.phone_contact .phone_infos_content table tr td:first-child{
    width: 40%;
}
.phone_infos_content table tr.today {
    background: greenyellow;
}
.phone_infos_content table tr.close-today {
    background: lightpink;
}
/**
 * 11.4 - Comments
 */

.comments-area {
    margin: 0 7.6923% 3.5em;
}

.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
    padding-top: 1.75em;
}

.comments-title,
.comment-reply-title {
    border-top: 4px solid #1a1a1a;
    font-size: 23px;
    font-size: 1.4375rem;
    font-weight: 700;
    line-height: 1.3125;
    padding-top: 1.217391304em;
}

.comments-title {
    margin-bottom: 1.217391304em;
}

.comment-list {
    list-style: none;
    margin: 0;
}

.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
    border-top: 1px solid #e8e8e8;
    padding: 1.75em 0;
}

.comment-list .children {
    list-style: none;
    margin: 0;
}

.comment-list .children > li {
    padding-left: 0.875em;
}

.comment-author {
    color: #1a1a1a;
    margin-bottom: 0.4375em;
}

.comment-author .avatar {
    float: left;
    height: 28px;
    margin-right: 0.875em;
    position: relative;
    width: 28px;
}

.bypostauthor > article .fn:after {
    content: "\f304";
    position: relative;
    top: 5px;
    left: 3px;
}

.comment-metadata,
.pingback .edit-link {
    color: #757575;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.6153846154;
}

.comment-metadata {
    margin-bottom: 2.1538461538em;
}

.comment-metadata a,
.pingback .comment-edit-link {
    color: #757575;
}

.comment-metadata a:hover,
.comment-metadata a:focus,
.pingback .comment-edit-link:hover,
.pingback .comment-edit-link:focus {
    color: #007acc;
}

.comment-metadata .edit-link,
.pingback .edit-link {
    display: inline-block;
}

.comment-metadata .edit-link:before,
.pingback .edit-link:before {
    content: "\002f";
    display: inline-block;
    opacity: 0.7;
    padding: 0 0.538461538em;
}

.comment-content ul,
.comment-content ol {
    margin: 0 0 1.5em 1.25em;
}

.comment-content li > ul,
.comment-content li > ol {
    margin-bottom: 0;
}

.comment-reply-link {
    border: 1px solid #e8e8e8;
    border-radius: 2px;
    color: #007acc;
    display: inline-block;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1;
    margin-top: 2.1538461538em;
    padding: 0.5384615385em 0.5384615385em 0.4615384615em;
}

.comment-reply-link:hover,
.comment-reply-link:focus {
    border-color: currentColor;
    color: #007acc;
    outline: 0;
}

.comment-form {
    padding-top: 1.75em;
}

.comment-form label {
    color: #757575;
    font-size: 13px;
    font-size: 0.8125rem;
    display: block;
    line-height: 1.6153846154;
    margin-bottom: 0.5384615385em;
    text-transform: uppercase;
}

.comment-list .comment-form {
    padding-bottom: 1.75em;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags {
    color: #757575;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.6153846154;
    margin-bottom: 2.1538461538em;
}

.no-comments {
    border-top: 1px solid #e8e8e8;
    font-weight: 700;
    margin: 0;
    padding-top: 1.75em;
}

.form-submit {
    margin-bottom: 0;
}

.required {
    color: #c0392b;
}

.comment-reply-title small {
    font-size: 100%;
}

.comment-reply-title small a {
    border: 0;
    float: right;
    height: 32px;
    overflow: hidden;
    width: 26px;
}

.comment-reply-title small a:hover,
.comment-reply-title small a:focus {
    color: #1a1a1a;
}

.comment-reply-title small a:before {
    content: "\f405";
    font-size: 32px;
    position: relative;
    top: -5px;
}


/**
 * 11.5 - Sidebar
 */

.sidebar {
    padding: 0 7.6923%;
}

.contact {
    top : 0;
    position: absolute;
    transform: rotate(90deg);
}
.contact a{
    line-height: 1em;
}
.box,
.box:hover {
    background: #eee;
    border: 1px solid #ccc;
    position: absolute;
    background-color : green;
    padding: 1em;
    line-height: 1em;
    color: #FFF;
}

/**
 * 11.6 - Footer
 */

.site-footer {
    padding: 0 7.6923% 1.75em;
    text-align: center;
    display: block !important;
}

.site-info {
    color: #757575;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.6153846154;
    display: block;
    margin: 3.5em !important;
}

.site-info a {
    color: #757575;
}

.site-info a:hover,
.site-info a:focus {
    color: #007acc;
}

.site-info p {
    color: #757575 !important;
    margin: 0 20% !important;
    line-height: 1em;
}

.site-footer .site-title {
    font-family: inherit;
    font-size: inherit;
    font-weight: 400;
}

.site-footer .site-title:after {
    content: "\002f";
    display: inline-block;
    opacity: 0.7;
    padding: 0 0.307692308em 0 0.538461538em;
}


#followus,
#followus span,
#followus span a{
	color: #ffffff;
	font-size: 1em;
}

#followus .el-inline{
    /*display: flex;*/
    margin: 0px auto;
    width: 270px;
}

#followus .el-inline a{
    width: 40%;
    margin-left: 5%;
    margin-top: 0.5em;
}

#followus a img{
    width: 100px;

}

#followus:hover span.icon i{
	color: red;
}
#followus span.icon:before{
	font-family:'FontAwesome';
	content: '\f1db';
	color: #FFF;
	position: absolute;
	font-size: 2em;
	margin-top: -0.40em;
	margin-left: -2.73em;
}

#followus span.icon i{
	position: absolute;
        margin-left: -4.88em;
        margin-top: 0.4em;


}

#followus h3{
    	font-size: 1em;
	font-weight: 400;
}


#contactus,
#contactus span,
#contactus span a,
#contactus span a p{
	color: #ffffff ;
	font-size: 1em;
}

#contactus:hover span.icon i{
	color: red;
}

#contactus span.icon:before {
    font-family: 'FontAwesome';
    content: '\f0e6';
    color: #FFF;
    position: absolute;
    font-size: 2.3em;
    margin-top: -0.5em;
    margin-left: -2.4em;

}

#contactus span.icon i{
    margin-top: 0.35em;
    position: absolute;
    margin-left: -5em;

}

#contactus h3{
    	font-size: 1em;
	font-weight: 400;
}

p.contact-invit{
    text-align: left;
    margin: 0.5em 2.5em;
}

#legal,
#legal span,
#legal span a,
#legal span a p{
	color: #ffffff;
	font-size: 1em;
}

#legal:hover span.icon i{
	color: red;
}
#legal span.icon:before{
	font-family:'FontAwesome';
	content: '\f016';
	color: #FFF;
	position: absolute;
	font-size: 1.9em;
        margin-top: -0.45em;
        margin-left: -3.7em;

}
#legal span.icon i{
	font-size: 1em;
        margin-top: 0.55em;
        position: absolute;
        margin-left: -6.7em;

}

#legal h3{
    	font-size: 1em;
	font-weight: 400;
}

#legal a{
	font-size: 1em;
	font-style: italic;
	color: red ;
}

/**
 * 12.0 Media
 */
.site .avatar {
    border-radius: 50%;
}

.page-content .wp-smiley,
.entry-content .wp-smiley,
.entry-summary .wp-smiley,
.entry-intro .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

.entry-content a img,
.entry-summary a img,
.entry-intro a img,
.page-content a img,
.comment-content a img,
.textwidget a img {
    display: block;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object,
video {
    margin-bottom: 1.75em;
    max-width: 100%;
    vertical-align: middle;
}

p > embed,
p > iframe,
p > object,
p > video {
    margin-bottom: 0;
}

.entry-content .wp-audio-shortcode a,
.entry-content .wp-playlist a {
    box-shadow: none;
}

.wp-audio-shortcode,
.wp-video,
.wp-playlist.wp-audio-playlist {
    margin-top: 0;
    margin-bottom: 1.75em;
}

.wp-playlist.wp-playlist {
    padding-bottom: 0;
}

.wp-playlist .wp-playlist-tracks {
    margin-top: 0;
}

.wp-playlist-item .wp-playlist-caption {
    border-bottom: 0;
    padding: 0.7142857143em 0;
}

.wp-playlist-item .wp-playlist-item-length {
    top: 0.7142857143em;
}


/**
 * 12.1 - Captions
 */

.wp-caption {
    margin-bottom: 1.75em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0;
}

.wp-caption .wp-caption-text {
    color: #757575;
    font-size: 13px;
    font-size: 0.8125rem;
    font-style: italic;
    line-height: 1.6153846154;
    padding-top: 0.5384615385em;
}


/**
 * 12.2 - Galleries
 */

.gallery {
    margin-bottom: 1.75em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    padding: 0 2.3333333% 2.3333333%;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-icon img {
    margin: 0 auto;
}

.gallery-caption {
    color: #757575;
    display: block;
    font-size: 13px;
    font-size: 0.8125rem;
    font-style: italic;
    line-height: 1.6153846154;
    padding-top: 0.5384615385em;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none;
}


/*
* KB
*
*
*/



.knowledgebase,
.knowledgebase-library{
    margin: 2em 0;
}
#knowledgebase-article{
    overflow: hidden;
    -webkit-transition: width 2s, height 2s, -webkit-transform 2s;
    transition: width 2s, height 2s, transform 2s;
}

.kbe_knowledgebase{
    width: 97%;
    margin: 0 auto;
}
.kbe_knowledgebase hr{
    color: #444;
    background-color: #444;
}

.kb-header,
.kblib-header{
    width:100%;
}

.kb-search span.title,
.kb-search span.title a,
.kblib-search span.title,
.kblib-search span.title a{
    color: #000;
    text-decoration: none;
    font-size: 1.2em;
}

.kb-header .kb-title,
.kblib-header .kblib-title{
    display: block;
    height: auto;
    margin-top: 2em;
    width: 100%;
    overflow: hidden;
}
.kb-title.title{
    width: 70%;
}
.kb-title a,
.kblib-title a{
    font-size: 1.333em;
    color: #000;
    text-decoration: none;
    float: left;
    width: 80vw;
}
.kb-header .kb-vote{
    display: block;
    float: right;
}
.kb-header .kb-vote .vote_view,
.kb-header .kb-vote .vote_like,
.kb-header .kb-vote .vote_unlike{
    display: inline-block;
    padding: 0 0.5em;
    margin: 0;
    color: #333;
    border: none;
}
.kb-header .kb-vote .vote_view{
    background-color: lightblue;
}
.kb-header .kb-vote .vote_like{
    background-color: lightgreen;
}
.kb-header .kb-vote .vote_unlike{
    background-color: lightcoral;
}

.kb-header .kb-vote .vote_like span,
.kb-header .kb-vote .vote_unlike span{
    cursor: pointer;
}

.kb-article,
.kblib-articles{
    display: flex;
    width : 100%;
    height: auto;
}
.kb-article .kb-infos{
    width : 20%;
    border-right : 1px solid #444;
    font-size: 0.9em;
}
.kb-article .kb-infos ul{
    list-style-type: none;

}
.kb-article .kb-content{
    width : 80%;
    margin-left: 0.5em;
}
.kblib-articles .kblib-filters{
    width : 20%;
    border-right : 1px solid #444;
    font-size: 0.9em;
}
.kblib-articles .kblib-filters ul{
    list-style-type: none;

}
.kblib-articles .kblib-lists{
    width : 80%;
    margin-left: 0.5em;
}

#vote_bar{
    background-color: lightcoral;
    color:#FFF;
    width:100%;
    height: 3.2em;
    position: fixed;
    bottom:0;
    padding: 0;
    margin: 0;
    left: 0;
    right:0;
    opacity: 1;
    transition: opacity 0.4s ease-out;
    -ms-transition: opacity 0.4s ease-out;
    -moz-transition: opacity 0.4s ease-out;
    -webkit-transition: opacity 0.4s ease-out;
}
#vote_bar.hide{
    opacity: 0;
    transition: opacity 8s ease-in;
    -ms-transition: opacity 8s ease-in;
    -moz-transition: opacity 8s ease-in;
    -webkit-transition: opacity 8s ease-in;
}
#vote_bar .text-btn{
    width:350px;
    margin:0 auto;
    font-size: 0.9em;
    font-weight : 700;
    line-height: 3em;
}
#vote_bar .btn-submit-vote{
    cursor:pointer;
    padding: 0.3em;
    border:1px solid #FFF;
    border-radius: 0.5em;
}


.kb-footer{
    display: block;
    width : 100%;
}
.social {
    font-size: 1px;
    font-color: #FFF;
}

.social iframe {
    vertical-align: middle;
}
.social span {
    display: flex;
    margin-bottom: 1vh;
}


/**
 * 13.0 Multisites
 */

.widecolumn {
    padding: 0 7.6923% 3.5em;
}

.widecolumn .mu_register {
    width: auto;
}

.widecolumn .mu_alert {
    margin-bottom: 1.6em;
}

.widecolumn form,
.widecolumn .mu_register form {
    margin-top: 0;
}

.widecolumn h2 {
    font-size: 23px;
    font-size: 1.4375rem;
    line-height: 1.2173913043;
    margin-bottom: 1.2173913043em;
}

.widecolumn p {
    margin: 1.75em 0;
}

.widecolumn p + h2 {
    margin-top: 2.4347826087em;
}

.widecolumn label,
.widecolumn .mu_register label {
    color: #757575;
    font-size: 13px;
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1.6153846154;
}

.widecolumn .mu_register label {
    margin: 2.1538461538em 0.7692307692em 0.5384615385em 0;
}

.widecolumn .mu_register label strong {
    font-weight: 400;
}

.widecolumn #key,
.widecolumn .mu_register #blog_title,
.widecolumn .mu_register #user_email,
.widecolumn .mu_register #blogname,
.widecolumn .mu_register #user_name {
    font-size: 16px;
    font-size: 1rem;
    width: 100%;
}

.widecolumn .mu_register #blogname {
    margin: 0;
}

.widecolumn .mu_register #blog_title,
.widecolumn .mu_register #user_email,
.widecolumn .mu_register #user_name {
    margin: 0 0 0.375em;
}

.widecolumn #submit,
.widecolumn .mu_register input[type="submit"] {
    font-size: 16px;
    font-size: 1rem;
    margin: 0;
    width: auto;
}

.widecolumn .mu_register .prefix_address,
.widecolumn .mu_register .suffix_address {
    font-size: inherit;
}

.widecolumn .mu_register > :last-child,
.widecolumn form > :last-child {
    margin-bottom: 0;
}

.table-search-result,
.table-search-result tr,
.table-search-result tr td {
    border : none;
    text-decoration: none;
}
.table-search-result,
.table-search-result tr{
    width: 90%;
}
.table-search-result tr td:first-child{
    width: 8em;

}
.table-search-result img{
    width: 6em;
    height : auto;
}
.table-search-result a:link{
    text-decoration: none !important;
    box-shadow: none;
    font-style: italic;
    font-size: 0.8em;
    color: #000;
}

.table-search-result a:hover{
    font-weight: bold !important;
    color: #000;
}

/**
 * 14.0 Media Queries
 */

/*
 * Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}


/**
 * 14.0- < 710px
 */

@media screen and (max-width: 44.375em) {


	.site-header {
		width: 100%;
		position: relative;
		z-index: 10;
		background-color: #222;
	}

	.site-banner {
		width: 100% !important;
		height: 15em !important;
		background: none;
		background-color: #000;
		display: block;
		position: relative;
		align-content: center;

	}

	.site-banner-center {
		width: 250px !important;
	}

	.site-branding {
		width: 100%;
		position: relative;
		top: 3.666em;
	}

	.site-description {
		width: 100%;
	}

	.header-image {
		float: none;
		margin: 1em 4.8em !important;
		position: relative;
		top: -1em !important;
	}

	.header-widget {
		margin: 0;
		display: block;
		width: 100%;
	}
        .header-widget aside.widget_polylang select,
        .header-widget aside.widget_platform_choice select{
            margin: 0;
        }

	.header-widget aside{
		float: none !important;
		display: block !important;
	}
	.header-widget aside.widget_search {
		position: relative;
		left: auto !important;
		width: 270px !important;
		top: 11em !important;
	}

	.header-widget aside.widget_search input.search-field {
		width: 230px  !important;
	}

        .site-description{
                text-align: center !important;
                top: 1em !important;
                left: 0 !important;
        }

        .site-header-menu {
            margin-top: 25px;
        }

        #jquery-live-search{
            left: 0 !important;
            margin-left: 0 !important;
            width : 90% !important;
        }

        #search-result-live{
            min-width: 0;
        }

	.site-header #menu-toggle {
		position: relative !important;
		top: -1vh !important;
		left: 10vw !important;
	}
	.site-header-menu {
		width: 100% !important;
		background-color: #000;
		margin: 0px;
		border-top: 2px solid rgb(17, 17, 17);
                top: 15em !important;
                opacity: 0.9;
	}

	#widget_search_submit{
		right:-3em !important;
	}

        .main-navigation ul{
            margin-right: 15em;
        }

	.site-content{
		margin-top: 0 !important;
	}

	#products-library-btn-search {
		font-size: 0.7em !important;
		line-height: 2em !important;
	}

	.site-main .list-products ul.products li {
		width: 50% !important;
	}

	.sheet-content {
		font-size: 0.8em !important;
	}
        .table-search-result a:link{
            display: inline-grid;
            margin-right: -3em;
        }
        .search-kb .kb-lnk, .search-kb .kb-lnk:hover, .search-kb .kb-lnk:focus{
            margin-left: 0px;
        }
        .site-main .list-products ul.products li a img{
            height: auto !important;
        }
        #products-library-search-result{
            margin: 0 -1.5em 0 -1.5em;
        }
	#accordion .sheet-dl td.os {
		width: 20%;
		font-size: 0.625em;
		line-height: 1em;
		font-style: italic;
		padding-left: 5px;
	}

	#accordion .sheet-dl td.platform {
    	display: none;
	}
        #accordion a {
            padding-left: 0;
        }

	#accordion .sheet-video ul li {
		width: 100% !important;
	}

        article[class^="post-"] {
                padding: 0;
        }

        #cookie_agreement{
            margin-bottom: 0 !important;
        }

	/* Contact */

        .input_title{
            margin: 0.5em;
        }
        .form_row_input, .form_row_select{
            background: none;
            border: 0;
        }

	.contact-forthis div{
		margin: 0px auto;
		width: 320px;
		font-size: 0.7em;
	}
	.phone_select select {
		font-size: 0.8em !important;
	}
	.phone_contact .phone_infos_content {
		width: 95%;
	}
	.phone_contact .phone_infos_content table{
		font-size: 0.6em;
	}
	#contact_form {
		font-size: 0.6em;
	}
	#accordion .contactus {
		padding: 0.5em 0.5em !important;
	}
	.form_row_input div.input_title, .form_row_select div.input_title, .form_row_selected div.input_title {
		width: 50%;
                background: none;
	}
	.form_row_input div.input_field, .form_row_select div.input_field, .form_row_selected div.input_field {
		width: 100%;
	}
        .form_row_textarea div.input_title{
            background: none;
        }

        /*Footer*/

        #followus,
        #contactus,
        #legal{
            display: block;
            height: auto;
            margin-bottom: 2em;
                 }
                .company-info span.icon {
                        display: block;
                        position: relative;
                        text-align: center;
                        color: #fff;
                }

                #followus .el-inline a{
                        width: 40%;
                        margin-left: 5%;
                        margin-top: 0.5em;
                }

                #contactus h3{
                    margin-top: 5em;
                }

                .company-info p {
                    display: block;
                    position: relative;
                    text-align: center;
                    float: none;
                    width: auto;
                }

                footer .site-info{
                           padding: 2em;
                           text-align: center;
                }

                .site-info p{
                    margin: 0 !important;
                }
}




/**
 * 14.1 - >= 710px
 */

@media screen and (min-width: 44.375em) {
	body:not(.custom-background-image):before,
	body:not(.custom-background-image):after {
		background: inherit;
		content: "";
		display: block;
		height: 21px;
		left: 0;
		position: fixed;
		width: 100%;
		z-index: 99;
	}

	body:not(.custom-background-image):before {
		top: 0;
	}

	body:not(.custom-background-image).admin-bar:before {
		top: 46px;
	}

	body:not(.custom-background-image):after {
		bottom: 0;
	}

	.site-branding {
		margin-top: 1.3125em;
		margin-bottom: 1.3125em;
	}

	.site-title {
		font-size: 28px;
		font-size: 1.75rem;
		line-height: 1.25;
	}
        #primary {
                margin-top: 9em !important;
        }

	.site-description {
		display: block;
	}

	.menu-toggle {
		font-size: 16px;
		font-size: 1.0rem;
		margin: 1.3125em 0;
		padding: 0.8125em 0.875em 0.6875em;
	}

	.site-header .main-navigation + .social-navigation {
		margin-top: 2.625em;
	}

	.header-image {
		margin: 30px 50px 0% 12%;
	}

	.toggled-on .main-navigation{
		position: fixed;
		top: 8em;
		background-color: #222;
		font-size: 1em;
		width: 320px;
	}

	.site-content {
		width: 100%;
		overflow: hidden;
		margin-top: 4em;
	}

	.pagination {
		margin: 2.947368421em 23.0769% 5.894736842em 7.6923%
	}

	.sidebar {
		padding-right: 23.0769%;
	}

	.post-navigation .post-title {
		font-size: 28px;
		font-size: 1.75rem;
		line-height: 1.25;
	}


	/* restore screen-reader-text */
	.pagination .current .screen-reader-text {
		position: absolute !important;
	}

	.pagination .page-numbers {
		display: inline-block;
		font-weight: 400;
	}

	.entry-header,
	.entry-intro,
	.post-thumbnail,
	.entry-content,
	.entry-summary,
	.entry-footer,
	.comments-area,
	.image-navigation,
	.post-navigation,
	.page-header,
	.page-content,
	.content-bottom-widgets {
		/*margin-right: 23.0769%;*/
	}

	.entry-title {
		font-size: 33px;
		font-size: 2.0625rem;
		line-height: 1.2727272727;
		margin-bottom: 0.8484848485em;
	}

	.entry-content blockquote:not(.alignleft):not(.alignright),
	.entry-summary blockquote,
	.entry-intro blockquote,
	.page-content blockquote,
	.comment-content blockquote {
		margin-left: -1.473684211em;
	}

	.entry-content blockquote blockquote,
	.entry-summary blockquote blockquote,
	.entry-intro blockquote blockquote,
	.page-content blockquote blockquote,
	.comment-content blockquote blockquote {
		margin-left: 0;
	}

	.entry-content ul,
	.entry-summary ul,
	.entry-intro ul,
	.page-content ul,
	.comment-content ul,
	.entry-content ol,
	.entry-summary ol,
	.entry-intro ol,
	.page-content ol,
	.comment-content ol {
		margin-left: 0;
	}

	.entry-content li > ul,
	.entry-summary li > ul,
	.page-content li > ul,
	.comment-content li > ul,
	.entry-content blockquote > ul,
	.entry-summary blockquote > ul,
	.page-content blockquote > ul,
	.comment-content blockquote > ul {
		margin-left: 1.25em;
	}

	.entry-intro li > ul,
	.entry-intro blockquote > ul {
		margin-left: 1.157894737em;
	}

	.entry-content li > ol,
	.entry-summary li > ol,
	.page-content li > ol,
	.comment-content li > ol,
	.entry-content blockquote > ol,
	.entry-summary blockquote > ol,
	.page-content blockquote > ol,
	.comment-content blockquote > ol {
		margin-left: 1.5em;
	}

	.entry-intro li > ol,
	.entry-intro blockquote > ol {
		margin-left: 1.473684211em;
	}

	.entry-content blockquote.alignleft,
	.entry-content blockquote.alignright {
		border-width: 4px 0 0 0;
		padding: 0.9473684211em 0 0;
		width: -webkit-calc(50% - 0.736842105em);
		width: calc(50% - 0.736842105em);
	}

	.comment-author {
		margin-bottom: 0;
	}

	.comment-author .avatar {
		height: 42px;
		position: relative;
		top: 0.25em;
		width: 42px;
	}

	.comment-list .children > li {
		padding-left: 1.75em;
	}

	.widecolumn {
		padding-right: 23.0769%;
	}
}


/**
 * OLD 14.2 - >= 783px (48.9375em)
 *
 * NEW <= 980px (61.25em)
 *
 */

/*@media screen and (max-width: 48.9375em) {*/
@media screen and (max-width: 61.25em) {
	body:not(.custom-background-image).admin-bar:before {
		top: 32px;
	}

	/*Header*/

        .site-banner {
		height: 15em;
	}

	.site-header .header-image{
		margin: 30px 15px 0 15px;
	}

	.site-header #menu-toggle{
		position: absolute;
		float: right;
		color: #FFFFFF;
                top: 8vh;
	}

        .toggled-on .main-navigation {
		position: static;
		top: 8em;
		background-color: rgba(0, 0, 0, 0.8)!important;
		font-size: 1em;
		width: 1000px;
	}
	.site-header #menu-toggle:hover,
	.site-header #menu-toggle:focus{
		border-color: red;
		color: red;
	}

	.site-header-menu{
		width: 100% !important;
		margin: 0px;
		border-top: 2px solid rgb(0, 0, 0);
		top:12em;
		position: absolute;
	}

	.site-header-menu .main-navigation li{
		width: 85%;
		margin-left: 15%;
		text-align: left;
		border: none !important;
	}
	.site-header-menu .main-navigation a {
		font-size: 1.2em;
		line-height: 1.7em;
	}

	.site-banner-center {
		width: 280px;
	}

        .site-branding {
		width: 100%;
		position: relative;
		top: 3.66em;
	}

	.header-widget {
		width: 80%;
		float: none;
	}

        .header-image {
		margin-left: 1em !important;
		float: none;
		margin: 1em 4.5em !important;
		position: relative;
                top : 0.3em;
	}

        .site-description {
		width: 100%;
                left: -1em;
                top: 2em;
	}
        .header-widget aside.widget_search {
		position: absolute;
		top: 11.5em;

	}
	.header-widget aside.widget_polylang {
		position: absolute;
		right: auto;
		top: 7em;
		margin : 0;
		float: none;
		display: block;
	}
	.header-widget aside.widget_platform_choice{
		position: absolute;
		right: auto;
		top: 8.7em;
		margin : 0;
		float: none;
		display: block;
	}

        .site-header #menu-toggle i{
            font-size: 3em !important;
        }

	.dropdown-toggle{
		background-color: transparent;
		/*height: 1em;*/
		width: 100%;
		border: none;
	}
	.dropdown-toggle.toggled-on::after {
		color: #FFF;
	}
	.dropdown-toggle::after {
		top: -0.3em;
		left: 40%;
		color: #FFF;
	}
	.main-navigation .current-menu-item .dropdown-toggle::after,
	.main-navigation .current-menu-item .dropdown-toggle.toggled-on::after,
	.main-navigation .current_page_ancestor .dropdown-toggle::after,
	.main-navigation .current_page_ancestor .dropdown-toggle.toggled-on::after {
		color: red;
	}

	.dropdown-toggle:hover,
	.dropdown-toggle:focus,
	.dropdown-toggle.toggled-on,
	.dropdown-toggle.toggled-on:hover,
	.dropdown-toggle.toggled-on:focus{
		background-color: transparent;
		border: none;
	}
	.main-navigation ul ul{
		margin: 0;
		width: 200px;
	}

	/*Content */

        #articleAncre{
                font-weight: 700;
                box-shadow: none;
                color: #1a1a1a;
                margin-left: 1em;
        }
	.site-content {
		margin-top: 8em;
	}

	.site-main {
		width: 96%;
	}
	.site-main .list-products ul.products li{
		width: 33%;
	}

	.sheet-header .sheet-image {
		width: 30% !important;
		margin-left: 1em !important;
	}

	.sheet-content .ui-accordion .ui-accordion-content {
		padding: 1em 0.5em !important;
	}

	.sheet-content .dl-btn {
		/*font-size: 0.75em !important;*/
	}

	#accordion .sheet-video ul li {
		width: 50%;
	}

        .sheet-header{
            margin-bottom: 2em;
        }

	/*Footer*/
	footer.site-footer{
		background:#000;
	}
	footer.site-footer nav.main-navigation{
		display: none;
	}
	footer.site-footer ul{
		list-style: none;
	}
	footer.site-footer h3,
	footer.site-footer p{
		color: #FFF;
	}


	#search_result_product{
		display: block;
		width: 100%;
		clear: both;
	}
	#search_result_kb{
		display: block;
		width: 100%;
		clear: both;
	}


	.kb-article{
		display: block;
		width : 100%;
		height: auto;
	}
	.kb-article .kb-infos{
		width : 100%;
		border-right : none;
		font-size: 0.8em;
		margin-bottom: 1em;
		border-bottom: 1px solid #444;
	}
	.kb-article .kb-infos ul{
		list-style-type: none;


	}
	.kb-article .kb-content{
		width : 100%;
		margin-left: 0;

	}

	.kb-footer{
		display: block;
		width : 100%;
	}

        .company-info ul{
		width: 100%;
		margin:	2em auto;
	}

	.company-info ul li {
		margin: 0 auto;
		width: 250px;
	}

        #followus {
		height: 3em;
	}

	#contactus {
		height: 7em;
	}

	#legal {
		height: 5em;
	}

        #contactus h3 {
                margin-top: 5em;
        }

}


/**
 * OLD 14.3 - >= 910px  (56.875em)
 *
 * NEW 14.3 - >= 980px  (61.25em)
 */

/*@media screen and (min-width: 56.875em) {*/
@media screen and (min-width: 61.25em) {


	.toggled-on .main-navigation {
		position: static;
		top: 8em;
		background-color: #222;
		font-size: 1em;
		width: 1000px;
	}


	.site-header-main {
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
	}

	.site-header-menu {
		display: block;
		-webkit-flex: 0 1 auto;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
		/* bug IE - banner fixed*/
		position: fixed;
		top: 6em;
		width: 100%;
		margin: 0;
	}

	.main-navigation {
		width: 1000px;
		margin: 0 auto;
		background-color: transparent;

	}

	.main-navigation .primary-menu {
		border: 0;
	}

    .main-navigation ul {
        display: flex;
    }

	.main-navigation li {
		border: 0;
		float: left;
        background-color: #000;
		margin: 0 1px;
        flex-direction: row;
        flex: 1 1 auto;
	}

	.main-navigation a {
		outline-offset: -8px;
		padding: 0.65625em 0;
		white-space: nowrap;
	}

	.main-navigation li:hover > a,
	.main-navigation li:focus > a,
	.main-navigation li.current_page_item {
		color: #FFFFFF;
		background-color: red;
		font-weight:700;
	}

	.main-navigation ul ul {
		border-bottom: 1px solid #e8e8e8;
		display: block;
		float: left;
		margin: 0;
		position: absolute;
		left: -999em;
		z-index: 99999;
		margin: 0;
		/*width: 155px;*/
		background: #222;
	}

	.main-navigation ul ul ul {
		left: -999em;
		top: -1px;
	}

	.main-navigation ul ul ul:before,
	.main-navigation ul ul ul:after {
		border: 0;
	}

	.main-navigation ul ul li {
		width: 100%;
	}

	.main-navigation ul ul li:hover > ul,
	.main-navigation ul ul li.focus > ul {
		left: 100%;
	}

	.main-navigation ul ul a {
		white-space: normal;
		width: 145px;
		margin-left: 3px;
	}

	.main-navigation ul ul:before,
	.main-navigation ul ul:after {
		content: "";
		border-style: solid;
		position: absolute;
	}

	.main-navigation li:hover > ul,
	.main-navigation li.focus > ul {
		left: auto;
	}

	.main-navigation .menu-item-has-children > a {
		padding-right: 2.25em;
	}

	.main-navigation .menu-item-has-children > a:after {
		content: "\f431";
		position: absolute;
		top: 30%;/* 0.8125em;*/
		margin-left:0.2em;
	}

        .main-navigation .menu-item-has-children > a:hover:after {
		content: "";
	}
	.main-navigation ul ul .menu-item-has-children > a {
		padding-right: 2.0625em;
	}

	.main-navigation ul ul .menu-item-has-children > a:after {
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
		top: 0.8125em;
		right: 0.5625em;
	}

	.dropdown-toggle,
	.main-navigation ul .dropdown-toggle.toggled-on,
	.menu-toggle,
	.site-header .social-navigation,
	.site-footer .main-navigation {
		display: none;
	}

	.pagination {
		margin-top: 2.947368421em;
		margin-bottom: 2.947368421em;
	}

	.site-content {
		width: 100%;
		overflow: hidden;
	}

        #articleAncre{
            display: none;
        }

	.content-area {
		float: left;
		margin-right: -100%;
		width: 70%;
	}

	.entry-header,
	.entry-intro,
	.post-thumbnail,
	.entry-content,
	.entry-summary,
	.entry-footer,
	.comments-area,
	.image-navigation,
	.post-navigation,
	.pagination,
	.page-header,
	.page-content,
	.content-bottom-widgets {
		margin-right: 0;
		margin-left: 0;
	}

	.sidebar {
		float: left;
		margin-left: 75%;
		padding: 0;
		width: 25%;
	}

	.widget {
		font-size: 13px;
		font-size: 0.8125rem;
		padding: 1.615384615em 0 3.230769231em;
		line-height: 1.6153846154;
	}

	.widget .widget-title {
		margin-bottom: 1.3125em;
	}

	.widget p,
	.widget address,
	.widget hr,
	.widget ul,
	.widget ol,
	.widget dl,
	.widget dd,
	.widget table {
		margin-bottom: 1.6153846154em;
	}

	.widget li > ul,
	.widget li > ol {
		margin-bottom: 0;
	}

	.widget blockquote {
		font-size: 16px;
		font-size: 1rem;
		line-height: 1.3125;
		margin-bottom: 1.3125em;
		padding-left: 1.0625em;
	}

	.widget blockquote cite,
	.widget blockquote small {
		font-size: 13px;
		font-size: 0.8125rem;
		line-height: 1.6153846154;
	}

	.widget th,
	.widget td {
		padding: 0.5384615385em;
	}

	.widget pre {
		font-size: 13px;
		font-size: 0.8125rem;
		line-height: 1.6153846154;
		margin-bottom: 1.6153846154em;
		padding: 0.5384615385em;
	}

	.widget fieldset {
		margin-bottom: 1.6153846154em;
		padding: 0.5384615385em;
	}

	.widget button,
	.widget input,
	.widget select,
	.widget textarea {
		font-size: 13px;
		font-size: 0.8125rem;
		line-height: 1.6153846154;
	}

	.widget button,
	.widget input[type="button"],
	.widget input[type="reset"],
	.widget input[type="submit"] {
		line-height: 1;
		padding: 0.6923076923em 0.5384615385em;
	}

	.widget input[type="text"],
	.widget input[type="email"],
	.widget input[type="url"],
	.widget input[type="password"],
	.widget input[type="search"],
	.widget textarea {
		padding: 0.4615384615em 0.5384615385em;
	}

	.widget h1 {
		font-size: 23px;
		font-size: 1.4375rem;
		line-height: 1.2173913043;
		margin-bottom: 0.9130434783em;
	}

	.widget h2 {
		font-size: 19px;
		font-size: 1.1875rem;
		line-height: 1.1052631579;
		margin-bottom: 1.1052631579em;
	}

	.widget h3 {
		font-size: 16px;
		font-size: 1rem;
		line-height: 1.3125;
		margin-bottom: 1.3125em;
	}

	.widget h4,
	.widget h5,
	.widget h6 {
		font-size: 13px;
		font-size: 0.8125rem;
		line-height: 1.6153846154;
		margin-bottom: 0.9130434783em;
	}

	.widget .alignleft {
		margin: 0.2307692308em 1.6153846154em 1.3846153846em 0;
	}

	.widget .alignright {
		margin: 0.2307692308em 0 1.6153846154em 1.3846153846em;
	}

	.widget .aligncenter {
		margin-bottom: 1.6153846154em;
	}

	.widget_calendar td,
	.widget_calendar th {
		line-height: 2.6923076923;
		padding: 0;
	}

	.widget_rss .rssSummary:last-child {
		margin-bottom: 1.615384615em;
	}

	.tagcloud a {
		margin: 0 0.2307692308em 0.5384615385em 0 !important;
		padding: 0.5384615385em 0.4615384615em 0.4615384615em;
	}

	.textwidget h1 {
		margin-top: 1.8260869565em;
	}

	.textwidget h2 {
		margin-top: 2.2105263158em;
	}

	.textwidget h3 {
		margin-top: 2.625em;
	}

	.textwidget h4,
	.textwidget h5,
	.textwidget h6 {
		margin-top: 3.2307692308em;
	}

	.content-bottom-widgets .widget-area:nth-child(1):nth-last-child(2),
	.content-bottom-widgets .widget-area:nth-child(2):nth-last-child(1) {
		float: left;
		margin-right: 7.1428571%;
		width: 46.42857145%;
	}

	.content-bottom-widgets .widget-area:nth-child(2):nth-last-child(1):last-of-type {
		margin-right: 0;
	}

	.site-footer {
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 3.5em 4.5455%;
		background-color: #000;
	}

	.site-footer .social-navigation {
		margin: 0;
		-webkit-order: 2;
		-ms-flex-order: 2;
		order: 2;
	}

	.company-info {
		width: 1000px;
		margin: 0 auto;
	}
	.company-info ul{
		height: auto;
		list-style: outside none none;
		margin: 0 0 0 4%;
	}
	.company-info li{
		list-style: outside none none;
		vertical-align: top;
		display: inline-block;
		font-size: 1em;
		color: #FFF;
		width: 28%;
		margin: 0 2%;
	}

	.site-info {
		margin: 0.538461538em auto 0.538461538em 0;
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1;
	}

	.no-sidebar .content-area {
		float: none;
		width: 100%;
                margin-top: 5em;
	}

	.no-sidebar .entry-header,
	.no-sidebar .entry-intro,
	.no-sidebar .entry-content,
	.no-sidebar .entry-summary,
	.no-sidebar .entry-footer,
	.no-sidebar .comments-area,
	.no-sidebar .image-navigation,
	.no-sidebar .post-navigation,
	.no-sidebar .pagination,
	.no-sidebar .page-header,
	.no-sidebar .page-content,
	.no-sidebar .content-bottom-widgets {
	    margin-right: 5%;
		margin-left: 5%;
	}

	.no-sidebar .post-thumbnail {
		margin-right: 0;
		margin-left: 0;
	}

	.widecolumn {
		padding-right: 15%;
		padding-left: 15%;
	}
}


/**
 * 14.4 - >= 985px
 */

@media screen and (min-width: 61.5625em) {

	.image-navigation {
		margin-bottom: 3.230769231em;
	}

	.entry-title {
		font-size: 40px;
		font-size: 2.5rem;
		line-height: 1.225;
		margin-bottom: 1.05em;
                margin-top: 2em;
	}

	.format-aside .entry-title,
	.format-image .entry-title,
	.format-video .entry-title,
	.format-quote .entry-title,
	.format-gallery .entry-title,
	.format-status .entry-title,
	.format-link .entry-title,
	.format-audio .entry-title,
	.format-chat .entry-title {
		font-size: 23px;
		font-size: 1.4375em;
		line-height: 1.304347826;
		margin-bottom: 1.826086957em;
	}

	.post-thumbnail {
		margin-bottom: 2.625em;
	}

	.entry-intro {
		margin-bottom: 2.210526316em;
	}

	.entry-header + .entry-intro {
		margin-top: -1.105263158em;
	}

	.entry-content h1,
	.entry-summary h1,
	.entry-intro h1,
	.page-content h1,
	.comment-content h1 {
		font-size: 33px;
		font-size: 2.0625rem;
		line-height: 1.2727272727;
		margin-top: 1.696969697em;
		margin-bottom: 0.8484848485em;
	}

	.entry-content h2,
	.entry-summary h2,
	.entry-intro h2,
	.page-content h2,
	.comment-content h2 {
		font-size: 28px;
		font-size: 1.75rem;
		line-height: 1.25;
		margin-top: 2em;
		margin-bottom: 1em;
	}

	.entry-content h3,
	.entry-summary h3,
	.entry-intro h3,
	.page-content h3,
	.comment-content h3 {
		font-size: 23px;
		font-size: 1.4375rem;
		line-height: 1.2173913043;
		margin-top: 2.4347826087em;
		margin-bottom: 1.2173913043em;
	}

	.entry-content h4,
	.entry-content h5,
	.entry-content h6,
	.entry-summary h4,
	.entry-summary h5,
	.entry-summary h6,
	.entry-intro h4,
	.entry-intro h5,
	.entry-intro h6,
	.page-content h4,
	.page-content h5,
	.page-content h6,
	.comment-content h4,
	.comment-content h5,
	.comment-content h6 {
		font-size: 19px;
		font-size: 1.1875rem;
		line-height: 1.1052631579;
		margin-top: 2.9473684211em;
		margin-bottom: 1.473684211em;
	}

	.author-info {
		border-bottom: 0;
		padding-bottom: 0;
	}

	.entry-footer {
		margin-top: 4.3076923077em;
	}

	body:not(.search-results) .type-post .entry-content {
		float: right;
		width: 71.42857144%;
	}

	body:not(.search-results) .type-post .entry-content blockquote.alignleft {
		margin-left: -40%;
		width: -webkit-calc(60% - 1.4736842105em);
		width: calc(60% - 1.4736842105em);
	}

	body:not(.search-results) .type-post .size-big,
	body:not(.search-results) .type-post .caption-big {
		clear: both;
		display: block;
		float: none;
		margin-left: -40%;
		margin-right: 0;
		max-width: 140%;
	}

	body:not(.search-results) .type-post .caption-big .size-big,
	body:not(.search-results) .type-post table .caption-big,
	body:not(.search-results) .type-post table .caption-big .wp-caption-text,
	body:not(.search-results) .type-post table .size-big {
		margin: 0 !important;
		max-width: 100% !important;
	}

	body:not(.search-results) .type-post .entry-footer {
		float: left;
		margin-top: 0.1538461538em;
		width: 21.42857143%;
	}

	body:not(.search-results) .type-post .entry-footer > span:not(:last-child):after {
		content: "";
	}

	.single .byline,
	body:not(.search-results).group-blog .byline,
	body:not(.search-results) .type-post:not(.sticky) .posted-on,
	body:not(.search-results) .entry-format,
	body:not(.search-results) .cat-links,
	body:not(.search-results) .tags-links,
	body:not(.search-results) .type-post .comments-link,
	body:not(.search-results) .type-post .entry-footer .edit-link {
		display: block;
		margin-bottom: 0.5384615385em;
	}

	body:not(.search-results) .type-post .entry-footer > span:last-child {
		margin-bottom: 0;
	}

	body:not(.search-results) .type-post .entry-footer .avatar {
		display: block;
		height: auto;
		margin: 0 0 0.5384615385em;
		width: 49px;
	}

	body.no-sidebar:not(.search-results) .type-post .entry-content {
		float: left;
		margin-right: -100%;
		margin-left: 34.99999999%;
		width: 50.00000001%;
	}

	body.no-sidebar:not(.search-results) .type-post .entry-footer {
		margin-right: -100%;
		margin-left: 15%;
		width: 15%;
	}
}


/**
 * 14.5 - >= 1200px
 */

@media screen and (min-width: 75em) {
	.entry-intro {
		font-size: 23px;
		font-size: 1.4375rem;
		line-height: 1.5217391304;
		margin-bottom: 1.826086957em;
	}

	.entry-header + .entry-intro {
		margin-top: -0.913043478em;
	}

	.entry-intro p,
	.entry-intro address,
	.entry-intro hr,
	.entry-intro ul,
	.entry-intro ol,
	.entry-intro dl,
	.entry-intro dd,
	.entry-intro table {
		margin-bottom: 1.5217391304em;
	}

	.entry-intro li > ul,
	.entry-intro blockquote > ul {
		margin-left: 0.956521739em;
	}

	.entry-intro li > ol,
	.entry-intro blockquote > ol {
		margin-left: 1.52173913em;
	}

	.entry-intro blockquote {
		font-size: 23px;
		font-size: 1.4375rem;
		line-height: 1.5217391304;
		margin: 0 0 1.5217391304em -1.52173913em;
		padding-left: 1.347826087em;
	}

	.entry-intro blockquote cite,
	.entry-intro blockquote small {
		font-size: 19px;
		font-size: 1.1875rem;
		line-height: 1.8421052632;
	}

	.entry-intro th,
	.entry-intro td {
		padding: 0.3043478261em;
	}

	.entry-intro pre {
		font-size: 16px;
		font-size: 1rem;
		line-height: 1.75;
		margin-bottom: 1.75em;
		padding: 1.75em;
	}

	.entry-intro fieldset {
		margin-bottom: 1.5217391304em;
		padding: 0.3043478261em;
	}

	.entry-intro h1 {
		margin-top: 2.121212121em;
		margin-bottom: 1.060606061em;
	}

	.entry-intro h2 {
		margin-top: 2.5em;
		margin-bottom: 1.25em;
	}

	.entry-intro h3 {
		margin-top: 3.043478261em;
		margin-bottom: 1.52173913em;
	}

	.entry-intro h4,
	.entry-intro h5,
	.entry-intro h6 {
		margin-top: 3.684210526em;
		margin-bottom: 1.842105263em;
	}

	.entry-intro .alignleft {
		margin: 0.2608695652em 1.5217391304em 1.2608695652em 0;
	}

	.entry-intro .alignright {
		margin: 0.2608695652em 0 1.5217391304em 1.2608695652em;
	}

	.entry-intro .aligncenter {
		margin-bottom: 1.5217391304em;
	}
}


/*RGPD*/
.rgpd_contact_notice {
	font-size: 12px;
	padding: 1em;
	font-weight: 700;
}
.rgpd_datapolicy{
	font-size: 12px;
	padding: 1em;
}
.rgpd_datapolicy a{
	padding: 0 !important;
	text-decoration-line: underline;
}

/* Listes produits */
.illustration{
	width: auto;
height: 120px; background:rgb(255, 255, 255); background-size: contain;
background-repeat: no-repeat; background-position: center;  margin:10px;
}
.illustration:hover {
    height: 140px; margin:0;
}
.search-query{
	padding: 1rem 1rem 0;
	font-weight: bold;
	text-decoration: underline;
}

/* Correctif menu autres langues */
.menu-menu-fr-container ul li a {
    padding: 5px 25px 6px !important;
}
.menu-menu-zh-container ul li a {
    padding: 5px 25px 6px !important;
}
.menu-menu-de-container ul li a {
    padding: 5px 25px 6px !important;
}
.menu-menu-it-container ul li a {
    padding: 5px 25px 6px !important;
}
.menu-menu-es-container ul li a {
    padding: 5px 25px 6px !important;
}
.menu-menu-nl-container ul li a {
    padding: 5px 25px 6px !important;
}
.menu-menu-ru-container ul li a {
    padding: 5px 25px 6px !important;
}
.menu-menu-pt-container ul li a {
    padding: 5px 25px 6px !important;
}

.faqs li{
	margin: 1rem;
}
.faqs a{
	color:black;
}
.faqs span, .manual span, .sheet-dl span{
	border: 1px solid #222;
	font-size: 0.8em;
	padding: 1px;
}
/* Guillemot addings */
.incident-table{
    border-bottom: 1px solid;
}
#dcp-head-incident{
    width: -moz-available;
    font-size: 2rem;
}
/* 29/02/2024 */
.ticket-detail-title{
    font-size: large;
}
.ticket-detail-subtitle{
    font-size: inherit;
    font-weight:bold;
}
.ticket-detail-div{
    padding-bottom: 15px;
}

.logo div {
    font-weight: 600;
    color: #fff;
    display: block;
    font-size: 15px;
}
@media screen and (min-width: 767px) {
    .logo div {
        margin-left: 15px;
    }
}  

/* 06/03/2024 */
.legacy-title{
    margin: 2rem 0;
    font-weight: bold;
    border: 1px solid black;
    text-align: center;
    padding: 1rem;
}
.email_info_card{
    background-image: url('images/icon-email.png');
    background-repeat: no-repeat;
    background-position: top left;
}
.user-details-1  .user-description{
    background-image: url('images/icon-notes.png');
    background-repeat: no-repeat;
    background-position: top left;
}
.updates-details .scp-all-annotation-list, .bcp_email_card{
    display:none;
}
#guillemot-historic-button{
    margin: 1rem 0;
}
#guillemot-historic-button span{
    display: inline-block;
    width: 7rem;
}


#guillemot-historic-button input[type="radio"]{
    appearance: none;
    border: 1px solid #d3d3d3;
    width: 30px;
    height: 30px;
    content: none;
    outline: none;
    margin: 0;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    vertical-align: middle;
    margin-right: 0.5rem;
}
 
#guillemot-historic-button input[type="radio"]:checked {
   appearance: none;
   outline: none;
   padding: 0;
   content: none;
   border: none;
}
 
#guillemot-historic-button input[type="radio"]:checked::before{
   position: absolute;
   color: green !important;
   content: "\00A0\2713\00A0" !important;
   border: 1px solid #d3d3d3;
   font-weight: bolder;
   font-size: 21px;
}

/* Aménagement zone documents */
#DocumentsGrid h5 {
    background: none;
    color: #5c5c5c !important;
    border-bottom: 1px solid #b4b4b4;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 15px;
    padding: 5px 0 10px;
}
#sharepoint-subgrid{
    border-top:none;
}
 /* Style the form */
#regForm {
  background-color: #ffffff;
  margin: 100px auto;
  padding: 40px;
  width: 70%;
  min-width: 300px;
}

/* Style the input fields */
input {
  padding: 10px;
  width: 100%;
  font-size: 17px;
  font-family: Raleway;
  border: 1px solid #aaaaaa;
}

.gui-warning{
    color: red !important;
    display: block;
    margin: 0 !important;
    margin-bottom: 1rem !important;
    padding: 3px;
    background-color: #ffc8d2;
    border: 1px solid;  
    font-size: 14px;  
}

/* Mark input boxes that gets an error on validation: */
input.invalid {
  background-color: #ffdddd;
}

/* Hide all steps by default: */
.tab {
  display: none;
}

/* Make circles that indicate the steps of the form: */
.step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none;
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}

/* Mark the active step: */
.step.active {
  opacity: 1;
}

/* Mark the steps that are finished and valid: */
.step.finish {
  background-color: #04AA6D;
} 

/* Additional CSS for multistep form in ticket Guillemot */
#gui-content-category-precision, #gui-content-title-precision, #gui-content-description-precision, #gui-content-attached-precision, #gui-content-title-kbe{
    padding: 1rem;
    margin: 0 0 1rem 0;
    border: 1px solid gray;
    font-weight: bold;
    display:none;
}

#gui-content-attached .custom-file-input{
    opacity: unset;
}

#gui-content-country label, #gui-content-category label, #gui-content-title label, #gui-content-description label, #gui-content-attached label {
    display:none;
}
/* Additional CSS for multistep form in ticket */
#hidden-area{
    display:none;
}

* {
    margin: 0;
    padding: 0
}

html {
    height: 100%
}

p {
    color: grey
}

#heading {
    text-transform: uppercase;
    color: #2B2B2B;
    font-weight: normal
}

#msform {
    text-align: center;
    position: relative;
    margin-top: 20px
}

#msform fieldset {
    background: white;
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 20px;
    position: relative
}

.form-card {
    text-align: left
}

#msform fieldset:not(:first-of-type) {
    display: none
}

#msform input, #msform select,
#msform textarea {
    padding: 8px 15px 8px 15px;
    border: 1px solid #ccc;
    border-radius: 0px;
    margin-bottom: 1rem;
    margin-top: 2px;
    width: 100%;
    box-sizing: border-box;
    font-family: montserrat;
    color: #2C3E50;
    background-color: #ECEFF1;
    font-size: 16px;
    letter-spacing: 1px
}

#msform input:focus,
#msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #2B2B2B;
    outline-width: 0
}

#msform .action-button {
    width: 100px;
    background: #2B2B2B;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 0px 10px 5px;
    float: right
}

#msform .action-button:hover,
#msform .action-button:focus {
    background-color: #1b9225
}

#msform .action-button-previous {
    width: 100px;
    background: #616161;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px 10px 0px;
    float: right
}

#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
    background-color: #000000
}

.card {
    z-index: 0;
    border: none;
    position: relative
}

.fs-title {
    font-size: 25px;
    color: #2B2B2B;
    margin-bottom: 15px;
    font-weight: normal;
    text-align: left
}

.purple-text {
    color: #2B2B2B;
    font-weight: normal
}

.steps {
    font-size: 25px;
    color: gray;
    margin-bottom: 10px;
    font-weight: normal;
    text-align: right
}

.fieldlabels {
    color: gray;
    text-align: left
}

#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey;
    margin-left: 0;
}

#progressbar .active {
    color: #2B2B2B
}

#progressbar li {
    list-style-type: none;
    font-size: 15px;
    width: 20%;
    float: left;
    position: relative;
    font-weight: 400
}
#gui-form {
    padding:3rem
}
/* Adaptation ecran mobile */
@media screen and (max-width: 710px) {
    #progressbar {
        margin-bottom: 10px;
    }
    #progressbar li strong{
        display:none;
    }
    #gui-form{
        padding:1rem
    }
    #heading, .fs-title{
        font-size: x-large;
    }
    .steps{
        font-size:large;
    }

}

/* Mise en forme des boutons pièce jointe */
.dcp_attachment_add_btn, .dcp_attachment_clear_btn, .dcp_attachment_remove_btn{
    border: 1px solid #000;
    background-color: rgb(141, 145, 157);
    color: #fff;
    font-weight: 700;
    padding: 0.75em 0.875em 0.625em;
    margin-right: 1rem;
}
.dcp_attachment_add_btn:hover, .dcp_attachment_clear_btn:hover, .dcp_attachment_remove_btn:hover{
    color: #000;
}

#progressbar #gui-country:before,#progressbar #gui-category:before,#progressbar #gui-title:before,#progressbar #gui-description:before,#progressbar #gui-confirm:before,#progressbar #personal:before {
    font-family: FontAwesome;
}
#progressbar #gui-country:before{
    content: "\f0ac"
}
#progressbar #gui-category:before {
    content: "\f0f0"
}
#progressbar #gui-title:before {
    content: "\f040"
}
#progressbar #gui-description:before {
    content: "\f044"
}
#progressbar #gui-confirm:before {
    content: "\f019"
}

#progressbar #confirm:before {
    font-family: FontAwesome;
    content: "\f00c"
}

#progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 20px;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1
}

#progressbar li.active:before,
#progressbar li.active:after {
    background: #2B2B2B
}

.progress {
    height: 20px
}

#msform .progress-bar {
    background-color: #797e8c !important;
}

.fit-image {
    width: 100%;
    object-fit: cover
}
.gui-info{
    color: grey;
}

.kbe-item{
    padding: 0.25rem 0.5rem 0.25rem 0.5rem;
    display: block;
    margin: 0.5rem 0;
    background-color: #eceff1;
    border:1px solid #eceff1;
    color:#595959;
}
.kbe-item:hover{
    border:1px solid #000;
    text-decoration:none;
    color: black;
}
.kbe-item:after{
    font-family: FontAwesome;
    content: "\f08e";
    margin-left: 0.5rem;
    font-size: large;
}

#loader{
    text-align:center
}
#loader .loader{
    margin: auto;
    margin-bottom: 2rem;
}
#loader h2{
    font-size: 25px;
    font-weight: 400;
    margin: 0.5em;
    margin-top: 0.5em;    
}
.loader {
	border: 16px solid #f3f3f3; /* Light grey */
	border-top: 16px solid red; /* Blue */
	border-radius: 50%;
	width: 120px;
	height: 120px;
	animation: spin 2s linear infinite;
}
  
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* MAJ 13/10/2023 */
.accordionV2 .sheet-dl{
	border: 0 !important;
	border-radius: 0 !important;
	padding: 1em;
}
.accordionV2 .sheet-mapping{
 /* display: flex;*/
   font-family: Verdana,Arial,sans-serif;
}
.sheet-special-v2{
  width: 95% !important;
  margin: 0px auto !important;
  font-size: 0.9em !important;
  line-height: 1.4em !important;
}
.warning-text{
  padding: 1rem;
}
.sheet-special-v2 h2, #accordionV2 h2 {
  border: 0 !important;
  background: #333 !important;
  font-size: 18px !important;
  font-weight: normal !important;
  color: #EEE !important;
  line-height: 1.8em !important;
  height: 34px;
  padding-left: 20px;
    font-family: Verdana,Arial,sans-serif;
}
#accordionV2 table{
	border:0;
}

.mapping_image ul li, .gamessettings li, .sheet-faq li{
	list-style: outside none none;	
}

.gamessettings li table, .sheet-faq li table, .search-kb li{
  border-collapse: separate;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 1em 0 ;
}

.mapping_image li table tr td {
  text-align: center;
  font-size: 9px !important;
  font-weight: 700;
}

.mapping_image li{
	display:table-cell;
}

.sheet-dl table td:first-child, .sheet-dl table td:last-child, .sheet-dl table td:nth-of-type(2n + 1){
	width:50px;
}

.mapping-detail{
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom;
	height: 215px;
	width: 280px;
	margin: 10px;
	display: inline-block;
}
.mapping-detail div{
	background: white;
	color: black;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.warning-detail{
    
}

/* Disparition fenêtre modale parasite */
.modal-backdrop{
    display:none
}