@font-face {
     font-family: 'Maven Pro';
     font-style: normal;
     font-weight: 400;
     src: local('Maven Pro Regular'), local('MavenPro-Regular'), url(../fonts/maven/9aq-yTL3kcJXI9ucr03XRhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
     unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
 }
 /* latin-ext */

 @font-face {
     font-family: 'Maven Pro';
     font-style: normal;
     font-weight: 400;
     src: local('Maven Pro Regular'), local('MavenPro-Regular'), url(../fonts/maven/yylnvFPTXAd6yQPV1EKDlRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
     unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
 }
 /* latin */

 @font-face {
     font-family: 'Maven Pro';
     font-style: normal;
     font-weight: 400;
     src: local('Maven Pro Regular'), local('MavenPro-Regular'), url(../fonts/maven/MG9KbUZFchDs94Tbv9U-pVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
     unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
 }
 /* vietnamese */

 @font-face {
     font-family: 'Maven Pro';
     font-style: normal;
     font-weight: 500;
     src: local('Maven Pro Medium'), local('MavenPro-Medium'), url(https://fonts.gstatic.com/s/mavenpro/v9/SQVfzoJBbj9t3aVcmbspRv8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
     unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
 }
 /* latin-ext */

 @font-face {
     font-family: 'Maven Pro';
     font-style: normal;
     font-weight: 500;
     src: local('Maven Pro Medium'), local('MavenPro-Medium'), url(https://fonts.gstatic.com/s/mavenpro/v9/SQVfzoJBbj9t3aVcmbspRj0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
     unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
 }
 /* latin */

 @font-face {
     font-family: 'Maven Pro';
     font-style: normal;
     font-weight: 500;
     src: local('Maven Pro Medium'), local('MavenPro-Medium'), url(https://fonts.gstatic.com/s/mavenpro/v9/SQVfzoJBbj9t3aVcmbspRugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
     unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
 }
 /* vietnamese */

 @font-face {
     font-family: 'Maven Pro';
     font-style: normal;
     font-weight: 700;
     src: local('Maven Pro Bold'), local('MavenPro-Bold'), url(../fonts/maven/uDssvmXgp7Nj3i336k_dSv8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
     unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
 }
 /* latin-ext */

 @font-face {
     font-family: 'Maven Pro';
     font-style: normal;
     font-weight: 700;
     src: local('Maven Pro Bold'), local('MavenPro-Bold'), url(../fonts/maven/uDssvmXgp7Nj3i336k_dSj0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
     unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
 }
 /* latin */

 @font-face {
     font-family: 'Maven Pro';
     font-style: normal;
     font-weight: 700;
     src: local('Maven Pro Bold'), local('MavenPro-Bold'), url(../fonts/maven/uDssvmXgp7Nj3i336k_dSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
     unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
 }
/***************Typo refonte********************/
 @font-face {
     font-family: 'als_haussblack';
     src: url('../fonts/alshauss-black-webfont.eot');
     src: url('../fonts/alshauss-black-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/alshauss-black-webfont.woff2') format('woff2'),
     url('../fonts/alshauss-black-webfont.woff') format('woff'),
     url('../fonts/alshauss-black-webfont.ttf') format('truetype'),
     url('../fonts/alshauss-black-webfont.svg#als_haussblack') format('svg');
     font-weight: normal;
     font-style: normal;

 }
 @font-face {
     font-family: 'als_haussblack_italic';
     src: url('../fonts/alshauss-blackitalic-webfont.eot');
     src: url('../fonts/alshauss-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/alshauss-blackitalic-webfont.woff2') format('woff2'),
     url('../fonts/alshauss-blackitalic-webfont.woff') format('woff'),
     url('../fonts/alshauss-blackitalic-webfont.ttf') format('truetype'),
     url('../fonts/alshauss-blackitalic-webfont.svg#als_haussblack_italic') format('svg');
     font-weight: normal;
     font-style: normal;

 }
 @font-face {
     font-family: 'als_haussbold';
     src: url('../fonts/alshauss-bold-webfont.eot');
     src: url('../fonts/alshauss-bold-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/alshauss-bold-webfont.woff2') format('woff2'),
     url('../fonts/alshauss-bold-webfont.woff') format('woff'),
     url('../fonts/alshauss-bold-webfont.ttf') format('truetype'),
     url('../fonts/alshauss-bold-webfont.svg#als_haussbold') format('svg');
     font-weight: normal;
     font-style: normal;

 }
 @font-face {
     font-family: 'als_haussbold_italic';
     src: url('../fonts/alshauss-bolditalic-webfont.eot');
     src: url('../fonts/alshauss-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/alshauss-bolditalic-webfont.woff2') format('woff2'),
     url('../fonts/alshauss-bolditalic-webfont.woff') format('woff'),
     url('../fonts/alshauss-bolditalic-webfont.ttf') format('truetype'),
     url('../fonts/alshauss-bolditalic-webfont.svg#als_haussbold_italic') format('svg');
     font-weight: normal;
     font-style: normal;

 }
 @font-face {
     font-family: 'als_haussbook';
     src: url('../fonts/alshauss-book-webfont.eot');
     src: url('../fonts/alshauss-book-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/alshauss-book-webfont.woff2') format('woff2'),
     url('../fonts/alshauss-book-webfont.woff') format('woff'),
     url('../fonts/alshauss-book-webfont.ttf') format('truetype'),
     url('../fonts/alshauss-book-webfont.svg#als_haussbook') format('svg');
     font-weight: normal;
     font-style: normal;

 }
 @font-face {
     font-family: 'als_haussbook_italic';
     src: url('../fonts/alshauss-bookitalic-webfont.eot');
     src: url('../fonts/alshauss-bookitalic-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/alshauss-bookitalic-webfont.woff2') format('woff2'),
     url('../fonts/alshauss-bookitalic-webfont.woff') format('woff'),
     url('../fonts/alshauss-bookitalic-webfont.ttf') format('truetype'),
     url('../fonts/alshauss-bookitalic-webfont.svg#als_haussbook_italic') format('svg');
     font-weight: normal;
     font-style: normal;

 }
 @font-face {
     font-family: 'als_hausshairline';
     src: url('../fonts/alshauss-hairline-webfont.eot');
     src: url('../fonts/alshauss-hairline-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/alshauss-hairline-webfont.woff2') format('woff2'),
     url('../fonts/alshauss-hairline-webfont.woff') format('woff'),
     url('../fonts/alshauss-hairline-webfont.ttf') format('truetype'),
     url('../fonts/alshauss-hairline-webfont.svg#als_hausshairline') format('svg');
     font-weight: normal;
     font-style: normal;

 }
 @font-face {
     font-family: 'als_hausshairline_italic';
     src: url('../fonts/alshauss-hairlineitalic-webfont.eot');
     src: url('../fonts/alshauss-hairlineitalic-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/alshauss-hairlineitalic-webfont.woff2') format('woff2'),
     url('../fonts/alshauss-hairlineitalic-webfont.woff') format('woff'),
     url('../fonts/alshauss-hairlineitalic-webfont.ttf') format('truetype'),
     url('../fonts/alshauss-hairlineitalic-webfont.svg#als_hausshairline_italic') format('svg');
     font-weight: normal;
     font-style: normal;

 }

 @font-face {
     font-family: 'als_hausslight';
     src: url('../fonts/alshauss-light-webfont.eot');
     src: url('../fonts/alshauss-light-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/alshauss-light-webfont.woff2') format('woff2'),
     url('../fonts/alshauss-light-webfont.woff') format('woff'),
     url('../fonts/alshauss-light-webfont.ttf') format('truetype'),
     url('../fonts/alshauss-light-webfont.svg#als_hausslight') format('svg');
     font-weight: normal;
     font-style: normal;

 }
 @font-face {
     font-family: 'als_hausslight_italic';
     src: url('../fonts/alshauss-lightitalic-webfont.eot');
     src: url('../fonts/alshauss-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/alshauss-lightitalic-webfont.woff2') format('woff2'),
     url('../fonts/alshauss-lightitalic-webfont.woff') format('woff'),
     url('../fonts/alshauss-lightitalic-webfont.ttf') format('truetype'),
     url('../fonts/alshauss-lightitalic-webfont.svg#als_hausslight_italic') format('svg');
     font-weight: normal;
     font-style: normal;

 }
 @font-face {
     font-family: 'als_haussmedium';
     src: url('../fonts/alshauss-medium-webfont.eot');
     src: url('../fonts/alshauss-medium-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/alshauss-medium-webfont.woff2') format('woff2'),
     url('../fonts/alshauss-medium-webfont.woff') format('woff'),
     url('../fonts/alshauss-medium-webfont.ttf') format('truetype'),
     url('../fonts/alshauss-medium-webfont.svg#als_haussmedium') format('svg');
     font-weight: normal;
     font-style: normal;

 }
 @font-face {
     font-family: 'als_haussmedium_italic';
     src: url('../fonts/alshauss-mediumitalic-webfont.eot');
     src: url('../fonts/alshauss-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/alshauss-mediumitalic-webfont.woff2') format('woff2'),
     url('../fonts/alshauss-mediumitalic-webfont.woff') format('woff'),
     url('../fonts/alshauss-mediumitalic-webfont.ttf') format('truetype'),
     url('../fonts/alshauss-mediumitalic-webfont.svg#als_haussmedium_italic') format('svg');
     font-weight: normal;
     font-style: normal;

 }
 @font-face {
     font-family: 'als_haussregular';
     src: url('../fonts/alshauss-regular-webfont.eot');
     src: url('../fonts/alshauss-regular-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/alshauss-regular-webfont.woff2') format('woff2'),
     url('../fonts/alshauss-regular-webfont.woff') format('woff'),
     url('../fonts/alshauss-regular-webfont.ttf') format('truetype'),
     url('../fonts/alshauss-regular-webfont.svg#als_haussregular') format('svg');
     font-weight: normal;
     font-style: normal;

 }
 @font-face {
     font-family: 'als_haussregular_italic';
     src: url('../fonts/alshauss-regularitalic-webfont.eot');
     src: url('../fonts/alshauss-regularitalic-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/alshauss-regularitalic-webfont.woff2') format('woff2'),
     url('../fonts/alshauss-regularitalic-webfont.woff') format('woff'),
     url('../fonts/alshauss-regularitalic-webfont.ttf') format('truetype'),
     url('../fonts/alshauss-regularitalic-webfont.svg#als_haussregular_italic') format('svg');
     font-weight: normal;
     font-style: normal;

 }
 @font-face {
     font-family: 'als_haussthin';
     src: url('../fonts/alshauss-thin-webfont.eot');
     src: url('../fonts/alshauss-thin-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/alshauss-thin-webfont.woff2') format('woff2'),
     url('../fonts/alshauss-thin-webfont.woff') format('woff'),
     url('../fonts/alshauss-thin-webfont.ttf') format('truetype'),
     url('../fonts/alshauss-thin-webfont.svg#als_haussthin') format('svg');
     font-weight: normal;
     font-style: normal;

 }
 @font-face {
     font-family: 'als_haussthin_italic';
     src: url('../fonts/alshauss-thinitalic-webfont.eot');
     src: url('../fonts/alshauss-thinitalic-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/alshauss-thinitalic-webfont.woff2') format('woff2'),
     url('../fonts/alshauss-thinitalic-webfont.woff') format('woff'),
     url('../fonts/alshauss-thinitalic-webfont.ttf') format('truetype'),
     url('../fonts/alshauss-thinitalic-webfont.svg#als_haussthin_italic') format('svg');
     font-weight: normal;
     font-style: normal;

 }


 @font-face {
     font-family: 'gilroyblack';
     src: url('../fonts/gilroy-black-webfont.eot');
     src: url('../fonts/gilroy-black-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/gilroy-black-webfont.woff2') format('woff2'),
     url('../fonts/gilroy-black-webfont.woff') format('woff'),
     url('../fonts/gilroy-black-webfont.ttf') format('truetype'),
     url('../fonts/gilroy-black-webfont.svg#gilroyblack') format('svg');
     font-weight: normal;
     font-style: normal;

 }
 @font-face {
     font-family: 'gilroyblack_italic';
     src: url('../fonts/gilroy-blackitalic-webfont.eot');
     src: url('../fonts/gilroy-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/gilroy-blackitalic-webfont.woff2') format('woff2'),
     url('../fonts/gilroy-blackitalic-webfont.woff') format('woff'),
     url('../fonts/gilroy-blackitalic-webfont.ttf') format('truetype'),
     url('../fonts/gilroy-blackitalic-webfont.svg#gilroyblack_italic') format('svg');
     font-weight: normal;
     font-style: normal;

 }
 @font-face {
     font-family: 'gilroybold';
     src: url('../fonts/gilroy-bold-webfont.eot');
     src: url('../fonts/gilroy-bold-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/gilroy-bold-webfont.woff2') format('woff2'),
     url('../fonts/gilroy-bold-webfont.woff') format('woff'),
     url('../fonts/gilroy-bold-webfont.ttf') format('truetype'),
     url('../fonts/gilroy-bold-webfont.svg#gilroybold') format('svg');
     font-weight: normal;
     font-style: normal;

 }
 @font-face {
     font-family: 'gilroybold_italic';
     src: url('../fonts/gilroy-bolditalic-webfont.eot');
     src: url('../fonts/gilroy-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/gilroy-bolditalic-webfont.woff2') format('woff2'),
     url('../fonts/gilroy-bolditalic-webfont.woff') format('woff'),
     url('../fonts/gilroy-bolditalic-webfont.ttf') format('truetype'),
     url('../fonts/gilroy-bolditalic-webfont.svg#gilroybold_italic') format('svg');
     font-weight: normal;
     font-style: normal;

 }
 @font-face {
     font-family: 'gilroyextrabold';
     src: url('../fonts/gilroy-extrabold-webfont.eot');
     src: url('../fonts/gilroy-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/gilroy-extrabold-webfont.woff2') format('woff2'),
     url('../fonts/gilroy-extrabold-webfont.woff') format('woff'),
     url('../fonts/gilroy-extrabold-webfont.ttf') format('truetype'),
     url('../fonts/gilroy-extrabold-webfont.svg#gilroyextrabold') format('svg');
     font-weight: normal;
     font-style: normal;

 }
 @font-face {
     font-family: 'gilroyextrabold_italic';
     src: url('../fonts/gilroy-extrabolditalic-webfont.eot');
     src: url('../fonts/gilroy-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/gilroy-extrabolditalic-webfont.woff2') format('woff2'),
     url('../fonts/gilroy-extrabolditalic-webfont.woff') format('woff'),
     url('../fonts/gilroy-extrabolditalic-webfont.ttf') format('truetype'),
     url('../fonts/gilroy-extrabolditalic-webfont.svg#gilroyextrabold_italic') format('svg');
     font-weight: normal;
     font-style: normal;

 }
 @font-face {
     font-family: 'gilroyheavy';
     src: url('../fonts/gilroy-heavy-webfont.eot');
     src: url('../fonts/gilroy-heavy-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/gilroy-heavy-webfont.woff2') format('woff2'),
     url('../fonts/gilroy-heavy-webfont.woff') format('woff'),
     url('../fonts/gilroy-heavy-webfont.ttf') format('truetype'),
     url('../fonts/gilroy-heavy-webfont.svg#gilroyheavy') format('svg');
     font-weight: normal;
     font-style: normal;

 }
 @font-face {
     font-family: 'gilroyheavy_italic';
     src: url('../fonts/gilroy-heavyitalic-webfont.eot');
     src: url('../fonts/gilroy-heavyitalic-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/gilroy-heavyitalic-webfont.woff2') format('woff2'),
     url('../fonts/gilroy-heavyitalic-webfont.woff') format('woff'),
     url('../fonts/gilroy-heavyitalic-webfont.ttf') format('truetype'),
     url('../fonts/gilroy-heavyitalic-webfont.svg#gilroyheavy_italic') format('svg');
     font-weight: normal;
     font-style: normal;

 }
 @font-face {
     font-family: 'gilroylight';
     src: url('../fonts/gilroy-light-webfont.eot');
     src: url('../fonts/gilroy-light-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/gilroy-light-webfont.woff2') format('woff2'),
     url('../fonts/gilroy-light-webfont.woff') format('woff'),
     url('../fonts/gilroy-light-webfont.ttf') format('truetype'),
     url('../fonts/gilroy-light-webfont.svg#gilroylight') format('svg');
     font-weight: normal;
     font-style: normal;

 }
 @font-face {
     font-family: 'gilroylight_italic';
     src: url('../fonts/gilroy-lightitalic-webfont.eot');
     src: url('../fonts/gilroy-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/gilroy-lightitalic-webfont.woff2') format('woff2'),
     url('../fonts/gilroy-lightitalic-webfont.woff') format('woff'),
     url('../fonts/gilroy-lightitalic-webfont.ttf') format('truetype'),
     url('../fonts/gilroy-lightitalic-webfont.svg#gilroylight_italic') format('svg');
     font-weight: normal;
     font-style: normal;

 }
 @font-face {
     font-family: 'gilroymedium';
     src: url('../fonts/gilroy-medium-webfont.eot');
     src: url('../fonts/gilroy-medium-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/gilroy-medium-webfont.woff2') format('woff2'),
     url('../fonts/gilroy-medium-webfont.woff') format('woff'),
     url('../fonts/gilroy-medium-webfont.ttf') format('truetype'),
     url('../fonts/gilroy-medium-webfont.svg#gilroymedium') format('svg');
     font-weight: normal;
     font-style: normal;

 }
 @font-face {
     font-family: 'gilroymedium_italic';
     src: url('../fonts/gilroy-mediumitalic-webfont.eot');
     src: url('../fonts/gilroy-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/gilroy-mediumitalic-webfont.woff2') format('woff2'),
     url('../fonts/gilroy-mediumitalic-webfont.woff') format('woff'),
     url('../fonts/gilroy-mediumitalic-webfont.ttf') format('truetype'),
     url('../fonts/gilroy-mediumitalic-webfont.svg#gilroymedium_italic') format('svg');
     font-weight: normal;
     font-style: normal;

 }

 @font-face {
     font-family: 'gilroyregular';
     src: url('../fonts/gilroy-regular-webfont.eot');
     src: url('../fonts/gilroy-regular-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/gilroy-regular-webfont.woff2') format('woff2'),
     url('../fonts/gilroy-regular-webfont.woff') format('woff'),
     url('../fonts/gilroy-regular-webfont.ttf') format('truetype'),
     url('../fonts/gilroy-regular-webfont.svg#gilroyregular') format('svg');
     font-weight: normal;
     font-style: normal;

 }
 @font-face {
     font-family: 'gilroyregular_italic';
     src: url('../fonts/gilroy-regularitalic-webfont.eot');
     src: url('../fonts/gilroy-regularitalic-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/gilroy-regularitalic-webfont.woff2') format('woff2'),
     url('../fonts/gilroy-regularitalic-webfont.woff') format('woff'),
     url('../fonts/gilroy-regularitalic-webfont.ttf') format('truetype'),
     url('../fonts/gilroy-regularitalic-webfont.svg#gilroyregular_italic') format('svg');
     font-weight: normal;
     font-style: normal;

 }
 @font-face {
     font-family: 'gilroysemibold';
     src: url('../fonts/gilroy-semibold-webfont.eot');
     src: url('../fonts/gilroy-semibold-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/gilroy-semibold-webfont.woff2') format('woff2'),
     url('../fonts/gilroy-semibold-webfont.woff') format('woff'),
     url('../fonts/gilroy-semibold-webfont.ttf') format('truetype'),
     url('../fonts/gilroy-semibold-webfont.svg#gilroysemibold') format('svg');
     font-weight: normal;
     font-style: normal;

 }
 @font-face {
     font-family: 'gilroysemibold_italic';
     src: url('../fonts/gilroy-semibolditalic-webfont.eot');
     src: url('../fonts/gilroy-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/gilroy-semibolditalic-webfont.woff2') format('woff2'),
     url('../fonts/gilroy-semibolditalic-webfont.woff') format('woff'),
     url('../fonts/gilroy-semibolditalic-webfont.ttf') format('truetype'),
     url('../fonts/gilroy-semibolditalic-webfont.svg#gilroysemibold_italic') format('svg');
     font-weight: normal;
     font-style: normal;

 }

 @font-face {
     font-family: 'gilroythin';
     src: url('../fonts/gilroy-thin-webfont.eot');
     src: url('../fonts/gilroy-thin-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/gilroy-thin-webfont.woff2') format('woff2'),
     url('../fonts/gilroy-thin-webfont.woff') format('woff'),
     url('../fonts/gilroy-thin-webfont.ttf') format('truetype'),
     url('../fonts/gilroy-thin-webfont.svg#gilroythin') format('svg');
     font-weight: normal;
     font-style: normal;

 }
 @font-face {
     font-family: 'gilroythin_italic';
     src: url('../fonts/gilroy-thinitalic-webfont.eot');
     src: url('../fonts/gilroy-thinitalic-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/gilroy-thinitalic-webfont.woff2') format('woff2'),
     url('../fonts/gilroy-thinitalic-webfont.woff') format('woff'),
     url('../fonts/gilroy-thinitalic-webfont.ttf') format('truetype'),
     url('../fonts/gilroy-thinitalic-webfont.svg#gilroythin_italic') format('svg');
     font-weight: normal;
     font-style: normal;

 }
 @font-face {
     font-family: 'gilroyultralight';
     src: url('../fonts/gilroy-ultralight-webfont.eot');
     src: url('../fonts/gilroy-ultralight-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/gilroy-ultralight-webfont.woff2') format('woff2'),
     url('../fonts/gilroy-ultralight-webfont.woff') format('woff'),
     url('../fonts/gilroy-ultralight-webfont.ttf') format('truetype'),
     url('../fonts/gilroy-ultralight-webfont.svg#gilroyultralight') format('svg');
     font-weight: normal;
     font-style: normal;

 }
 @font-face {
     font-family: 'gilroyultralight_italic';
     src: url('../fonts/gilroy-ultralightitalic-webfont.eot');
     src: url('../fonts/gilroy-ultralightitalic-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/gilroy-ultralightitalic-webfont.woff2') format('woff2'),
     url('../fonts/gilroy-ultralightitalic-webfont.woff') format('woff'),
     url('../fonts/gilroy-ultralightitalic-webfont.ttf') format('truetype'),
     url('../fonts/gilroy-ultralightitalic-webfont.svg#gilroyultralight_italic') format('svg');
     font-weight: normal;
     font-style: normal;

 }
 html {
     font-size: 62.5%;
 }
 body {
     font-size: 16px;
     /*font-family: 'Roboto', sans-serif;
     font-family: 'Maven Pro', sans-serif;*/
     font-family: 'als_haussregular', sans-serif;
     font-weight: 300;
     background-color: #fff;
     padding: 0;
     overflow-x: hidden
 }
 .main-c {
     max-width: 100%;
     margin: auto
 }
 img {
     max-width: 100%;
     height: auto
 }
 iframe {
     max-width: 100%;
 }
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     margin: 0;
     padding: 0
 }
 a, button {
     -webkit-transition: all 0.2s ease 0s;
     -moz-transition: all 0.2s ease 0s;
     -o-transition: all 0.2s ease 0s;
     -ms-transition: all 0.2s ease 0s;
     transition: all 0.2s ease 0s;
     text-decoration: none;
 }
 #header .navbar-default {
     background: white
 }
 .navbar-brand {
     height: 60px;
     margin: 0 20px;
     padding: 0
 }
 /*******************/

 .carousel-produit .owl-item {
     text-align: center;
 }
 .carousel-produit .owl-stage-outer {
     padding: 5px 5px 15px
 }
 .carousel-produit-bg {
     background: #f7f7f6;
     padding: 35px 0 30px
 }
 .title-carousel-produit {
     text-align: center;
     font-size: 28px;
     color: #232328;
     margin-bottom: 20px
 }
 .carousel-produit .item figure {
     transition: all .2s;
 }
 .carousel-produit .item:hover figure {
     transform: translateY(-3px);
     box-shadow: 0px 7px 10px rgba(141, 151, 140, 0.4);
 }
 .copy-right {
     display: inline-block
 }
 .copy-right,
 .powered {
     vertical-align: middle;
     float: left;
     font-size: 13px;
     color: #5e6ea8;
 }
 .row-footer {
     margin-top: 10px;
 }
 .footer-menu {
     margin: 30px 0 0;
     padding: 0;
     text-align: center
 }
 .footer-menu li {
     display: inline-block
 }
 .footer-menu li:after {
     content: "|";
     color: #eceef5;
     font-size: 16px
 }
 .footer-menu li:last-child:after {
     content: " ";
 }
 .footer-menu li a {
     padding: 0 3px;
     font-family: 'als_haussmedium', sans-serif;
     font-size: 13px;
     color: #243160;
     text-transform: uppercase;
 }
 .footer-menu li:last-child{
     padding-left: 5px;
     margin-left: 0;
     border-left:1px solid #bebebe;
 }
 .footer-menu li:last-child a {
     color: #cd1241;
 }
 .footer-menu li a:hover, .footer-menu li a:focus, .footer-menu li a:active, .footer-menu li a.active {
     color: #00a538;
     text-decoration: none
 }
 .footer-menu li:first-child a {
     padding: 0 10px 0 0
 }
 /*********
SEARCH
********/

 .div_search {
     position: static;
 }
 .icone_search {
     display: none
 }
 .sub_div_search {
     position: static;
     right: auto;
     top: auto;
     height: 60px;
     z-index: 2;
     background: #f4f7f8;
     padding: 0;
 }
 .sub_div_search form {
     position: relative
 }
 .sub_div_search input {
     width: 90%;
     padding: 0;
     line-height: 60px;
     height: 60px;
     vertical-align: middle;
     border: none;
     background: none;
     padding: 0 0 0 2%;
     margin: 0
 }
 .sub_div_search button {
     width: 8%;
     float: right;
     height: 60px;
     line-height: 60px;
     vertical-align: middle;
     text-align: center;
     border: none;
     background: none;
     padding: 0;
     margin: 0;
     font-size: 18px
 }

 #frmSearch input.error[type="search"]::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #ea4c4c;

}
#frmSearch input.error[type="search"]::-moz-placeholder {
    /* Firefox 19+ */
    color: #ea4c4c;

}
#frmSearch input.error[type="search"]:-ms-input-placeholder {
    /* IE 10+ */
    color: #ea4c4c;

}
#frmSearch input.error[type="search"]:-moz-placeholder {
    /* Firefox 18- */
    color: #ea4c4c;

}
 /*********
MEDIA
********/

 .zone_media {
     float: none;
     margin-top: 10px;
     display: none
 }
 .ul-zone_media {
     margin: 0;
     padding: 0;
     list-style: none;
 }
 .zone_media_btn {
     display: block;
     width: auto;
     color: #3bcf6d;
     text-align: center;
     text-decoration: none;
     padding: 0 10px 20px 0;
     font-size: 16px;
     text-transform: uppercase;
 }
 .zone_media_btn i {
     display: inline-block;
     font-size: 12px;
     vertical-align: middle;
     margin-left: 5px;
     line-height: 1.2
 }
 .zone_media_btn:hover,
 .zone_media_btn:focus,
 .zone_media_btn:active,
 .open .zone_media_btn {
     text-decoration: none;
     color: #fff;
 }
 .zone_media .navbar-nav {
     margin: 0
 }
 .sub_zone_media {
     position: absolute
 }
 .dropdown-large {
     position: static !important;
 }
 .dropdown-menu-large {
     margin-top: 20px !important;
     padding: 0;
     right: 0;
     left: auto;
     width: 100%;
     padding: 10px
 }
.no-touchevents .dropdown-menu-large {
     margin-top: 0 !important;

 }
 .dropdown-menu-large:before {
     content: "";
     background: url(../images/png/arrow-up-large.png) left top no-repeat;
     width: 18px;
     height: 9px;
     position: absolute;
     right: 65px;
     top: -9px
 }
 .content-dropdown-large {
     padding: 25px 20px 0;
 }
 .categorie {
     color: #ef4782;
     font-size: 14px;
     margin-bottom: 10px
 }
 .categorie:after {
     content: "";
     display: block;
     background: url(../images/png/wave.png) left top no-repeat;
     height: 8px;
     width: 57px;
     margin-top: 10px
 }
 .categorie i {
     display: inline-block;
     vertical-align: top;
     margin-right: 5px
 }
 .s-title-categorie {
     color: #1d3f8e;
     font-size: 22px;
     margin-bottom: 8px;
     line-height: 1.3
 }
 .s-title-categorie a {
     color: #1d3f8e;
 }
 .fig-triangle {
     position: relative
 }
 .fig-triangle:after {
     content: "";
     position: absolute;
     right: 75px;
     bottom: 0;
     /*  width: 20px;
    height: 20px;
    background: white;  */
     width: 0;
     height: 0;
     border-left: 20px solid transparent;
     border-right: 20px solid transparent;
     border-bottom: 20px solid white;
 }
 .m-large-date {
     color: #bbb;
     font-size: 14px
 }
 .m-large-description {
     color: #000;
     font-size: 16px;
     margin: 0
 }
 .m-large-tt {
     color: #00a538;
     font-size: 16px;
 }
 .m-large-tt i {
     position: relative;
     transition: all .8s;
 }
 .m-large-tt:hover,
 .m-large-tt:focus,
 .m-large-tt:active {
     color: #00a538;
     font-size: 16px;
     text-decoration: none
 }
 .m-large-tt:hover i,
 .m-large-tt:focus i,
 .m-large-tt:active i {
     right: -8px
 }
 #bs-main-nav {
     position: relative
 }
 .main-content {
     padding: 20px 0 0
 }
 .not-front .main-content {
     padding: 20px 0;
 }
 .big-actualite,
 .small-actualite {
     margin-bottom: 20px
 }
 .container-presentation:before,
 .container-coordonne {
     content: "";
     display: block;
     height: 1px;
     background: #e5e5e5;
 }
 .padding-cell-presentation {
     padding: 20px 10px;
     border-bottom: 1px solid #e5e5e5
 }
 .title-left-bloc {
     color: #084b97;
     font-size: 18px;
     margin-bottom: 10px
 }
 .title-left-bloc a{
     color: #084b97;
 }
 .title-left-bloc a:hover,.title-left-bloc a:focus,.title-left-bloc a:active{
     color: #084b97; text-decoration: none;
 }

 .title-right-bloc {
     color: #703286;
     font-size: 18px;
     margin-bottom: 10px
 }
 .title-right-bloc a{
     color: #703286;
 }
 .title-right-bloc a:hover, .title-right-bloc a:focus,.title-right-bloc a:active{
     color: #703286; text-decoration: none;
 }

 .desc-left-bloc {
     color: #010101;
     font-size: 16px;
 }
 .txt-imp {
     color: #084b97;
     font-size: 22px
 }
 .txt-m-imp {
     font-size: 20px
 }
 .world-presence {
     text-align: center;
     position: relative;
     margin-top: 20px
 }
 .world-presence > span {
     display: inline-block;
     position: relative
 }
 .world-presence img {
     width: auto;
     height: auto;
     text-align: center
 }
 .world-presence .coord {
     position: absolute;
     border-radius: 50%;
     width: 8px;
     height: 8px
 }
 .world-presence .coord1 {
     left: 41%;
     top: 55%;
     background: #00a538;
 }
 .world-presence .coord2 {
     left: 46%;
     top: 48%;
     background: #00a538;
 }
 .world-presence .coord3 {
     left: 52%;
     top: 65%;
     background: #703286;
 }
 .marker-ef {
     -webkit-transition: background 0.2s, color 0.2s;
     -moz-transition: background 0.2s, color 0.2s;
     transition: background 0.2s, color 0.2s;
     position: relative
 }
 .marker-ef:after {
     top: -7px;
     left: -7px;
     padding: 7px;
     box-shadow: 0 0 0 4px #e2574c;
     -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
     -webkit-transform: scale(.8);
     -moz-transition: -moz-transform 0.2s, opacity 0.2s;
     -moz-transform: scale(.8);
     -ms-transform: scale(.8);
     transition: transform 0.2s, opacity 0.2s;
     transform: scale(.8);
     opacity: 0;
 }
 .marker-ef:hover,
 .marker-ef:focus {
     background: rgba(226, 87, 76, 1);
 }
 .marker-ef:after {
     pointer-events: none;
     position: absolute;
     width: 100%;
     height: 100%;
     border-radius: 50%;
     content: '';
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
 }
 .marker-ef:before {
     font-family: 'ecoicon';
     speak: none;
     font-size: 48px;
     line-height: 90px;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     text-transform: none;
     display: block;
     -webkit-font-smoothing: antialiased;
 }
 .marker-ef:hover:after,
 .marker-ef:focus:after {
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
     opacity: 1;
 }
 .bourse {
     background: #703286;
     padding: 0
 }
 .bourse figure img {
     width: 100%;
     display: none
 }
 .bourse--telechargement {
     background: rgba(0, 0, 0, 0.1);
     padding: 15px;
     text-align: center;
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     display: block;
 }
 .bourse--telechargement:hover {
     text-decoration: none
 }
 .bourse--telechargement:hover .ico {
     transform: translateX(-6px);
 }
 .bourse-content {
     padding: 25px 40px 90px
 }
 .title-bourse {
     color: #fff;
     font-size: 24px;
     margin-bottom: 15px
 }
 .title-bourse a {
     color: #fff;

 }
 .title-bourse a:hover,.title-bourse a:focus,.title-bourse a:active{
     color: #fff; text-decoration: none;
 }
 .title2-bourse {
     color: #fff;
     font-size: 22px
 }
 .bourse-esp {
     border: none;
     background: none;
     color: #fec233;
     padding: 6px 10px 6px 0
 }
 .bourse-esp:hover {
     border: none;
     background: none;
     color: #fec233;
     padding: 6px 10px
 }
 .bourse--tele-bilan {
     color: #fff;
     font-size: 16px;
     vertical-align: middle
 }
 .bourse--tele-bilan .ico {
     vertical-align: middle;
     display: inline-block;
     margin-right: 5px;
     transition: all .2s;
 }
 .row-container-marque {
     margin: 0;
     background: white;
     border-left: 1px solid #eaeaea;
     border-bottom: 1px solid #eaeaea;
     border-top: none
 }
 .cell-marque {
     padding: 0;
     border-right: 1px solid #eaeaea;
	 width:20%
 }
 .cell-marque:not(:root:root){
     margin: 0 -0.4px;

 }
 .cell-marque:hover {
     box-shadow: 0px 7px 8px rgba(141, 151, 140, 0.4);
 }
 .marque-title {
     font-size: 18px;
     color: #000;
     font-weight: 500
 }
 .title-marque-hover {
     background: #763b8b;
     padding: 5px 10px;
     color: white;
     display: block;
     font-size: 14px;
     text-decoration: none
 }
.title-marque-hover:hover, .detail-marque-lilas a:hover {

     text-decoration: none
 }
 .title-marque-hover i {
     font-size: 12px;
     display: inline-block;
     vertical-align: middle;
     margin-left: 5px
 }
 .container-marque {
     position: relative;
     z-index: 3;
     margin-top: -60px;
 }
 .marque-lilas {
     padding: 20px;
     text-align: center;
     transition: all .2s;
    /* border-right: 1px solid #eaeaea;*/
 }
 .cell-marque:hover .marque-lilas {
     transform: translateY(-6px);
 }
 .flexbox .row-container-marque {
     display: flex;
     flex-wrap: wrap;
 }
 .detail-marque-lilas {
     position: absolute;
     bottom: auto;
     z-index: 3;
     height: 0;
     overflow: hidden;
     left: 0;
     right: 0;
     top: 120%;
     bottom: auto;
     transition: all .2s;
/*     display: none*/
 }
 .front .detail-marque-lilas {
     /*     bottom: 100%;*/
     bottom: 120%;
     top: auto;
     display: block
 }
 .detail-marque-lilas img {
     width: 100%;
     height: auto;
     display: block
 }
 .cell-marque:hover .detail-marque-lilas {
     height: auto;
     bottom: auto;
     top: 100%
 }
 .front .cell-marque:hover .detail-marque-lilas {
     height: auto;
     bottom: 100%;
     top: auto
 } .not-front .cell-marque:hover .detail-marque-lilas img {
     display:none
 }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ background:none}
 #bs-main-nav .navbar-nav > li .level1 {
     color: #fff;
     font-size: 18px;
     padding: 0 10px 20px;
     text-transform: uppercase;
 }
 #bs-main-nav .navbar-nav > li.current .level1 {
     color: #00a538;
 }
 #bs-main-nav .navbar-nav > li .level1:hover,
 #bs-main-nav .navbar-nav > li.open .level1 {
     color: #00a538;
     background: none
 }
 #main-nav .sub-link {
     color: #000;
     display: block;
     font-size: 15px;
     border-bottom: #dcddde 1px solid;
     padding: 8px 0;
     text-align: left;
     font-weight: 500
 }
 #main-nav .sub-link:hover,#main-nav .sub-link:focus,#main-nav .sub-link:active, #main-nav a.sub-link-current {
     color: #1d3f8e;
 }
 #main-nav .li-sub-link:last-child .sub-link {
     border-bottom: none
 }
 #main-nav > li.open> .dropdown-menu {
     background: #f5f6f7;
     padding: 10px;
 }
 #main-nav > .dropdown> .dropdown-menu:before {
     position: absolute;
     top: -8px;
     left: 30px;
     border-right: 7px solid transparent;
     border-bottom: 8px solid #f5f6f7;
     border-left: 7px solid transparent;
     margin-left: -7px;
     content: ' ';
 }
 /*************/

 .banniere {
     position: relative;
     margin-top: 400px;
 }
 .goes-up {
     margin:-1px 0 0 0;
     transition-duration: 700ms;
     -webkit-transition-duration: 700ms;
     transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
     -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
     transition-delay: 0.10s;
 }
 .banniere-in {
     height: 200px;
     background-size: cover;
     background-position: center top;
     background-repeat: no-repeat
 }
 .content-carousel {
     position: static;
     margin: 0 -10px;
     z-index: 1;
     padding: 20px;
     overflow: hidden;
     border-top: 1px solid #eaeaea;
     background: #f5fafe;
     text-align: center;
 }
 .content-carousel-title {
     color: #fff;
     font-size: 22px;
     margin-bottom: 10px;
     padding: 0;
     line-height: 1.14;
     font-family: 'als_haussblack', sans-serif;
     text-shadow: 0 2px 16px rgba(0, 0, 0, 0.25);
 }
 .carousel-description {
     font-size: 30px;
     color: #fff;
     line-height: 1.2;
     text-shadow: 0 2px 16px rgba(0, 0, 0, 0.25);
     font-family: 'als_haussbold', sans-serif;
 }
 .main-banner-lilas .owl-dots {
     position: absolute;
     bottom: 120px;
     left: 0;
     right: 0;
     text-align: center
 }
 .main-banner-lilas .owl-dot {
     background: rgba(0, 0, 0, 0.3);
     width: 16px;
     height: 16px;
     border-radius: 50%;
     margin: 0 2px;
     display: inline-block
 }
 .main-banner-lilas .owl-dot.active {
     background: #00a538;
 }
 .main-banner-lilas > li.item {
     display: none;
     position: relative
 }
 .main-banner-lilas > li.item:first-child {
     display: block
 }
 .owl-item {
     -webkit-backface-visibility: hidden;
     -webkit-transform: translateZ(0) scale(1.0, 1.0);
 }
 .btn-b {
     border: 2px solid #fff;
     color: #fff;
     font-size: 14px;
     padding: 8px 15px;
     background: none;
     margin-top: 55px;
     border-radius: 7px;
     display: inline-block;
 }
 .btn-blue{
     border: 2px solid #0154a5;
     color: #0154a5;
 }
 .btn-b i {
     font-size: 12px;
     vertical-align: middle
 }
 .btn-b:hover,
 .btn-b:focus,
 .btn-b:active,
 .btn-b:hover:active {
     background: none;
     color: #fff;
     background-color: #1d3f8e;
     border-color: #1d3f8e;
     border-width: 2px;
     border-style: solid;
     padding: 8px 15px;
     box-shadow: none;
 }
 /**********Act******/

 .link-big-act {
     font-size: 32px;
     font-family: 'gilroyblack', sans-serif;
     line-height: 1.25;
     color: #000;
 }
 .link-small-act {
     font-size: 20px;
     font-family: 'als_haussbold', sans-serif;
     line-height: 1.4;
     color: #000;
 }
 .link-big-act:hover,
 .link-big-act:focus,
 .link-big-act:active,
 a.link-small-act:hover,
 a.link-small-act:focus,
 a.link-small-act:active {
     color: #000;
     text-decoration: none;
 }
 .figure-small-act,
 .figure-spot,
 .video-cms {
     position: relative
 }
 .video-cms {
     display: inline-block
 }
 .error-default {
     background-color: #fcf9f9;
     padding: 12px 30px;
     color: #ea4c4c;
     font-size: 20px;
     border: 2px solid #ea4c4c
 }
 .succes-default {
     background-color: #f7fbf8;
     padding: 20px 30px;
     color: #00a538;
     font-size: 20px;
     border: 2px solid #00a538
 }
 .succes-social {
     background-color: #f7fbf8;
     padding: 12px 50% 12px 30px;
     color: #00a538;
     font-size: 20px;
     border: 2px solid #00a538;
     position: relative
 }
 .succes-social .content-social {
     width: 40%;
     position: absolute;
     right: 0;
     top: 0;
     bottom: 0;
     background: #fff;
 }
 .content-social-padd {
     padding: 20px;
     text-align: center
 }
 .content-social-txt {
     color: #13539d;
     font-size: 16px;
     margin-bottom: 10px
 }
 .content-social-ico {
     font-size: 26px;
     margin-top: 10px
 }
 .btn-message {
     color: #fff;
     background-color: #00a538;
     border-color: #00a538;
     padding: 6px 30px;
     font-size: 18px;
     margin-top: 10px
 }
 .btn-message:hover {
     color: #00a538;
     background-color: #fff;
     border-color: #00a538;
     padding-left: 35px;
 }
 .table-cms {
     border: 1px solid #e6e6e6;
     width: 100%;
     max-width: 100%;
     margin-bottom: 20px;
 }
 .table-cms-center {
     text-align: center
 }
 .table-cms th {
     text-align: center;
     font-weight: 700;
     background: #f6f6f7;
     font-size: 18px;
     border-bottom: 1px solid #e6e6e6 !important
 }
 .cartouche-type1,
 .cartouche-type2,
 .cartouche-type3 {
     border-bottom: 2px solid #ebebeb;
     margin-bottom: 20px
 }
 .cartouche-type1 .titre,
 .cartouche-type2 .titre,
 .cartouche-type3 .titre {
     min-width: 120px;
     text-align: center;
     display: inline-block;
     padding: 6px 20px;
     color: #fff;
     font-size: 20px
 }
 .liste-download {
     margin: 0;
     padding: 0;
     list-style: none
 }
 .liste-download li {
     padding: 8px 0;
     border-bottom: 1px solid #d9d6d7;
 }
 .liste-download li:last-child {
     border-bottom: none;
     padding: 8px 0 0 0;
 }
 .liste-download li:first-child {
     padding: 0 0 8px 0;
 }
 .liste-download li> div {
     font-size: 16px;
     margin-bottom: 4px
 }
 .link-download {
     color: #1d3f8e;
     font-size: 14px;
     display: inline-block
 }
 .link-download i {
     margin-right: 8px
 }
 .bg-titre1 {
     background: #703286 !important;
 }
 .bg-titre2 {
     background: #ef4782 !important;
 }
 .bg-titre3 {
     background: #1d3f8e !important;
 }
 .cartouche-type1 .content {
     background: #f9f5fb;
     padding: 10px;
 }
 .cartouche-type2 .content {
     background: #f9f5fb;
     padding: 10px;
 }
 .cartouche-type3 .content {
     background: #f9f5fb;
     padding: 10px;
 }
 .voir-tt {
     position: static;
     display: inline-block;
     color: #fff;
     background: #1d3f8e;
     padding: 12px 20px;
     font-size: 14px; margin-top: 10px
 }
 .voir-tt:hover {
     color: #fff;
 }
 /*.cms-owl .owl-stage{left: -30px}*/

 .link-cms-s {
     font-size: 20px;
     color: #000;
     font-weight: 500;
     line-height: 1.3;
     display: inline-block;
     padding: 8px 0
 }
 a.link-cms-s:hover,
 a.link-cms-s:focus,
 a.link-cms-s:active {
     color: #000;
 }
 .title-h1 {
     color: #0154a5;
     font-size: 36px;
     font-family: 'gilroybold', sans-serif;
     margin-bottom: 24px
 }
 .title-h2 {
     color: #1d3f8e;
     font-size: 22px;
     font-weight: 700;
     margin-bottom: 10px
 }
 .title-h3 {
     color: #13539d;
     font-size: 18px;
     font-weight: 500;
     margin-bottom: 10px
 }
 .well {
     background-color: #cfd1da;
     color: #703286;
     font-size: 20px;
     font-weight: 500;
     text-align: center;
     box-shadow: none
 }
 .figure-big-act {
     position: relative;
     text-align: center;
 }
 .figure-big-act img {
     width: 100%
 }
 .date-act,
 .date-spot {
     color: #727272;
     font-size: 14px
 }
 .content-spot .date-act{
     font-size: 14px;
     color: #000;
     margin-bottom: 10px;
     display: block;
 }
 .theme-act,
 .theme-spot {
     font-size: 16px;
     color: #000;
 }
 .desc-spot {
     font-size: 20px;
     font-family: 'als_haussbold', sans-serif;
     line-height: 1.4;
     color: #000;
 }
 .btn-pre {
     border: 1px solid #00a538;
     color: #fff;
     font-size: 14px;
     background: #00a538
 }
 .btn-pre i {
     font-size: 12px;
     vertical-align: middle
 }
 .btn-pre:hover,
 .btn-pre:focus,
 .btn-pre:active,
 .btn-pre:hover:active {
     background: none;
     color: #00a538;
     background-color: #fff;
     border-color: #00a538;
     border-width: 1px;
     border-style: solid;
     padding: 6px 12px 6px 20px;
     box-shadow: none;
 }
 .btn-esp {
     border: 1px solid #fff;
     color: #888888;
     font-size: 14px;
     padding-left: 0
 }
 .btn-esp i {
     font-size: 12px;
     vertical-align: middle
 }
 .small-act .owl-item:hover .btn-esp,
 .btn-esp:hover,
 .btn-esp:focus,
 .btn-esp:active,
 .btn-esp:hover:active {
     background: none;
     color: #01a630;
     background-color: #fff;
     border-color: #01a630;
     border-width: 1px;
     border-style: solid;
     padding: 6px 12px;
     box-shadow: none;
 }
 .small-actualite figure img {
     -webkit-transition: all 1s ease 0s;
     -moz-transition: all 1s ease 0s;
     -o-transition: all 1s ease 0s;
     -ms-transition: all 1s ease 0s;
     transition: all 1s ease 0s;
     text-decoration: none;
 }
 figure {
     overflow: hidden
 }
 figure:hover .item-img-overlay {
     opacity: 1;
 }
 .fig-media {
     position: relative
 }
 .img_video{
     width:100%;
 }
 .overlay-video {
     position: absolute;
     top: 0px;
     left: 0px;
     right: 0px;
     bottom: 0px;
     background: rgba(0, 0, 0, .6);
     overflow: hidden;
     transition: all .2s;
 }
 .overlay-video .play {
     background: url(../images/png/play.png) left top no-repeat;
     width: 57px;
     height: 57px;
     position: absolute;
     top: 50%;
     left: 50%;
     margin: -28px auto auto -28px;
     border-radius: 50%;
     transition: all .2s;
 }
 .overlay-video .play-2 {
     width: 30px;
     height: 30px;
     position: absolute;
     top: 50%;
     left: 50%;
     margin: -10px auto auto -10px;
     border-radius: 50%;
     transition: all .2s;
     font-size: 28px;
     color: #fff;
     /*  transform: translateX(-50%);
    margin-left: 50%;*/
 }
 .overlay-video:hover {
     background: rgba(0, 0, 0, .2);
 }
 .overlay-video:hover .play {
     background: url(../images/png/play.png) left bottom no-repeat;
 }
 .item-img-overlay {
     position: absolute;
     top: 0px;
     left: 0px;
     right: 0px;
     bottom: 0px;
     background: rgba(112, 50, 134, 0.4);
     background: rgba(0, 0, 0, .2);
     opacity: 0;
     overflow: hidden;
     transition: all .5s;
 }
 .item-img-overlay .v,
 .item-img-overlay .x {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: 0 0;
 }
 .item-img-overlay .x:after,
 .item-img-overlay .x:before {
     content: '';
     width: 1px;
     position: absolute;
     top: 50%;
     bottom: 50%;
     background: #eee;
     transition: all .5s;
 }
 .item-img-overlay .x:before {
     left: 10%;
 }
 .item-img-overlay .x:after {
     right: 10%;
 }
 .item-img-overlay .v:after,
 .item-img-overlay .v:before {
     content: '';
     height: 1px;
     position: absolute;
     left: 50%;
     right: 50%;
     background: #eee;
     transition: all .5s;
 }
 .item-img-overlay .v:before {
     bottom: 10%;
 }
 .item-img-overlay .v:after {
     top: 10%;
 }
 figure:hover .v:after,
 figure:hover .v:before {
     left: 10%;
     right: 10%;
 }
 figure:hover .x:after,
 figure:hover .x:before {
     top: 10%;
     bottom: 10%;
 }
 .item-img-overlay .z,
 .item-img-overlay .z-s {
     position: absolute;
     top: 50%;
     left: 50%;
     color: #fff;
 }
 .item-img-overlay .z:before,
 .item-img-overlay .z-s:before {
     content: '';
     width: 1px;
     height: 70px;
     background: #eee;
     position: absolute;
     top: 0;
     left: 50%;
 }
 .item-img-overlay .z:after,
 .item-img-overlay .z-s:after {
     content: '';
     width: 70px;
     height: 1px;
     background: #eee;
     position: absolute;
     top: 50%;
     left: 0;
 }
 .item-img-overlay .z {
     width: 70px;
     height: 70px;
     margin: -35px auto auto -35px;
     overflow: hidden
 }
 .item-img-overlay .z-s {
     width: 40px;
     height: 40px;
     margin: -20px auto auto -20px;
     overflow: hidden
 }
 .item-img-overlay .ex {
     width: 40px;
     height: 40px;
     text-align: center;
     line-height: 40px;
     position: absolute;
     left: 50%;
     top: 50%;
     margin: -20px auto auto -20px;
     overflow: hidden;
     color: #fff;
     font-size: 20px
 }
 .elem-act,
 .elem-spot {
     margin-bottom: 30px;
 }
 .elem-act {
     transition: all .2s;
 }
 .elem-act:nth-child(2n+1) {
     clear: both
 }
 .breadcrumb {
     padding: 25px 0 0;
     color: #666;
     font-size: 18px;
     font-weight: 700;
     margin: 0;
     background: none
 }
 .breadcrumb a , .breadcrumb span{
     color: #666;
     font-size: 18px;
     font-weight: 700;
 }
 .breadcrumb span {
     padding: 0 5px;
     color: #1d3f8e;
 }
 .pmn {
     text-align: center;
     clear: both
 }
 .more-news,
 .more-spot {
     color: #01a630;
     background-color: #fff;
     border-color: #01a630;
     padding-left: 50px;
     padding-right: 50px;
     font-weight: 700;
     text-transform: uppercase
 }

 .more-news i,
 .more-spot i {
     display: none;
 }
 .more-news:hover,
 .more-news:focus,
 .more-news:hover:active,
 .more-spot:hover,
 .more-spot:focus,
 .more-spot:hover:active {
     color: #fff;
     background-color: #01a630;
     border-color: #01a630;
     box-shadow: none
 }
 .alignttact{text-align:center}
 #body .ul-zone_media .ttact {
     color: #01a630;
     background-color: #fff;
     border-color: #01a630;
     padding:10px 50px;
     font-weight: 700;
     text-transform: uppercase; display:inline-block; margin-top:10px;
 }
 #body .ul-zone_media .ttact:hover,
 #body .ul-zone_media .ttact:focus,
 #body .ul-zone_media .ttact:hover:active
 {
     color: #fff;
     background-color: #01a630;
     border-color: #01a630;
     box-shadow: none
 }

 .row-f-l-img {
     margin-bottom: 20px
 }
 .panel-faq .panel-title {
     color: #25231b;
     font-size: 20px
 }
 .panel-faq .panel-title a {
     display: block;
     padding: 0 20px 0 0
 }
 .panel-faq .panel-title a:not(.collapsed),
 .panel-faq .panel-title a:not(.collapsed) .faq-plus {
     color: #13539d;
 }
 .liste-type1,
 .liste-type2,
 .liste-num {
     padding: 0;
     margin: 0 0 10px 0
 }
 .liste-type1 ul,
 .liste-type2 ul {
     margin: 10px 0 0 0
 }
 .liste-type1>li,
 .liste-type2>li {
     list-style: none;
     color: #25231b;
     font-size: 16px;
     position: relative;
     padding: 6px 10px 6px 20px
 }
 .liste-num>li {
     list-style: none;
     color: #25231b;
     font-size: 16px;
     position: relative;
     padding: 6px 10px 6px 35px
 }
 .liste-type1>li>i {
     color: #13539d;
     font-size: 16px;
     position: absolute;
     left: 0;
     top: 5px
 }
 .liste-type2>li>i {
     color: #13539d;
     font-size: 10px;
     position: absolute;
     left: 0;
     top: 11px
 }
 .liste-num>li>i {
     width: 20px;
     height: 20px;
     color: #703286;
     line-height: 14px;
     text-align: center;
     border: 2px solid #13539d;
     display: inline-block;
     font-style: normal;
     font-weight: 500;
     position: absolute;
     left: 0;
     top: 6px
 }
 #body .panel-group .panel-faq .panel-collapse .panel-body {
     border: none;
     background: #f7f7f6;
     margin: 0 20px 20px 40px
 }
 .panel-faq {
     border: none;
     border-bottom: 1px dashed #dadada;
     box-shadow: none;
 }
 .panel-faq>.panel-heading {
     color: #333;
     background: none;
     border: none;
     padding: 15px 15px 15px 40px;
     position: relative
 }
 .interrogation {
     width: 20px;
     height: 20px;
     color: #703286;
     line-height: 18px;
     text-align: center;
     font-family: sans-serif;
     border: 2px solid #703286;
     display: inline-block;
     font-style: normal;
     font-weight: 500;
     position: absolute;
     left: 0;
     top: 20px
 }
 .faq-plus {
     height: 30px;
     font-size: 30px;
     text-align: center;
     color: #703286;
     line-height: 30px;
     position: absolute;
     right: 0;
     top: 20px;
     font-weight: 300;
     font-family: arial;
     display: block !important
 }
 .faq-plus:hover,
 .faq-plus:focus {
     color: #13539d;
 }
 #accordion .panel-title span,
 .faq .panel-title span {
     -moz-transition: -moz-transform 0.5s ease-in-out;
     -o-transition: -o-transform 0.5s ease-in-out;
     -webkit-transition: -webkit-transform 0.5s ease-in-out;
     transition: transform 0.5s ease-in-out;
 }
 .rotate-icon {
     -webkit-transform: rotate(-225deg);
     -moz-transform: rotate(-225deg);
     transform: rotate(-225deg);
 }
 .figure-detail,
 .figure-cms {
     text-align: center;
     padding: 1em 0
 }
 .figure-cms-small-left {
     float: left;
     max-width: 50%;
     margin: 0 20px 10px 0
 }
 .figure-cms-small-right {
     float: right;
     max-width: 50%;
     margin: 0 0 10px 20px
 }
 .act-detail,
 .event-detail {
     font-size: 24px;
     color: #0154a5;
     font-weight: 500;
     margin: 20px 0 0
 }
 .row_link_events {
    padding-bottom: 50px;
}
 .content-detail {
     font-size: 18px;
     color: #000
 }
 .detail-c-border,
 .cms-l-content {
     margin-bottom: 10px
 }
 .detail-c-border:after,
 .cms-l-content:after {
     content: "";
     height: 1px;
     background: #e5e5e5;
     display: block;
 }
 .read-more-title {
     color: #1d3f8e;
     font-size: 18px;
     margin-bottom: 15px
 }
 .block-read-more {
     margin-bottom: 20px
 }
 .share-spot {
     color: #25231b;
     font-size: 16px;
     font-weight: 700;
     padding: 12px 0;
     border-bottom: 1px solid #1d3f8e;
     position: relative;
     transition: all .2s;
     filter: alpha(opacity=0);
	 opacity: 0;
 }
 .touchevents .share-spot { filter: alpha(opacity=1);
	 opacity: 1;}
 .elem-spot:hover .share-spot {
     transform: translateY(-6px);
     opacity: 1
 }
 .ico-share {
     margin-right: 8px;
 }
 .social-n {
     display: inline-block;
     vertical-align: middle
 }
 .social-n a {
     margin: 0 15px;
     font-size: 20px
 }
 .fb-s {
     color: #3b5998
 }
 .twitter-s {
     color: #00aced
 }
 .linkedin-s {
     color: #00aced
 }
 .youtube-s {
     color: #c6312c
 }
 .share {
     color: #727272;
     font-size: 14px;
     font-weight: 500;
     padding: 8px 15px;
     background-color: #f5f5f5;
     border-radius: 0;
     margin-bottom: 10px
 }
 .share> i,
 .share> a {
     margin: 0 0 0 16px;
     font-size: 16px;
     font-weight: 500;
     display: inline-block;
     vertical-align: middle;
     color: #727272;
     font-weight: 500
 }
 /***********/

 .n-c {
     border: 1px solid #fff;
     color: #703286;
     font-size: 14px;
     padding-left: 0
 }
 .n-c i {
     font-size: 12px;
     vertical-align: middle
 }
 .n-c:hover {
     background: none;
     color: #703286;
     background-color: #fff;
     border-color: #703286;
     border-width: 1px;
     border-style: solid;
     padding: 6px 12px;
 }
 .b--c-c {
     margin-top: 20px
 }
 .photo-iso {
     float: left;
     margin-right: 1%;
     max-width: 190px
 }
 .content-iso {
     overflow: hidden;
     padding: 10px 0
 }
 .title-iso {
     color: #0054a5;
     font-size: 22px;
     font-weight: bold;
     margin-bottom: 10px;
     margin-top: 10px;
     line-height: 1.1
 }
 .desc-iso {
     color: #000;
     font-size: 15px;
     line-height: 1.4
 }
 .photo-conseiller {
   float: left;
   margin-right: 1%;
   max-width: 190px;
 }
 .content-conseiller {
   overflow: hidden;
   padding: 10px 0;
 }
 .title-conseiller {
     color: #703286;
     font-size: 22px;
     font-weight: bold;
     margin-bottom: 10px;
     margin-top: 10px;
     line-height: 1.1
 }
 .desc-conseiller {
     color: #000;
     font-size: 15px;
     line-height: 1.4
 }
 .b--c-c-container:after {
     content: "";
     height: 20px;
     display: block;
     background: url(../images/gif/hachure.gif) left top repeat
 }
 .b--c-c-border {
     border-bottom: 1px solid #e5e5e5;
 }

 .flexbox .b--c-c .col-sm-4:nth-child(3) {
    border: none;
}
.flexbox .b--c-c .col-sm-4:nth-child(3):after{
    background: transparent;
}

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

 .bootstrap-select.btn-group.open .dropdown-toggle .caret {
     color: #13539d
 }
 .dropdown-menu>li>a:hover,
 .dropdown-menu>li>a:focus {
     background: #f6f6f6;
     color: #19569f;
 }
 .bootstrap-select button,
 .bootstrap-select button:hover,
 .bootstrap-select button:active {
     background: #f9fafc !important;
     box-shadow: none !important;
     overflow: hidden;
     min-height: 50px;
     padding: 12px 24px 16px 24px;
     border-radius: 8px;
     border: solid 1px #ebf0f5 !important;
     background-color: rgba(235, 240, 245, 0.3);
     font-size: 18px;
     font-family: 'gilroymedium', sans-serif;
     color: #bac4df !important;
 }
 .bootstrap-select .dropdown-menu {
     left: auto;
     right: 0;
     max-height: 300px !important;
 }
 .bootstrap-select .dropdown-menu>li>a {
     white-space: normal
 }
 #body .select-filter .bootstrap-select {
     width: 100%
 }
 #map {
     height: 370px;
     background: #6699cc;
     max-width: 100%
 }
 .form_candidature,
 .form_contact {
     padding: 10px 0 20px
 }
 .form_candidature label,
 .form_contact label {
     display: block;
     font-weight: normal
 }
 form label.error {
     color: #f41d53;
     text-align: left;
     font-weight: normal
     font-size: 14px;
 }

form .fileupload label.error {
     position: absolute;
    left: 0;
    right: 0;
    top: -6px;
    text-indent: 9999em;
    overflow: hidden;
    bottom: -5px;
    border: 1px solid #f41d53;
 }
 input.error,
 input.error:focus,
 input.error:active,
 textarea.error,
 textarea.error:focus,
 textarea.error:active {
     border: 1px solid #f41d53;
     -webkit-box-shadow: inset 0 1px 1px rgba(243, 28, 28, 0.075);
 }
 textarea.form-control {
     height: 110px
 }
 .align-captcha{
	 text-align:right
 }
 .refresh-ico {
     color: #dadada;
     font-size: 20px;
     height: 36px;
     line-height: 36px;
     position: absolute;
     top: 12px;
     right: 30px;
 }
 .img-captcha img{
     top: 10px;
     position: relative;
 }
 .align-btn-form {
     text-align: center
 }
 .align-btn-form button {
     text-transform: uppercase;
 }
 .btn-form {
     color: #636363;
     background-color: #ebebeb;
     border-color: #ebebeb;
     font-size: 18px;
     padding: 7px 30px;
     font-weight: bold
 }
 .btn-form:hover,
 .btn-form:focus,
 .btn-form:active {
     color: #fff;
     background-color: #00a538;
     border-color: #00a538;
 }
 .form-control {
     box-shadow: none;
     font-size: 16px;
     height: auto;
     min-height: 50px;
     padding: 16px 24px 16px 24px;
     border-radius: 8px;
     border: solid 1px #ebf0f5;
     background-color: rgba(235, 240, 245, 0.3);
 }
 .form-control::-webkit-input-placeholder { /* Edge */
     font-size: 18px;
     font-family: 'gilroymedium', sans-serif;
     color: #bac4df;
 }

 .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
     font-size: 18px;
     font-family: 'gilroymedium', sans-serif;
     color: #bac4df;
 }

 .form-control::placeholder {
     font-size: 18px;
     font-family: 'gilroymedium', sans-serif;
     color: #bac4df;
 }
 legend {
     color: #0154a5;
     font-size: 36px;
     border: none;
     font-weight: bold;
     margin: 0 0 15px 0;
     font-family: 'gilroyblack', sans-serif;
 }
 .text_form{
     font-size: 18px;
     line-height: 1.44;
     color: #000;
     margin-bottom:50px;
 }
 .fieldset-first {
     border-bottom: 1px solid #eaeaea;
     padding: 0 0 40px 0;
     margin-bottom: 30px
 }
 .fieldset-first legend {
     margin-bottom: 30px
 }
 .fieldset-first p {
     font-size: 16px;
     color: #000
 }
 .fieldset-first p.no-offre {
     font-size: 16px;
     color: #1d3f8e
 }
 .coordonne {
     padding: 20px 0 0;
     position: relative;
     border-top: 1px solid #eaeaea;
 }
 /*.coordonne>div:after {
     content: "";
     height:  1px;
     background: #eaeaea; position: absolute; top: -10px; right: 0; left: 0
 }*/

 .table-coordonee {
     display: table;
     width: 100%
 }
 .table-coordonee>div {
     display: table-row
 }
 .table-coordonee>div>div {
     display: table-cell;
     padding: 10px 5px;
 }
 .emplacement {
     text-align: center;
     padding-top: 1em
 }
 .libelle-coordonee {
     color: #25231b;
     font-size: 16px;
     font-weight: 500;
     text-align: right
 }
 .txt-coordonee {
     color: #13539d;
     font-size: 16px;
     font-weight: 500;
     text-align: left;
     width: 60%
 }
 /********Load********/

 .loader {
     position: absolute;
     top: 50%;
     left: 40%;
     margin-left: 10%;
     transform: translate3d(-50%, -50%, 0);
 }
 .dot {
     width: 24px;
     height: 24px;
     background: #3ac;
     border-radius: 100%;
     display: inline-block;
     animation: slide 1s infinite;
 }
 .dot:nth-child(1) {
     animation-delay: 0.1s;
     background: #32aacc;
 }
 .dot:nth-child(2) {
     animation-delay: 0.2s;
     background: #64aacc;
 }
 .dot:nth-child(3) {
     animation-delay: 0.3s;
     background: #96aacc;
 }
 .dot:nth-child(4) {
     animation-delay: 0.4s;
     background: #c8aacc;
 }
 .dot:nth-child(5) {
     animation-delay: 0.5s;
     background: #faaacc;
 }
 @-moz-keyframes slide {
     0% {
         transform: scale(1);
     }
     50% {
         opacity: 0.3;
         transform: scale(2);
     }
     100% {
         transform: scale(1);
     }
 }
 @-webkit-keyframes slide {
     0% {
         transform: scale(1);
     }
     50% {
         opacity: 0.3;
         transform: scale(2);
     }
     100% {
         transform: scale(1);
     }
 }
 @-o-keyframes slide {
     0% {
         transform: scale(1);
     }
     50% {
         opacity: 0.3;
         transform: scale(2);
     }
     100% {
         transform: scale(1);
     }
 }
 @keyframes slide {
     0% {
         transform: scale(1);
     }
     50% {
         opacity: 0.3;
         transform: scale(2);
     }
     100% {
         transform: scale(1);
     }
 }
 #loading {
     background-color: #0154a5;
     height: 100%;
     width: 100%;
     position: fixed;
     z-index: 9999;
     margin-top: 0px;
     top: 0px;
 }
.flux{
    background:#0154a5 ;
    padding: 15px 80px;
    position: relative;
    white-space: nowrap;
    color:#fff;
    font-size:12px;
}

 .flux span.title-flux {
     float: left;
     margin-right: 10px;
     font-size: 12px;
     top: 0;
     position: relative;
 }

 .content-flux {
     overflow: hidden;
	 margin-right:100px
 }

 .head-txt {
     color: #fff;
 }

 .chiffre-flux {
     color: #fff;
 }

 .up-f {
     color: #fff;
 }

 .down-f {
     color: #fff;
 }

 .marquee {

     width: 100%;
     overflow: hidden;

 }
.lang{
	position:absolute;
	z-index:1;
	right:15px;
	top:8px
}
#header{
	position:relative
}
.link-lang{
	display:inline-block;
	color:#fff;
	padding:5px
}
.nav-header{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    padding:0 80px;
    background-image: linear-gradient(to bottom, rgb(19 21 77 / 54%) 0%, rgba(0, 0, 0, 0) 157%);
}
.content-nav-header{
    padding:25px 0 0 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.nav-header .navbar-default {
 background-color: transparent;
 border-color: transparent;
}
.nav-header .navbar-brand {
     height: 75px;
     margin: 0 20px 0 0;
     padding: 0 0 20px 0;
}
 .box-container-banner {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     /*background-image: linear-gradient(to bottom, rgba(14, 15, 51, 0.77) 0%, rgba(0, 0, 0, 0) 157%);
     background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(14, 15, 51, 0.77) 157%);*/
     background-image: linear-gradient(to top, rgba(14, 15, 51, 0.77) 0%, rgba(0, 0, 0, 0) 157%);
     z-index: 99;
     min-height: 220px;
     padding: 60px 0;
 }
.bg_banner {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
    z-index: 9;
     mix-blend-mode: darken;
     /*background-image: linear-gradient(to bottom, rgba(14, 21, 49, 0.58) 0%, rgba(0, 0, 0, 0));*/
   /* background-image: linear-gradient(to bottom, rgba(14, 15, 51, 0.77) 0%, rgba(0, 0, 0, 0) 157%);*/
   /*background-image: linear-gradient(to bottom, rgb(166 166 177 / 77%) 0%, rgba(0, 0, 0, 0) 157%);*/
 }
.container_item{
    z-index: 99;
    position: relative;
}
.col-content-banner{
    border-right:1px solid rgba(255, 255, 255,0.35);
    padding-right: 30px;
    padding-left: 30px;
}
 .col-content-banner:last-child{
     border-right:none;
 }
.d-flex{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.title_content_banner{
    font-family: 'als_haussblack', sans-serif;
    font-size: 14px;
    font-weight: 900;
    color: #fff;
    margin-bottom: 12px;
    text-transform: uppercase;
}
.text_content_banner{
    font-size: 18px;
    line-height: 1.33;
    color: #fff;
}
.box-container-produitslilas{
    background-color: rgba(235, 240, 245,0.50);
    padding:70px 0;
}
.title_content_produitslilas{
    font-size: 24px;
    line-height: 1.33;
    text-align: center;
    color: #262048;
    margin-bottom: 60px;
    font-family: 'gilroyregular', sans-serif;
}
.bold_products{
    font-family: 'gilroybold', sans-serif;
}
.box_image_produit{
    float: left;
    width:14.2%;
    padding:0 15px;
}
 .container_produits_lilas {
     padding: 0 60px;
 }
 .container_img_product{
     background: #fff;
     display: block;
     text-align: center;
 }
.box-actualites-home{
    background: #fff;
    padding: 70px 0 120px 0;
}
 .box-actualites-interne{
     background: #fff;
     padding: 70px 0;
 }

.title-actus{
    font-size: 56px;
    font-family: 'gilroyblack', sans-serif;
    text-align: center;
    color: #000;
    float: left;
    width:100%;
    margin-bottom: 50px;
}

 .box-actualites-interne .title-actus{
     float: left;
     width:100%;
     margin-bottom: 65px;
     font-family: 'gilroyblack', sans-serif;
     font-size: 21px;
     letter-spacing: 2.55px;
     text-align: center;
     color: #261f49;
     text-transform: uppercase;
 }
.content_col_big_actu{
    background: #ebf0f5;
    padding-bottom: 20px;
}
.wra-col-big-small-actu{
    background: #ebf0f5;
    height: 100%;
    padding-bottom: 20px;
}

.content_big_actu{
    padding:40px 30px 48px 30px;
}
.texte_alanune{
    font-family: 'gilroybold', sans-serif;
    font-size: 18px;
    color: #000;
    margin-bottom:13px;
}
.cat-actu{
    margin-bottom:20px;
}
.title-actu-small{
    /*margin-bottom:35px;*/
}
.date-actu{
    font-size: 14px;
    color: #000;
    position: absolute;
    /* bottom: 0; */
    left: 40px;
}
.col-all-actus{
    margin-top:40px;
}
.link_all_actus{
    font-size: 16px;
    line-height: 1.75;
    color: #6f408b;
    position: relative;
    display: inline-block;
}
 .link_all_actus:after{
     content: '';
     position: absolute;
     width:100%;
     height:3px;
     background-color: #6f408b;
     bottom:0;
     left:0;
 }
 .link_all_actus:hover{
     text-decoration: none;
     color: #0154a5;
 }
 .link_all_actus:hover:after{
     background-color: #0154a5;
 }

.box_chiffres_lilas{
    background-image: radial-gradient(circle at 68% 47%, #4f5c7b, #272f45 51%);
}
.col-left-chiffre{
    padding-top:130px;
}
.title_chiffre_left{
    font-family: 'gilroyblack', sans-serif;
    font-size: 56px;
    color: #fff;
    margin-bottom:38px;
    line-height: 1.2;
}
.content_chiffre{
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
    width: 70%;
}
.link_chiffre{
    margin-bottom: 80px;
}
.img_chiffre{
    background: url('../images/png/img-chiffre-lilas.png') no-repeat 0 0;
    position: relative;
    margin-top:-46px;
    width: 607px;
    height: 660px;
}
 .content_right_chiffre {
     position: absolute;
     top: -33px;
     right: 0;
     width: 100%;
     height: 100%;
 }
 .row_right_chiffre {
     margin-bottom: 10px;
     float: left;
     width: 100%;
     text-align: center;
 }
 .box-chiffre{
     padding: 42px 8px 32px;
     border-radius: 7px;
     box-shadow: 3px 8px 10px 0 rgba(0, 0, 0, 0.13);
     border: solid 1px #fff;
     background-color: #fafbff;
     float: right;
     margin-left: 30px;
 }
 .box-chiffre.box-1,
 .box-chiffre.box-4,
 .box-chiffre.box-5{
     width:170px;
     height:170px;
     padding: 34px 10px 24px;
 }
 .box-chiffre.box-2{
     width: 208px;
     height: 208px;
     padding: 53px 15px 43px;
 }
 .box-chiffre.box-3{
     width:186px;
     height:186px;
     padding: 42px 8px 32px;
 }
 .box-chiffre.box-6{
     width: 190px;
     height: 190px;
     padding: 44px 10px 34px;
     margin-top: 20px;
 }
 .box-chiffre.box-5{
     margin-top: 20px;
 }
 .title_chiffre{
     font-size: 42px;
     text-align: center;
     color: #159c92;
     margin-bottom: 5px;
 }
 .texte_chiffre{
     font-family: 'als_haussmedium', sans-serif;
     font-size: 13px;
     text-align: center;
     color: #262048;
 }
 .content_chiffre_2 .title_chiffre{
     color: #243160;
 }
 .content_chiffre_3 .title_chiffre{
     color: #703387;
 }
 .box-chiffre.box-1,
 .box-chiffre.box-4 {
     margin-top:19px;
 }
 .row_right_chiffre.content_chiffre_1 {
     padding-right: 73px;
 }
 .row_right_chiffre.content_chiffre_3 {
     padding-right: 47px;
 }
 .pos_relative{
     position: relative;
 }
 .col-right-chiffre{
     position: absolute;
     right:0;
     top:0;
 }
 .box_equipe_lilas{
     padding:80px 50px;
     background: #fff;
 }
 .col-right-equipe{
     padding-top: 20px;
 }
 .title_equipe_left{
     font-family: 'gilroyblack', sans-serif;
     font-size: 56px;
     color: #261f49;
     margin-bottom: 35px;
     line-height: 1.2;
 }
 .content_equipe{
     font-size: 20px;
     line-height: 1.5;
     color: #000;
     margin-bottom: 30px;
 }
 .function_equipe{
     font-family: 'gilroymedium', sans-serif;
     font-size: 16px;
     color: #159c92;
 }
 .function_equipe span{
     font-family: 'gilroybold', sans-serif;
 }
 .box_certification_lilas{
     background-image: linear-gradient(to right, #272f45 57%, rgba(39, 47, 69, 1) 74%);
     padding:60px 0 70px 0;
 }
 .col-right-certificat,
 .col-left-certificat{
     padding-bottom:30px;
 }
 .logo_certif{
     margin-bottom:53px;
 }
 .title_certificat{
     font-size: 14px;
     color: #fff;
     font-family: 'gilroyblack', sans-serif;
     position: relative;
     text-transform: uppercase;
 }
 .title_certificat:before{
     content: '';
     position: absolute;
     left: 0;
     top: -30px;
     height: 3px;
     background-color: #159c92;
     width: 30px;
 }
 .desc_certificat{
     font-size: 18px;
     line-height: 1.44;
     color: #fff;
     margin-top:12px;
     margin-bottom: 38px;
 }
 .desc_certificat a{
     font-size: 14px;
     color: #159c92;
     text-transform: uppercase;
     position: absolute;
     bottom:0;
     left:15px;
 }
 .desc_certificat:hover{
     text-decoration: none;
     color: #fff;
 }
 .box_chat_lilas{
     background: #fff;
     padding:70px 0;
     text-align: center;
 }
 .picto_chat{
     text-align: center;
     margin-bottom: 30px;
 }
 .content_chat{
     font-size: 24px;
     line-height: 1.33;
     text-align: center;
     color: #262048;
     margin-bottom:13px;
 }
 .title_chat{
     font-family: 'gilroyblack', sans-serif;
     font-size: 24px;
     line-height: 1.33;
     text-align: center;
     color: #2ba8ff;
     margin-bottom:40px;
 }
 .btn-blue-lilas {
      border: 2px solid #0154a5;
      background: #0154a5;
      color: #fff;
      font-size: 14px;
      padding: 15px 45px;
      border-radius: 7px;
      display: inline-block;
     text-transform: uppercase;
  }
 .btn-blue-lilas:hover {
     border: 2px solid #0154a5;
     background: #fff;
     color: #0154a5;
     text-decoration: none;
 }
 .footer{
     padding: 46px 0;
     background-color: #ebeefa;
 }
 .logo_footer{
     float: left;
     margin-right:10px;
 }
 .copyright_footer {
     margin-top: 33px;
     float: left;
 }
 .copy-right{
     margin-right: 10px;
     padding-right: 10px;
     border-right: 1px solid #bebebe;
 }
 .box_international_lilas{
     background-color: #ebeefa;
     padding:100px 0 60px 0;
 }
 .col-left-international {
     padding-left: 10%;
 }
 .title_international{
     font-size: 56px;
     line-height:1.3;
     color: #261f49;
     margin-bottom:20px;
 }
 .subtitle_international{
     font-size: 22px;
     line-height: 1.17;
     color: #261f49;
     margin-bottom:15px;
 }
 .content_international{
     font-size: 18px;
     line-height: 1.44;
     color: #000;
     margin-bottom:60px;
 }
 .title_content_international{
     font-family: 'als_haussbold', sans-serif;
     font-size: 16px;
     color: #159c92;
 }
 .subtitle_international{
     font-family: 'als_haussregular', sans-serif;
     font-size: 22px;
     line-height: 1.91;
     color: #261f49;
 }
 .row_region_content_international{
     margin-top:7px;
 }

 .subtitle_content_international{
     font-family: 'als_haussregular', sans-serif;
     font-size: 16px;
     line-height: 1.5;
     color: #009c92;
 }
 .row_content_international {
     margin-bottom: 20px;
 }
 .region_content_international{
     font-family: 'als_haussregular', sans-serif;
     font-size: 14px;
     line-height: 1.71;
     color: #261f49;
 }
 .region_content_international span{
     font-family: 'als_haussbold', sans-serif;
 }
 .align-item{
     align-items: center;
 }
 .col-right-international {
     position: inherit;
 }
 .map_svg {
     background: url('../images/png/contour-globe.png') no-repeat 0 0;
     width:100%;
     height:870px;
     text-align: right;
     position: relative;
 }
 .country {
     -webkit-transition: all 0.2s ease 0s;
     -moz-transition: all 0.2s ease 0s;
     -o-transition: all 0.2s ease 0s;
     transition: all 0.2s ease 0s;
     text-decoration: none;
 }
 .country:hover{
     fill: #2e75b6;
 }
 .country_production:hover{
     fill: #261f49;
 }



 #tooltipDiv {
     padding: 8px 6px 8px;
     border-radius: 1px;
     box-shadow: 0 2px 12px 0 rgba(203, 208, 228, 0.73);
     background-color: #fff;
     position: absolute;
     visibility:hidden;
     font-family: 'gilroybold', sans-serif;
     font-size: 14px;
     font-weight: bold;
     color: #261f49;
     text-align: center;
 }
/* #tooltipDiv:after {
     display: inline-block;
     font: normal normal normal 14px/1 FontAwesome;
     font-size: inherit;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     content: "\f0d7";
     bottom: -9px;
     position: absolute;
     left: 47%;
     color: #ffffff;
 }*/
 .has_submenu{
     position: inherit !important;
 }
 .box_submenu{
     display: none;
     position: absolute;
     left: 0;
     width: 100%;
     top: 17px;
     z-index: 99;
     padding: 72px 0 50px 0;
 }

 .box_submenu.active{
     display: block;
 }
/* .has_submenu:hover .box_submenu{
     display: block;
 }*/
 .bg_header_navtop:after {
     content: '';
     top:0;
     left:0;
     background: #fff;
     height:70%;
     width:100%;
     position: absolute;
     z-index: 99;
	 min-height:550px;
	     box-shadow: 0 0 60px 0 rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 60px 0 rgba(0,0,0,.4);
    -moz-box-shadow: 0 0 60px 0 rgba(0,0,0,.4);
 }
 .bg_header_navtop #bs-main-nav .navbar-nav > li .level1 {
     color: #0154a5;
 }
 .bg_header_navtop .content-nav-header {
     border-bottom: 1px solid #0154a5;
 }
 .bg_header_navtop .icone_search {
     color: #0154a5;
 }
 .navbar-brand>img.lilas_hover{
     display: none;
 }
 .navbar-brand>img.lilas_hover.lilas_hover_blue{
     display: block;
 }
 
 .navbar-brand>img.logo_lilas_header.hide {
    display: none;
}
 .navbar-brand>img.logo_lilas_header {
    display: block;
}
 .submenu-level-2 > ul{
     position: relative;

 }
 .submenu-level-2 ul{
     display: none;
     position: absolute;
     left: 100%;
     top: 0;
     width: 100%;
 }
 .submenu-level-2 > li:hover ul{
     display: block;
 }
 .title_sub_menu{
     font-family: 'als_haussbold', sans-serif;
     font-size: 36px;
     letter-spacing: -1px;
     color: #0154a5;
     margin-bottom:16px;
 }
 .content_sub_menu{
     font-size: 16px;
     line-height: 1.5;
     color: #000;
     width:75%;
 }
 .submenu-level-2{
     list-style-type: none;
     width: 50%;
 }
 .submenu-level-2 > li{
     margin-bottom:20px;
     position: relative;
 }
 .submenu-level-2 >li >a{
     font-family: 'als_haussmedium', sans-serif;
     font-size: 21px;
     color: #0154a5;
     padding:10px 20px;
     display: block;
     position: relative;
 }
 .submenu-level-2 >li >a:hover{
     background-color: #0154a5;
     color: #fff;
     text-decoration: none;
 }
 .submenu-level-2 >li >a i{
     right: 10px;
     position: absolute;
     top: 17px;
     font-size: 18px;
     opacity:0;
     -webkit-transition: all 0.2s ease 0s;
     -moz-transition: all 0.2s ease 0s;
     -o-transition: all 0.2s ease 0s;
     transition: all 0.2s ease 0s;
 }
 .submenu-level-2 >li >a:hover i{
     opacity:1;
 }
 .submenu-level-2 ul{
     list-style-type: none;
 }
 .submenu-level-2 ul li a{
     font-size: 16px;
     color: #0154a5;
     line-height: 1.5;
     display: block;
     margin-bottom: 10px;
 }
 .box_groupe_contact{
     padding-bottom: 30px;
     margin-bottom:30px;
     border-bottom: solid 1px #ebf0f5;
 }
 .titlte_groupe_contact{
     font-family: 'als_haussblack', sans-serif;
     font-size: 14px;
     color: #0154a5;
     margin-bottom: 12px;
     text-transform: uppercase;
 }
 .texte_groupe_contact{
     font-size: 18px;
     line-height: 1.33;
     color: #000;
 }
 .row_coordonnes_contact{
     margin-bottom:32px;
 }
 .img_cordonnes{
     float: left;
     margin-right:20px;
 }
 .text_cordonnes a,
 .text_cordonnes{
     font-size: 18px;
     line-height: 1.33;
     color: #000;
 }
 .text_cordonnes span{
     font-size: 14px;
     text-transform: uppercase;
     margin-right: 10px;
     font-family: 'als_haussblack', sans-serif;
 }
 .box_contact_relation{
     margin-top:40px;
     border-radius: 7px;
     padding: 60px 62px 40px 31px;
     border: solid 1px rgba(235, 240, 245, 0.5);
     background-color: rgba(235, 240, 245, 0.5);
     float: left;
     width: 100%;
 }
 .img_contact_relation {
     float: left;
     margin-right: 5%;
     width: 25%;
     margin-top: 30px;
 }
 .content_contact_relation {
     float: left;
     width: 70%;
 }
 .titlte_contact_relation{
     font-family: 'als_haussblack', sans-serif;
     font-size: 14px;
     color: #000;
     margin-bottom:25px;
     text-transform: uppercase;
 }
 .name_contact_relation{
     font-family: 'als_haussbold', sans-serif;
     font-size: 18px;
     line-height: 1.33;
     color: #0154a5;
 }
 .text_contact_relation{
     font-size: 16px;
     line-height: 1.25;
     color: #000;
     margin-bottom:30px;
 }
 .link_contact_relation a,
 .link_contact_relation{
     font-size: 16px;
     line-height: 1.81;
     color: #000;
 }
 .link_contact_relation span{
     font-family: 'als_haussbold', sans-serif;
 }
 .btn-file {
     background: #fff !important;
     font-size: 16px !important;;
     padding: 10px 30px !important;
     border-radius: 7px !important;
     border: solid 2px #159c92 !important;
     color: #159c92 !important;
 }
 .btn-file i {
     color: #159c92;
     font-size: 20px;
     margin-right: 10px;
     position: relative;
     top: 2px;
 }
 .content_bloc_info_lilas .txt_reg_info_lilas {
     font-family: 'als_haussmedium', sans-serif;
 }
 .blc_contact_relations .blc_name_post img {
     margin-bottom: 50px;
 }
 .chart_thons {
     margin-top: 20px;
 }
 .blc_alert {
     padding-left: 30px!important;
     padding-right: 30px!important;
 }
 .blc_alert:after,
 .blc_alert:before{
     display: none !important;
 }
 .table_style3 tr th:last-child {
     text-align: right;
 }
 .table_style3 tr td:last-child {
     text-align: left;
 }
 .table_style3 tr th:first-child,
 .table_style3 tr td:first-child {
     text-align: left;
 }
 .table_style3 tr td:first-child {
     color: #0154a5;
     font-family: 'gilroyextrabold', sans-serif;
 }
 .shareholding_structure {
     padding: 50px 0;
     margin-top:50px;
 }
 .shareholding_structure .card_chart_overlay{
     margin-top:30px;
 }
 .other_objectif,
 .jm_holding_objectif,
 .free_float_objectif {
     display: inline-block;
     margin-right: 30px;
     margin-top: 30px;
 }
 .jm_holding_objectif span {
     width: 16px;
     height: 16px;
     background-color: #2ba8ff;
     margin-right: 10px;
     display: inline-block;
     top: 2px;
     position: relative;
 }
 .free_float_objectif span{
     width: 16px;
     height: 16px;
     background-color: #0154a5;
     margin-right: 10px;
     display: inline-block;
     top: 2px;
     position: relative;
 }
 .other_objectif span{
     width: 16px;
     height: 16px;
     background-color: #f14281;
     margin-right: 10px;
     display: inline-block;
     top: 2px;
     position: relative;
 }
 #charte_objectifs,
 #new_skus{
     min-height:500px !important;
 }
 .title_newsky{
     font-size: 14px;
     font-family: 'gilroyblack', sans-serif;
     color: #0154a5;
     text-align: center;
     text-transform: uppercase;
     margin-top:50px;
 }
 .skus_objectif{
     font-family: 'gilroyblack', sans-serif;
     font-size: 14px;
     color: #495577;
     margin-top:30px;
 }
 .new_skus_section {
     margin-bottom: 80px;
 }
 .col-objectifs{
     margin-top:30px;
 }
 .list_objectifs{
     list-style-type: none;
     padding-left: 70px;
     margin-bottom:30px;
 }
 .list_objectifs li{
     font-size: 16px;
     line-height: 1.44;
     color: #000;
 }
.country{
    position: relative;
    display: block;
}
#tooltipDiv span{
     background: #00a638;
     width: 9px;
     height: 9px;
     border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
 }
 #tooltipDiv i{
     display: inline-block;
     background: #261f49;
     width: 9px;
     height: 9px;
     border-radius: 50%;
     margin-right: 5px;
 }
 #tooltipDiv .served{
     display: inline-block;
     background: #b8bfdd;
     width: 9px;
     height: 9px;
     border-radius: 50%;
     margin-right: 0;
 }
 #tooltipDiv p{
     margin: 0;
 }
 .legend_map p{
     font-size: 12px;
     font-weight: normal;
     color: #7787c9;
     margin-bottom: 3px;
 }
 .legend_map .prod_loc span{
     background: #00a638;
     width: 9px;
     height: 9px;
     border-radius: 50%;
     display: inline-block;
     margin-right: 10px;
     position: relative;
     top: 5px;
 }
 .legend_map .export span{
     background: #261f49;
     width: 9px;
     height: 9px;
     border-radius: 50%;
     display: inline-block;
     margin-right: 10px;
     position: relative;
     top: 5px;
 }
 .legend_map .served_market span{
     background: #b8bfdd;
     width: 9px;
     height: 9px;
     border-radius: 50%;
     display: inline-block;
     margin-right: 10px;
     position: relative;
     top: 5px;
 }
 .legend_map{
     position: absolute;
     right: 17%;
     bottom: 30%;
     text-align: left;
 }
 .has_submenu a i{
     font-size: 12px;
 }
 .blc_sustainability_new .cnt_blc_sustainability  h3{
     font-size: 36px;
     font-weight: 800;
     font-family: 'gilroybold';
     margin-bottom: 30px;
 }
 .blc_sustainability_new .cnt_blc_sustainability.blc_sustainability_green  h3{
     color: #13715c;
 }
 .blc_sustainability_new .cnt_blc_sustainability.blc_sustainability_grey  h3{
     color: #6b5b52;
 }
 .blc_sustainability_new .cnt_blc_sustainability.blc_sustainability_orange  h3{
     color: #fa6400;
 }
 .blc_sustainability_new .cnt_blc_sustainability.blc_sustainability_blue  h3{
     color: #2ba8ff;
 }
 .blc_sustainability_new .cnt_blc_sustainability  p{
     font-size: 20px;
     font-weight: 400;
     color: #303030;
 }
 .blc_sustainability_new .cnt_blc_sustainability:nth-child(1) img{
     position: absolute;
     right: 0;
     top: 0;
     z-index: -1;
 }
 .blc_sustainability_new .cnt_blc_sustainability:nth-child(3) img{
     position: absolute;
     right: -70px;
     top: -50px;
     z-index: -1;
     transform: rotate(-25deg);
 }
 .blc_sustainability_new .cnt_blc_sustainability:nth-child(2) img{
     position: absolute;
     right: inherit;
     left:0;
     top: 0;
     z-index: -1;
 }
 .blc_sustainability_new .cnt_blc_sustainability:nth-child(4) img{
     position: absolute;
     right: inherit;
     left:0;
     top: 0;
     z-index: -1;
 }
 .blc_sustainability_new .cnt_blc_sustainability .blc_left_sustainability_new{
     padding: 30px 170px 30px 30px;
 }
 .blc_sustainability_new .cnt_blc_sustainability .blc_right_sustainability_new{
     padding: 30px 30px 30px 170px;
 }
 .blc_sustainability_new .cnt_blc_sustainability:nth-child(2n+1){
     content: "";
     clear: both;
     display: block;
 }

 .blc_sustainability_new .cnt_blc_sustainability:nth-child(2) {
    text-align: right;
 }
 .cnt_blc_sustainability.blc_sustainability_orange {
     margin-top: 80px;
 }
 .blc_sustainability_new{
     position: relative;
 }
 .blc_sustainability_new:after{
     content: "";
     width: 448px;
     height: 448px;
     position: absolute;
     background: url("../images/png/forme_lilas_contour.png") 0 0 no-repeat;
     top:50%;
     left: 50%;
     transform: translate(-50%,-50%);
     z-index: -2;
 }


 .blc_sustainability_new .cnt_blc_sustainability.cnt_blc_ourvalue:nth-child(1) img {
     position: absolute;
     right: -10px;
     top: 21px;
     z-index: -1;
     transform: rotate(0deg);
 }
 .blc_sustainability_new .cnt_blc_sustainability.cnt_blc_ourvalue:nth-child(2) img {
     position: absolute;
     right: inherit;
     left: 22px;
     top: 0;
     z-index: -1;
     transform: rotate(-12deg);
 }
 .blc_sustainability_new .cnt_blc_sustainability.cnt_blc_ourvalue:nth-child(3) img {
     position: absolute;
     right: -60px;
     top: -64px;
     z-index: -1;
     transform: rotate(0deg);
 }
 .blc_sustainability_new .cnt_blc_sustainability.cnt_blc_ourvalue:nth-child(4) img {
     position: absolute;
     right: inherit;
     left: 57px;
     top: -76px;
     z-index: -1;
     transform: rotate(-4deg);
 }
 .cnt_blc_sustainability.cnt_blc_ourvalue.blc_sustainability_blue,
 .cnt_blc_sustainability.cnt_blc_ourvalue.blc_sustainability_orange {
     margin-top: 110px;
 }
 .blc_sustainability_new .cnt_blc_sustainability.cnt_blc_ourvalue.blc_sustainability_green .blc_left_sustainability_new {
     padding: 80px 170px 30px 30px;
 }
 .blc_sustainability_new .cnt_blc_sustainability.cnt_blc_ourvalue.blc_sustainability_grey .blc_right_sustainability_new {
     padding: 70px 30px 30px 170px;
 }
 .blc_sustainability_new .cnt_blc_sustainability.cnt_blc_ourvalue.blc_sustainability_blue .blc_right_sustainability_new {
     text-align: right;
 }
 /* .blc_sustainability_new .cnt_blc_sustainability.cnt_blc_ourvalue p {
     text-shadow: 1px 2px 1px #c1ccc8;
 } */

.blc_ourvalue_new{
    padding-bottom:100px;
}

 .title_sustainability.mb-60,
 .mb-60{
     margin-bottom: 60px;
 }
 .blc_material_quality,
 .blc_innovation{
     position: relative;
 }
 .blc_innovation:after {
     content: '';
     background: url(../images/png/forme_lilas-1.png) 0 0 no-repeat;
     width: 373px;
     height: 405px;
     position: absolute;
     right: 25%;
     top: -45px;
     z-index: -1;
 }
 .blc_material_quality:after {
     content: '';
     background: url(../images/png/forme_lilas-2.png) 0 0 no-repeat;
     width: 373px;
     height: 405px;
     position: absolute;
     right: 25%;
     top: -45px;
     z-index: -1;
 }
 .row-sah .col-sah:nth-last-child(3n){
     margin-bottom: 50px;
 }
 .btn_white_lilas{
     border: 2px solid #fff;
     background: transparent;
     color: #fff;
     font-size: 14px;
     padding: 10px 15px;
     border-radius: 7px;
     display: inline-block;
     text-transform: uppercase;
 }
 .btn_white_lilas:hover {
     border: 2px solid #fff;
     background: #fff;
     color: #0154a5;
     text-decoration: none;
 }
 .blc_chiffre_lias{
     background: url("../images/jpg/bg_chiffre.jpg") 0 0 no-repeat;
     background-size: cover;
     padding: 190px 0;
 }
 .title_blc_chiffre_lias{
     font-size: 56px;
     font-family: 'gilroybold', sans-serif;
     color: #fff;
     margin-bottom: 28px;
 }
 .sub_title_chiffre{
     font-size: 16px;
     font-family: 'als_haussblack', sans-serif;
     line-height: 1.5;
     letter-spacing: 0.5px;
     color: #fff;
 }
 .txt_chiffre{
     font-family: 'als_haussmedium', sans-serif;
     font-size: 16px;
     line-height: 1.56;
     letter-spacing: 0.4px;
     color: #e2e2e2;
     margin-bottom: 30px;
 }
 .col-left-submenu{
    text-align: justify;
}
.col-valeurs-visions {
    background-color: #f8f9fd;
    border-bottom: 3px solid #eee;
    margin-bottom: 32px;
    padding: 24px;
}
.row_valeurs_visions {
    display: flex;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
}
.col-valeurs-visions h3 {
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #333;
    font-size: 28px;
}
.col-valeurs-visions p {
    line-height: 1.5;
    color: #000;
    font-size: 16px;
}
.row-dflex {
    display: flex;
    flex-wrap: wrap;
}
 /********margin top*********/
 .mt-50{
     margin-top:50px;
 }
 .mt-40{
     margin-top:40px;
 }
 .mt-30{
     margin-top:30px;
 }
 .mt-20{
     margin-top:20px;
 }
 .mt-10{
     margin-top:10px;
 }
 .mt-0{
     margin-top:10px;
 }
 /********margin bottom*********/
 .mb-50{
     margin-bottom:50px;
 }
 .mb-40{
     margin-bottom:40px;
 }
 .mb-30{
     margin-bottom:30px;
 }
 .mb-20{
     margin-bottom:20px;
 }
 .mb-10{
     margin-bottom:10px;
 }
 .mb-0{
     margin-bottom:10px;
 }

 /********margin top bottom*********/

 .mbt-50{
     margin:50px 0;
 }
 .mbt-40{
     margin:40px 0;
 }
 .mbt-30{
     margin:30px 0;
 }
 .mbt-20{
     margin:20px 0;
 }
 .mbt-10{
     margin:10px 0;
 }
 .mbt-0{
     margin:10px 0;
 }