/*Debut Font Face*/ 
@font-face {
    font-family: 'Barlow';
	font-display: auto;
    src: url('font/barlow/Barlow-ExtraBoldItalic.woff2') format('woff2'),
        url('font/barlow/Barlow-ExtraBoldItalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Barlow';
	font-display: auto;
    src: url('font/barlow/Barlow-ExtraBold.woff2') format('woff2'),
        url('font/barlow/Barlow-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Barlow';
	font-display: auto;
    src: url('font/barlow/Barlow-BoldItalic.woff2') format('woff2'),
        url('font/barlow/Barlow-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Barlow Condensed';
	font-display: auto;
    src: url('BarlowCondensed-Medium.woff2') format('woff2'),
        url('BarlowCondensed-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Barlow Semi Condensed';
	font-display: auto;
    src: url('BarlowSemiCondensed-SemiBold.woff2') format('woff2'),
        url('BarlowSemiCondensed-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Barlow';
	font-display: auto;
    src: url('font/barlow/Barlow-Black.woff2') format('woff2'),
        url('font/barlow/Barlow-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Barlow Semi Condensed';
	font-display: auto;
    src: url('BarlowSemiCondensed-ExtraBold.woff2') format('woff2'),
        url('BarlowSemiCondensed-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Barlow Semi Condensed';
	font-display: auto;
    src: url('BarlowSemiCondensed-Medium.woff2') format('woff2'),
        url('BarlowSemiCondensed-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Barlow';
	font-display: auto;
    src: url('font/barlow/Barlow-LightItalic.woff2') format('woff2'),
        url('font/barlow/Barlow-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Barlow Semi Condensed';
	font-display: auto;
    src: url('BarlowSemiCondensed-ExtraBoldItalic.woff2') format('woff2'),
        url('BarlowSemiCondensed-ExtraBoldItalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Barlow Condensed';
	font-display: auto;
    src: url('BarlowCondensed-BlackItalic.woff2') format('woff2'),
        url('BarlowCondensed-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Barlow Condensed';
	font-display: auto;
    src: url('BarlowCondensed-LightItalic.woff2') format('woff2'),
        url('BarlowCondensed-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Barlow Semi Condensed';
	font-display: auto;
    src: url('BarlowSemiCondensed-Thin.woff2') format('woff2'),
        url('BarlowSemiCondensed-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Barlow Semi Condensed ExLight';
	font-display: auto;
    src: url('BarlowSemiCondensed-ExtraLight.woff2') format('woff2'),
        url('BarlowSemiCondensed-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Barlow Semi Condensed';
	font-display: auto;
    src: url('BarlowSemiCondensed-MediumItalic.woff2') format('woff2'),
        url('BarlowSemiCondensed-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Barlow Condensed';
	font-display: auto;
    src: url('BarlowCondensed-BoldItalic.woff2') format('woff2'),
        url('BarlowCondensed-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Barlow Semi Condensed';
    src: url('BarlowSemiCondensed-SemiBoldItalic.woff2') format('woff2'),
        url('BarlowSemiCondensed-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Barlow Condensed';
	font-display: auto;
    src: url('BarlowCondensed-MediumItalic.woff2') format('woff2'),
        url('BarlowCondensed-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Barlow';
	font-display: auto;
    src: url('font/barlow/Barlow-MediumItalic.woff2') format('woff2'),
        url('font/barlow/Barlow-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Barlow Condensed';
	font-display: auto;
    src: url('BarlowCondensed-Italic.woff2') format('woff2'),
        url('BarlowCondensed-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Barlow';
	font-display: auto;
    src: url('font/barlow/Barlow-Bold.woff2') format('woff2'),
        url('font/barlow/Barlow-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Barlow';
	font-display: auto;
    src: url('font/barlow/Barlow-SemiBold.woff2') format('woff2'),
        url('font/barlow/Barlow-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Barlow';
	font-display: auto;
    src: url('font/barlow/Barlow-Italic.woff2') format('woff2'),
        url('font/barlow/Barlow-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Barlow';
	font-display: auto;
    src: url('font/barlow/Barlow-BlackItalic.woff2') format('woff2'),
        url('font/barlow/Barlow-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Barlow Condensed';
	font-display: auto;
    src: url('BarlowCondensed-ExtraBold.woff2') format('woff2'),
        url('BarlowCondensed-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Barlow Semi Condensed ExLight';
	font-display: auto;
    src: url('BarlowSemiCondensed-ExtraLightItalic.woff2') format('woff2'),
        url('BarlowSemiCondensed-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Barlow Semi Condensed';
	font-display: auto;
    src: url('BarlowSemiCondensed-Bold.woff2') format('woff2'),
        url('BarlowSemiCondensed-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Barlow';
	font-display: auto;
    src: url('font/barlow/Barlow-Medium.woff2') format('woff2'),
        url('font/barlow/Barlow-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Barlow Condensed';
	font-display: auto;
    src: url('BarlowCondensed-Regular.woff2') format('woff2'),
        url('BarlowCondensed-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Barlow';
	font-display: auto;
    src: url('font/barlow/Barlow-SemiBoldItalic.woff2') format('woff2'),
        url('font/barlow/Barlow-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Barlow';
	font-display: auto;
    src: url('font/barlow/Barlow-Thin.woff2') format('woff2'),
        url('font/barlow/Barlow-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Barlow';
	font-display: auto;
    src: url('font/barlow/Barlow-ThinItalic.woff2') format('woff2'),
        url('font/barlow/Barlow-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Barlow Condensed';
	font-display: auto;
    src: url('BarlowCondensed-Black.woff2') format('woff2'),
        url('BarlowCondensed-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Barlow Semi Condensed';
	font-display: auto;
    src: url('BarlowSemiCondensed-LightItalic.woff2') format('woff2'),
        url('BarlowSemiCondensed-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Barlow Semi Condensed';
	font-display: auto;
    src: url('BarlowSemiCondensed-BoldItalic.woff2') format('woff2'),
        url('BarlowSemiCondensed-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Barlow Semi Condensed';
	font-display: auto;
    src: url('BarlowSemiCondensed-BlackItalic.woff2') format('woff2'),
        url('BarlowSemiCondensed-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Barlow Semi Condensed';
	font-display: auto;
    src: url('BarlowSemiCondensed-Italic.woff2') format('woff2'),
        url('BarlowSemiCondensed-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Barlow';
	font-display: auto;
    src: url('font/barlow/Barlow-ExtraLight.woff2') format('woff2'),
        url('font/barlow/Barlow-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Barlow Condensed';
	font-display: auto;
    src: url('BarlowCondensed-ExtraLight.woff2') format('woff2'),
        url('BarlowCondensed-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Barlow Condensed';
	font-display: auto;
    src: url('BarlowCondensed-Bold.woff2') format('woff2'),
        url('BarlowCondensed-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Barlow Semi Condensed';
	font-display: auto;
    src: url('BarlowSemiCondensed-ThinItalic.woff2') format('woff2'),
        url('BarlowSemiCondensed-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Barlow Condensed';
	font-display: auto;
    src: url('BarlowCondensed-Thin.woff2') format('woff2'),
        url('BarlowCondensed-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Barlow Condensed';
	font-display: auto;
    src: url('BarlowCondensed-Light.woff2') format('woff2'),
        url('BarlowCondensed-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Barlow Semi Condensed';
	font-display: auto;
    src: url('BarlowSemiCondensed-Light.woff2') format('woff2'),
        url('BarlowSemiCondensed-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Barlow Condensed';
	font-display: auto;
    src: url('BarlowCondensed-ExtraLightItalic.woff2') format('woff2'),
        url('BarlowCondensed-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Barlow Condensed';
	font-display: auto;
    src: url('BarlowCondensed-SemiBoldItalic.woff2') format('woff2'),
        url('BarlowCondensed-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Barlow Semi Condensed';
	font-display: auto;
    src: url('BarlowSemiCondensed-Black.woff2') format('woff2'),
        url('BarlowSemiCondensed-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Barlow Condensed';
	font-display: auto;
    src: url('BarlowCondensed-SemiBold.woff2') format('woff2'),
        url('BarlowCondensed-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Barlow';
	font-display: auto;
    src: url('font/barlow/Barlow-Regular.woff2') format('woff2'),
        url('font/barlow/Barlow-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Barlow';
	font-display: auto;
    src: url('font/barlow/Barlow-Black.woff2') format('woff2'),
        url('font/barlow/Barlow-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Barlow';
	font-display: auto;
    src: url('font/barlow/Barlow-Light.woff2') format('woff2'),
        url('font/barlow/Barlow-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Barlow Condensed';
	font-display: auto;
    src: url('BarlowCondensed-ThinItalic.woff2') format('woff2'),
        url('BarlowCondensed-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Barlow Semi Condensed';
	font-display: auto;
    src: url('BarlowSemiCondensed-Regular.woff2') format('woff2'),
        url('BarlowSemiCondensed-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Barlow Condensed';
	font-display: auto;
    src: url('BarlowCondensed-ExtraBoldItalic.woff2') format('woff2'),
        url('BarlowCondensed-ExtraBoldItalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Barlow';
	font-display: auto;
    src: url('font/barlow/Barlow-ExtraLightItalic.woff2') format('woff2'),
        url('font/barlow/Barlow-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
}


/*Fin Font Face*/
*{
	transition: filter .5s ease;
}
body
{
scrollbar-face-color:#A49B82;
scrollbar-arrow-color:#EDE9DE;
scrollbar-track-color: #A49B82;
scrollbar-3dlight-color: #A49B82;
scrollbar-darkshadow-color: #6B6451;
}

h1
{
	font-family: 'Barlow', Verdana;
	font-size : 10px;
	margin: 2.5px;
	text-decoration: none;
}

h2
{
	font-family: 'Barlow', Verdana;
	font-size : 10px;

	text-decoration: none;
}


a
{
	font-family: 'Barlow', Verdana;
	font-weight: bold;
	font-size : 10px;
	color: #888888;
	text-decoration: none;
}

a:hover
{
	font-family: 'Barlow', Verdana;
	font-weight: bold;
	font-size : 10px;
	color: #AAAAAA;
	text-decoration: none;
}

a.sousmenu
{
	font-family: 'Barlow', Verdana;
	font-weight: bold;
	font-size : 10px;
	color: #9C9887;
	text-decoration: none;
}

a.sousmenu:hover
{
	font-family: 'Barlow', Verdana;
	font-weight: bold;
	font-size : 10px;
	color: #6B6761;
	text-decoration: none;
}

a.menuhaut
{
	font-family: 'Barlow', Verdana;
	font-weight: bold;
	font-size : 10px;
	color: #FFFFFF;
	text-decoration: none;
}

a.menuhaut:hover
{
	font-family: 'Barlow', Verdana;
	font-weight: bold;
	font-size : 10px;
	color: #FFFFFF;
	text-decoration: none;
}

.textegras
{
	font-family: 'Barlow', Verdana;
	font-weight: bold;
	font-size : 14px;
	color: #808080;
	text-decoration: none;
}

.text
{
	font-family: 'Barlow', Verdana;
	font-weight: normal;
	font-size : 14px;
	color: #808080;
	text-decoration: none;
}

.text a
{
	font-family: 'Barlow', Verdana;
	font-weight: normal;
	font-size : 14px;
	color: #808080;
	text-decoration: none;
}
.text a:hover
{
	font-family: 'Barlow', Verdana;
	font-weight: normal;
	font-size : 14px;
	color: #AAAAAA;
	text-decoration: none;
}


.textegrasorange
{
	font-family: 'Barlow', Verdana;
	font-weight: bold;
	font-size : 14px;
	color: #F39525;
	text-decoration: none;
}

.textenormalorange
{
	font-family: 'Barlow', Verdana;
	font-weight: normal;
	font-size : 14px;
	color: #F39525;
	text-decoration: none;
}

a.textenormalorange
{
	font-family: 'Barlow', Verdana;
	font-weight: normal;
	font-size : 14px;
	color: #F39525;
	text-decoration: none;
}
a.textenormalorange:hover
{
	font-family: 'Barlow', Verdana;
	font-weight: normal;
	font-size : 14px;
	color: #F9B225;
	text-decoration: none;
}

.textegrasrouge
{
	font-family: 'Barlow', Verdana;
	font-weight: bold;
	font-size : 14px;
	color: #E54209;
	text-decoration: none;
}
.textenormalrouge
{
	font-family: 'Barlow', Verdana;
	font-weight: normal;
	font-size : 14px;
	color: #E54209;
	text-decoration: none;
}

a.textenormalrouge
{
	font-family: 'Barlow', Verdana;
	font-weight: normal;
	font-size : 14px;
	color: #E54209;
	text-decoration: none;
}
a.textenormalrouge:hover
{
	font-family: 'Barlow', Verdana;
	font-weight: normal;
	font-size : 14px;
	color: #E54209;
	text-decoration: none;
}

.textegrasgris
{
	font-family: 'Barlow', Verdana;
	font-weight: bold;
	font-size : 14px;
	color: #89816a;
	text-decoration: none;
}

.textenormalgris
{
	font-family: 'Barlow', Verdana;
	font-weight: normal;
	font-size : 14px;
	color: #a49e8c;
	text-decoration: none;
}

/* GENERAL */

body {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	position: relative;
}


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

	body {
		width: 1200px;
	}

	.menu-research, .top, .footer  {
		width: 1200px;
	}
}

/*MENU*/
.top {
	background-image: url('/includes/media/patern_header.png');
	height: 118px;
	/*background:linear-gradient(to left, rgba(181, 112, 9, 0.2) 30%, rgba(255, 255, 255, 1)100%);*/
}

.menu-top {
	float: left;
	width: 60%;
	/*background-color: rgba(255,255,255,0.5);*/
	padding: 20px 45px;
	box-sizing: border-box;
	height: 115px;
	font-family: 'Barlow', Verdana;
	position: relative;
	height: 118px;
}

.menu-top label {
	position: absolute;
	top: 75px;
	left: 60px;
	cursor: pointer;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 13px;
}

.menu-top label:before {
	content: "";
	height: 30px;
	width: 30px;
	background-size: 30px 30px;
	background-image: url('media/menu.svg');
	position: absolute;
	top: -32px;
	left: 1px;
}

.menu-top input[type=checkbox]:checked ~ label {
	margin-top: 10px;
}

.menu-top input[type=checkbox]:checked ~ label:before {
	background-image: url('media/menu_close.svg');
}

.menu-top input[type=checkbox]:checked ~ label span {
	display: none;
}

.menu-top .dropdown-content {
    /*display: none; */
	margin-left: 70px;
	margin-top: 0px;
	opacity: 0;
	visibility: hidden;
	position: relative;
}

.menu-top input[type=checkbox] {
    display: none;
}

.menu-top input[type=checkbox]:checked ~ .dropdown-content {
    /*display: block;*/
	float: left;
	opacity: 1;
	visibility: visible;
	transition: visibility 0s, opacity 0.0.5s linear;
}

.menu-top .dropdown-content ul {
	list-style-type : none;
	margin-top: 5px;
}

.menu-top .dropdown-content ul li {
	display : inline-block;
	padding: 5px;
	text-transform: uppercase;
	margin: 10px;
	font-weight: 700;
	font-size: 14px;
	cursor: pointer;
	border-bottom: 2px solid transparent;
}

.menu-top .dropdown-content li:hover {
	border-bottom: 2px solid black;
}

.menu-top input[type=checkbox]:checked  ~ a {
	display: none;
}

.research input::-ms-input-placeholder {
    color: white;
}

.bandeau-top {
	position: relative;
	float: right;
	width: 40%;
	height: 118px;
	padding: 25px;
	box-sizing: border-box;
	font-family: 'Barlow', Verdana;
	/* background: linear-gradient(to left, rgba(251, 227, 191, 0.5) 0%, rgba(255, 255, 255, 1)100%); */
}



.bandeau-top p {
	margin: 0;
	margin-left: 30%;
	color: #C9081D;
	font-style: italic;
	font-size: 20px;
	font-weight: 700;
	margin-top: 40px;
}


.menu-top .logo {
	margin-left: 100px;
	position: absolute;
	top: 25px;
}

.research form {
	margin: 0;
	padding: 10px;
}

/* RECHERCHE */
.research {
	background-color: #D81E35;
	font-family: 'Barlow', Verdana;
	float: left;
	width: calc(100% - 1201px);
	position: relative;
	height: 39px;
	border-right: 1px solid #AC0D20;
	min-width:510px;
}

.rech-ok{
	font-weight: 700;
	color: white;
	position: absolute;
	right: 15px;
	font-size: 15px;
	top: 10px;
	font-style: italic;
	font-family: 'Barlow', Verdana;
}

.rech-ok:hover {
	cursor:pointer;
}

.research input {
	background-color: #f16a7a;
	border: none;
	font-weight: 500;
	color: white;
	font-style: italic;
	font-family: 'Barlow', Verdana;
	font-size: 13px;
}

.research input::placeholder  {
	color: white;
}

.research form {
	margin-left: 70px;
	position: relative;
}

.research form:before {
	content: "";
	width: 15px;
	height: 15px;
	background-size: 15px 15px;
	background-image: url('media/recherche.svg');
	position: absolute;
	left: -25px;
	top: 12px;
}

.research form:after {
	content: "|";
	position: absolute;
	left: 0px;
	top: 9px;
	color: white;
}

.brand, .services, .supportnav {
	width: 220px;
	text-align: center;
	float: right;
	height: 39px;
	box-sizing: border-box;
	padding: 10px 40px;
}

.brand , .contact , .services , .supportnav, .quinav {
	font-family: 'Barlow', Verdana;
	font-size: 17px !important;
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	color: white !important;
	font-weight: normal;
	line-height: initial;
}
.contact, .quinav{
	width: 220px;
	text-align: center;
	float: right;
	height: 39px;
	box-sizing: border-box;
	padding: 10px 30px;
	}
.brand {
	background-color: #D81E35;
	border-left: 1px solid #AC0D20;border-right: 1px solid #AC0D20;
}

.brand:hover {
	background-color: #AC0D20;
}

.contact {
	background-color: #D81E35;
	border-left: 1px solid #AC0D20;border-right: 1px solid #AC0D20;
}
.contact:hover{
	background-color:#AC0D20;
	-webkit-transition: background-color 0.0.5s ease-out;
	-moz-transition: background-color 0.0.5s ease-out;
	-o-transition: background-color 0.0.5s ease-out;
	transition: background-color 0.0.5s ease-out;
}

.services{
	background-color: #D81E35;
	border-left: 1px solid #AC0D20;border-right: 1px solid #AC0D20;
}

.services:hover{
	background-color: #AC0D20;
}

.supportnav{
	background-color: #E9B630;
}

.supportnav:hover{
	background-color: #FCCE58;
}

.quinav{
	background-color: #D81E35;
	border-left: 1px solid #AC0D20;border-right: 1px solid #AC0D20;
}

.quinav:hover{
	background-color: #AC0D20;
}
#compte2{
	display: none;
}
.compte{
	text-align: center;
	float: right;
	height: 39px;
	box-sizing: border-box;
	padding: 2.5px 0px;
	width:50px;
	background-color: #D81E35;
	border-left: 1px solid #AC0D20;border-right: 1px solid #AC0D20;
}

.compte img{
	width:40px;
}

.compte:hover{
	background-color: #AC0D20;
}

.home{
	text-align: center;
	float: right;
	height: 39px;
	box-sizing: border-box;
	padding: 2.5px 0px;
	width:50px;
	background-color: #D81E35;
	border-left: 1px solid #AC0D20;border-right: 1px solid #AC0D20;
}

.home img{
	width:40px;
}

.home:hover{
	background-color: #AC0D20;
}

.support-dropbtn {
    width: 220px;
	text-align: center;
	float: right;
	height: 39px;
	font-weight:normal;
    border:0px solid;
	box-sizing: border-box;
	padding: 10px 40px;
    font-family: 'Barlow', Verdana;
	font-size: 17px !important;
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	color: white !important;
	background-color: #D81E35;
	border-left: 1px solid #AC0D20;border-right: 1px solid #AC0D20;
	line-height: initial;
}

.support-dropdown {
    position: relative;
    display: block;
	z-index:1110;
}

.support-content {
    display: none;
    position: absolute;
    margin-top:39px;
    background-color: #D81E35;
    min-width: 100%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 200;
}

.support-content a {
    color: white;
    padding: 12px 6px;
    font-size: 17px !important;
    text-decoration: none;
    display: block;
    font-family: 'Barlow', Verdana;
    text-align:center;
	font-weight: normal;
}

.support-content a:hover {background-color: #AC0D20}

.support-dropdown:hover .support-content {
    display: block;
}

.support-dropdown:hover .support-dropbtn {
    background-color: #AC0D20;
    cursor:pointer;
}

.contact-dropbtn {
    width: 220px;
	text-align: center;
	float: right;
	height: 39px;
	font-weight:normal;
    border:0px solid;
	box-sizing: border-box;
	padding: 10px 40px;
    font-family: 'Barlow', Verdana;
	font-size: 17px !important;
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	color: white !important;
	background-color: #D81E35;
	border-left: 1px solid #AC0D20;border-right: 1px solid #AC0D20;
	line-height: initial;
}

.contact-dropdown {
    position: relative;
    display: block;
}

.contact-content {
    display: none;
    position: absolute;
    margin-top:39px;
    background-color: #D81E35;
    min-width: 100%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 200;
}

.contact-content a {
    color: white;
    padding: 12px 6px;
    font-size: 17px !important;
    text-decoration: none;
    display: block;
    font-family: 'Barlow', Verdana;
    text-align:center;
	font-weight: normal;
}

.contact-content a:hover {background-color: #AC0D20}

.contact-dropdown:hover .contact-content {
    display: block;
}

.contact-dropdown:hover .contact-dropbtn {
    background-color: #AC0D20;
    cursor:pointer;
}
@media screen and (max-width: 1602px) {
	.brand{
		padding:10px 20px;
	}
 }
@media screen and (max-width: 1402px) {
	.contact, .brand{
		padding:10px 10px;
	}

	.services{
		padding:10px 0px;
	}
	.support-dropbtn,.contact-dropbtn {
		padding:10px 20px;
    }
	.bandeau-top p{
		margin-left:13%;
	}
}
@media screen and (max-width: 1266px) {
	.brand{
		padding: 0px 10px;
	}
}

@media screen and (max-width: 1200px) {
	.research {
		min-width: 33%;
	}

	 .contact, .quinav{
		padding:10px 20px;
	}
	.brand, .services, .supportnav{
		padding:10px 20px;
	}
	.support-dropbtn, .contact-dropbtn {
		padding:10px 20px;
    }

	.menu-top {
		width: 60%;
	}
	.home,.compte{
		display:none;
	}
	#compte2{
		display: inherit;
	}
	.bandeau-top {
		position:absolute;
		width:570px;
		left: calc(1200px - 570px);
	}
}

/***************************
 ******** PAGE PRODUIT *****
 **************************/

 /* BREADSCUMBS */
 .breadcrumbs {
	 padding: 4px 15px;
	 position: relative;
	 height: 26.5px;
	box-sizing: border-box;
 }

 .breadcrumbs .category {
	 float: left;
 }


 .breadcrumbs .sub-category:before {

	content:"/";
	font-size: 16px;
	margin-left: 3px;
	margin-right: 5px;
	color: white;
 }

.breadcrumbs .sub-category a {
	color: white;
	font-weight: normal;

}

.breadcrumbs .category a {
	text-transform: uppercase;
	color: white;
	font-size: 15px;
	font-weight: normal;
}


/* PRODUCT TITLE */
.category-product {
	float: left;
	color: #492064;
	font-weight: normal;
}

.category-product  + .product-name:before {
	content: "/";
	font-size: 10px;
	margin: 0 5px;
	font-weight: normal;
}

.category-product  + .product-name {
	float: left;
	font-weight: 700;
	text-transform: upppercase;
	font-size: 12px;
	line-height: 12px;
}

/* GENERAl */
.know-price {
	padding: 5px 30px;
	color: white;
	opacity : 1;
	text-transform: uppercase;
	font-size: 14px;
	display: inline-block;
	margin-bottom: 10px;
}
.know-price:hover {
	opacity:0.7;
	-webkit-transition: opacity 0.25s ease-out;
	-moz-transition: opacity 0.25s ease-out;
	-o-transition: opacity 0.25s ease-out;
	transition: opacity 0.25s ease-out;
}
.obsolete{
	padding: 5px 30px;
	color: white;
	text-transform: uppercase;
	font-size: 11px;
	display: inline-block;
	margin-bottom: 10px;
}

.product-title {
	font-size: 14px;
	color: #492064;
	text-transform: uppercase;
	font-weight: 700;
	font-family: 'Barlow', Verdana;
	padding-bottom: 10px;
}

.product-attribute-name {
	text-transform: uppercase;
	font-weight: 700;
	font-family: 'Barlow', Verdana;
	font-size: 16px;
}

.return {
	color: white;
	text-transform: uppercase;
	position: absolute;
	right: 10px;
	top: 6px;
	font-family: 'Barlow', Verdana;
	font-size: 10px;
	cursor: pointer;
}

/* PICTO */
.tet-dimp, .voir, .faq, .tel-plaquette, .etiquettes {
	width: 15px;
	height: 15px;
	margin-top: -7px;
}

.texte {
	margin-right: 3px;
	text-transform: uppercase;
	color: #492064;
	font-weight: 700;
}

/* IMGS */
.imgs {
	float: left;
	margin-right: 30px;
	width: 368px;

}

.imgs a:first-child {
	width: 100%;
}

#Table8 {
	display: block;
	float: left;
	width:58%;
}

#Table192 {
	display: block;
	float: left;
	width:100%;
}


.imgs  a:first-child  img {
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
	border: 4px solid #F1F1F1;
	display: block;
}

.imgs  img {
	float: left;
	padding: 15px;
	box-sizing: border-box;
	border: 4px solid #F1F1F1;
	margin: 2px;
	margin-left: 0;
	float: left;
}
.photoprod{
	height:95px;
	cursor:zoom-in;
}

@media screen and (max-width: 1400px){
	.imgs {
	float: left;
	margin-right: 30px;
	width: 290px;
	}
	#Table8 {
	width:570px;
	overflow:hidden;
	}

	#Table192{
		width:100%;
	}
}

#Table7 {
	margin-bottom: 15px;
}

/* PRODUITS LIES */
.products-linked {
	text-transform: uppercase;
	color: #492064;
	font-weight: bold;
	font-size: 13px;
	font-family: 'Barlow', Verdana;
}

.under-products-linked {
	color: #492064;
}

#Table18 {
	margin-bottom: 10px;
}

.product-linked img {
	float: left;
	width: 80px;
	height: 80px;
}

.product-linked {
	float: left;
	padding: 10px;
	margin-bottom: 10px;
	margin-right:5px;
	box-sizing: border-box;
	position: relative;

}

.product-linked:hover{
	background-color:#CCCCCC;
}

.product-info {
	float: left;
	width: 200px;
	padding-left: 10px;
}

.product-linked .product-description {
	float: left;
	color: black;
	font-size: 10px;
	font-weight: normal;
	max-height: 48px;
	overflow: hidden;
	line-height: 12px;
}

.product-linked .product-name {
	float: left;
	font-weight: normal;
	font-size: 12px;
	font-family: 'Barlow', Verdana;
}

.product-linked .more {
	float: left;
	font-weight: 700;
	font-size: 12px;
	font-family: 'Barlow', Verdana;
	text-transform: uppercase;
	/*position: absolute;*/
	bottom: 10px;
}

.dotted {
	background-image: linear-gradient(to right, #492064 33%, rgba(255,255,255,0) 0%);
	background-position: bottom;
	background-size: 6px 2px;
	background-repeat: repeat-x;
	height: 6px;
}

/* BANDEAU DROITE */
/* TODO WITH NEWS IMG */
.panel-right {
	position: relative;
}

.panel-right img {
	object-fit: scale-down;
	height: 65px;
	padding : 4px 0;
	position: relative;
}


.panel-right br  {
	display: none;
}

.panel-right p {
	margin: 0;
}

.panel-right a {
	display: block;
	position: relative;
	margin-left:0px;
}

.panel-right .white-line {
	color: white;
	width: 300px;
	margin-bottom: -2px;
	margin-top: 0;
	border: 1px solid white;
	position: absolute;
	left: 50%;
	opacity : 0;
	transform: translateX(-50%);
	z-index: 99;
}

.panel-right .link-desc {
	position: absolute;
	z-index: 3;
	transform: translate(-50%, -50%);
	left: 50%;
	text-transform: uppercase;
	width: 100%;
	color: white;
	font-size: 13px;
}


/* BANDEAU PUB */
.cycle-slideshow img {
	height: 100%;
	width: 100%;
	z-index:1;
}

.cycle-slideshow {
	left: 190px;
	height: calc(100vw * 130 / 1683);
	width: calc(100vw - 207px);
	top: 157px;
	position: absolute;
	overflow: hidden;
}

.cycle-slideshow + table > tbody > tr > td:nth-child(n+2) {
	padding-top: calc(100vw * 130 / 1683);
}
@media screen and (max-width:600px){
	.cycle-slideshow{
		width:calc(1156px - 190px);
	}

}
/* FOOTER */
.footer .panel-left {
	width: 55px;
	float: left;
	background-color: #CDCDCD;
	height: 156px;
}

.footer .content {
	float: left;
	width: calc(100% - 55px);
	background-color: #CDCDCD;
	height: 156px;
	padding: 30px 20px 0;
	font-family: 'Barlow', Verdana;
	font-size: 10px;
	font-weight: bold;
	box-sizing: border-box;
	line-height: 16px;
}

.footer .content a {
	color: black;
}

.footer .content .left{
	float: left;
	width: 50%;
	text-align: left;
	text-transform: uppercase;
}

.footer .content .title {
	color: #C92C3B !important;
	float: left;
	font-size: 12px;
	line-height: 12px;
}

.footer .content a {
	float: left;
}

.footer .content .right a {
	font-weight: normal !important;
}

.footer .content .right{
	float: left;
	width: 50%;
	text-align: left;
	font-weight: normal !important;
}

/* MENU GAUCHE */
.groupe {
	position: relative;
}

.groupe .open-close {
	height: 29px;
	width: 25px;
	display: block;
	position: relative;
}

.groupe .open-close:after {
	background-image: url("media/fleche_bas.svg");
	background-size: 12px 12px;
    height: 12px;
    width: 12px;
    display: block;
    position: absolute;
    right: 8px;
    top: 9px;
	content: "";
}

.groupe .open-close.closed:after {
	transform: rotate(-180deg);
}

/*Button Submit Valider*/
.valider input[type=submit], .valider input[type=button]{
	background-color: #F2A73C;
    border: none;
    color: white;
    padding: 5px 10px;
    font-family: 'Barlow', Verdana;
	font-weight: bold;
    -webkit-transition: background-color 0.25s ease-out;
	-moz-transition: background-color 0.25s ease-out;
	-o-transition: background-color 0.25s ease-out;
	transition: background-color 0.25s ease-out;
	-webkit-transition: transform 0.25s ease-out;
	-moz-transition: transform 0.25s ease-out;
	-o-transition: transform 0.25s ease-out;
	transition: transform 0.25s ease-out;
    cursor: pointer;

}

.valider input[type=submit]:hover, .valider input[type=button]:hover{
	background-color:#DA8713;
	transform: scale(1);

}

.bouton {
	display:inline-block;
	background-color:#FFD496;
	border: none;
    color: white;
	padding: 5px 10px;
	font-family: 'Barlow', Verdana;
	font-weight: bold;
	-webkit-transition: background-color 0.25s ease-out;
	-moz-transition: background-color 0.25s ease-out;
	-o-transition: background-color 0.25s ease-out;
	transition: background-color 0.25s ease-out;
	cursor: pointer;
	border-radius:5px;
}

.bouton:hover{
	background-color:#F2A73C;

}

/*Pictogramme test*/
.picto{
	opacity:1;
}
.picto:hover{
	opacity:0.75;
}

/*lexique*/
.lettre img{
	opacity:1;
}

.lettre img:hover{
	opacity:0.5;
}

/*Réglage Taille Mobile */
.affichage-mobile{
	width:100%;
}
@media screen and (max-width:1200px){
.affichage-mobile{
	width:1200px;
}
}
/*text fiche Produit*/
.opac-text{
	opacity:1;
}

.opac-text:hover{
	opacity:0.75;
}

.fleche{
	opacity:1;
}

.fleche:hover{
	opacity:0.5;
	cursor:pointer;
}

#bordercookie{
	position : fixed;
	bottom : 0;
	left : 0;
	right : 0;
	min-height : 115px;
	background-color : #3A3A3A;
	opacity : 0.8;
	border-radius : 15px 15px 0px 0px;
	z-index:100;
}

#bordercookie button{
	background-color:#FDF991;
    width:50px;
    border: 1px solid #FDF991;
    border-radius : 15px;
    color:#3A3A3A;
    font-family: 'Barlow', Verdana;
    font-weight : bold;
}
#bordercookie button:hover{
	background-color:#E1E414;
    border: 1px solid #E1E414;
    transform:scale(1.05);
}

#bordercookie a{
	font-uppercase : none;
	color : white;

	font-weight : bold;
font-size : 12px;
}
#bordercookie a:hover{
	opacity:0.5;
}

.privacypolicy {
	font-family : 'Barlow', Verdana;
	font-size : 11px;
	padding : 0px 16px;

}

.privacypolicy h1 {
	font-weight : bold;
	font-size : 1.5em;
}

.privacypolicy h2 {
	font-weight : bold;
	font-size : 1.25em;
}
/* .privacypolicy h1,h2,h3,h4{ */
/* text-align:center; */
/* } */
.privacypolicy ul {
	list-style-type : square;
}

.first-sum{
	color : #F78e1d;
	font-weight : bold;
	text-transform : uppercase;
}
.first-sum:hover{
	opacity:0.75;
	color : #F78e1d;
}
.second-sum{
	color :#FD9C32;
	font-weight : bold;
	text-transform : uppercase;
}
.second-sum:hover{
	opacity:0.75;
	color : #FD9C32;
}

.third-sum{
	color :#FFA442;
	font-weight : bold;
	text-transform : uppercase;
}
.third-sum:hover{
	opacity:0.75;
	color : #FFA442;
}
.indexa3:hover{
	opacity:0.75;
	color : #C92C3B;
	transform:scale(1.1,1.1);
	transition : 0.5s ease;
}
@media screen and (max-width:1795px){
	.bandeau-top p {

		font-size:19px;
	}
}

@media screen and (max-width:1712px){
	.bandeau-top p {

		font-size:18px;
	}
}
@media screen and (max-width:1628px){
	.bandeau-top p {

		font-size:17px;
	}
}
@media screen and (max-width:1545px){
	.bandeau-top p {

		font-size:16px;
	}
}
@media screen and (max-width:1461px){
	.bandeau-top p {

		font-size:15px;
	}
}

@media screen and (max-width:1200px){
	.menu-research{
		width:74.9em;
	}
	.top{
		width:74.9em;
	}
	#contact-raccourci{
		left:calc(74.9em - 105px);
	}
	.cycle-slideshow{
		width:calc(74.9em - 190px);
	}
	.footer{
		width:74.9em;
	}
}

#gif{
	width:640px;
	height:480px;
}

@media screen and (max-width:1400px){
	#gif{
		width:480px;
		height:270px;
	}
}

@media screen and (max-width:1200px){
	#gif{
		width:288px;
		height:162px;
	}
}
@-moz-document url-prefix() {
	.texte {
		margin-right: 10px;
		text-transform: uppercase;
		color: #492064;
		font-weight: 700;
		position:relative;
		top:-4px;
	}
}

@supports (-ms-ime-align: auto) {
	.texte {
		margin-right: 10px;
		text-transform: uppercase;
		color: #492064;
		font-weight: 700;
		position:relative;
		top:-4px;
	}
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
@media screen and (min-width: 1450px){
	.col-xxl-4{
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	body{
		/* overflow-x:hidden; */
	}
}
.prod a, .prod a:hover{
	font-weight: normal;
}
.prod-table{
	display: table;
	width: 95%;
	padding: 0 2.5%;
}

.prod{
	display: table-cell;
	position: relative;
	text-align:center;
	padding: 15px 0px;
	vertical-align: top;
}
.prod-cadre{									
	text-align: center;
	font-family: 'Barlow', Verdana;
	font-size: 11px;
	display: inline-block;
	width: 50%;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
	background: #fff;
	min-width: 325px;
	cursor:pointer;
}
.prod-fab{
	text-align: right;
}
.prod-fab img{
	height: 35px;
}
.prod-obs{
    width: 75px;
    height: 15px;
    background-color: red;
    opacity: 0.8;
    position: absolute;
    color: white;
    font-size: small;
    padding: 15px 10px;
    text-transform: uppercase;
}
.prod-details, .prod-picto, .prod-avantage{
	text-align: left;
}
.prod-fab, .prod-name, .prod-details, .prod-picto, .prod-avantage{
	padding: 10px 20px;								
}
.prod-cadre:hover{
	filter: brightness(80%);
}
.hide-filter{
	overflow:hidden;
	height:50px;
}
.btn-filter{
	color:white;
	border:0;
	font-size:1em;
	font-family:'Barlow', Verdana;
	font-weight:bold;
	padding:5px 10px;
	cursor:pointer;
}