@charset "UTF-8";

@font-face {

	font-family: "Graphik";

	src: url("../fonts/Graphik/Graphik-Light.otf") format("truetype");

	font-weight: 300;

}

@font-face {

	font-family: "Graphik";

	src: url("../fonts/Graphik/Graphik-LightItalic.otf") format("truetype");

	font-style: italic;

	font-weight: 300;

}

@font-face {

	font-family: "Graphik";

	src: url("../fonts/Graphik/Graphik-Regular.otf") format("truetype");

	font-weight: 400;

}

@font-face {

	font-family: "Graphik";

	src: url("../fonts/Graphik/Graphik-RegularItalic.otf") format("truetype");

	font-style: italic;

	font-weight: 400;

}

@font-face {

	font-family: "Graphik";

	src: url("../fonts/Graphik/Graphik-Medium.otf") format("truetype");

	font-weight: 500;

}

@font-face {

	font-family: "Graphik";

	src: url("../fonts/Graphik/Graphik-MediumItalic.otf") format("truetype");

	font-style: italic;

	font-weight: 500;

}

@font-face {

	font-family: "Graphik";

	src: url("../fonts/Graphik/Graphik-Semibold.otf") format("truetype");

	font-weight: 600;

}

@font-face {

	font-family: "Graphik";

	src: url("../fonts/Graphik/Graphik-SemiboldItalic.otf") format("truetype");

	font-style: italic;

	font-weight: 600;

}

@font-face {

	font-family: "Graphik";

	src: url("../fonts/Graphik/Graphik-Bold.otf") format("truetype");

	font-weight: 800;

}

@font-face {

	font-family: "Graphik";

	src: url("../fonts/Graphik/Graphik-BoldItalic.otf") format("truetype");

	font-style: italic;

	font-weight: 800;

}

body{

	font-family: "Graphik", sans-serif;

	font-size: 18px;

	font-weight: normal;

	line-height: 1.8;

	-webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    text-rendering: optimizeLegibility;

}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-family: "Graphik", sans-serif;}

img{max-width: 100%;/*font-size: 12px*/}

.mb-50 {margin-bottom: 50px}

.relative {position: relative}

.fontspecs {display: inline-block;max-width: 100%}

.no_home {padding-top: 150px;overflow: hidden}

.header {

	position: relative;

}

.header .navbar{

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	z-index: 1000

}

.navbar-expand-xl {

    -ms-flex-flow: column wrap;

    flex-flow: column wrap;

    -ms-flex-pack: center;

    justify-content: center;

}

.menu_container {

    padding-top: 30px;

}

.block_menu {

	-ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

	align-self: flex-start

}

.block_menu_bottom {

	-ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

	align-self: flex-end

}

.navbar-brand {

    padding: 0;

    margin: 0;

    width: 275px;

	margin-left: 20px;

	text-align: center

}

.navbar-brand img {width: 100%}

.navbar-toggler {

    display: block!important;

    width: 48px;

    height: 40px;

	padding: 4px 8px;

	position: fixed;

	top: 30px;

	right: 30px;

	transition: all .3s ease

}

.navbar-toggler.closed {

	position: static;

}

.nav_button {

    position: fixed;

    top: 0;

    right: 0;

    left: 0;

    display: flex;

    justify-content: flex-end; 

    padding: 24px 30px 0;

    visibility: hidden;

    opacity: 0;

    transition-delay: .3s;

	transition: all .3s ease

}

.navbar-collapse.show .nav_button {

    opacity: 1;

    visibility: visible

}

.navbar-toggler:focus {

    outline: none;

}

.navbar-toggler .icon-bar-line {

    display: block;

    width: 30px;

    height: 2px;

    background: #000000;

    border-radius: 4px;

	transition: all .5s ease

}

.navbar-toggler:not(.closed) .icon-bar-line {

    box-shadow: 0 0 0px 1px rgba(255, 255, 255, 0.4)

}

.navbar-toggler.closed .icon-bar-line.x1 {

    position: relative;

    top: 10px;

    transform: rotate(45deg);

}

.navbar-toggler.closed .icon-bar-line.x3 {

    position: relative;

    bottom: 10px;

    transform: rotate(-45deg);

}

.navbar-toggler.closed .icon-bar-line {

    background: #fff;

}

.navbar-toggler .icon-bar-line.x2 {

	margin: 8px 0

}

.navbar-toggler.closed .icon-bar-line.x2 {

	opacity: 0

}

.navbar-expand-xl .navbar-nav .nav-item {

	position: relative;

}

.navbar-expand-xl .navbar-nav .nav-item::after {

	content: "";

	position: absolute;

	bottom: 0;

	left: 8px;

	width: 20px;

	height: 1px;

	background: rgba(255, 255, 255, 0.5);

}

.navbar-expand-xl .navbar-nav .nav-item.current::after {

	background: rgba(255, 255, 255, 1);

}

.block_menu .nav-link{

	font-family: "Graphik", sans-serif;

	font-size: 20px;

	font-weight: normal;

	line-height: 1.6;

	color: rgba(255, 255, 255, 0.5);

	padding: 16px 8px 10px;

	transition: all .5s ease

}

.block_menu .nav-item.current .nav-link, .block_menu .nav-item .nav-link:hover, .block_menu .nav-item.show .nav-link{

	color: #fff;

}

.navbar-collapse {

    position: fixed;

	display: flex!important;

    top: 0;

    right: -100%;

    width: 100%;

    max-width: 50%;

    height: 100vh;

	flex-wrap: wrap;

    padding: 80px 60px 50px;

    background: #000000;

    z-index: 1000;

    overflow-x: hidden;

	transition: all .5s ease

}

.navbar-collapse.show {

    right: 0;

}

.navbar-expand-xl .navbar-nav {

    -ms-flex-direction: column;

    flex-direction: column;

}

.btn_menu {

    font-family: "Graphik", sans-serif;

    font-size: 20px;

    font-weight: 500;

    color: #fff;

    border: 1px solid #fff;

    border-radius: 0;

    padding: 15px 20px;

	width: 300px;

	max-width: 100%;

	margin: 0 auto

}

.btn_menu i.fa {

	margin-right: 20px

}

.btn_menu:hover {

    color: #fff;

}

/* Niveau 1 */

.navbar-nav .dropdown-toggle::after {

	content: "+";

    width: auto;

    height: auto;

	border: none;

    margin-left: 10px;

    vertical-align: inherit;

}

.navbar-nav li.show > .dropdown-toggle::after {

	content: "--";

	letter-spacing: -2px

}

/* --------------------- */

.navtop {

    position: absolute;

    top: 20px;

    right: 90px;

}

.lang_mobile {

    display: none;

}

.lang_mobile .nav-link {

    display: inline-block;

    font-size: 14px;

    padding: 0 8px;

    color: #000;

    line-height: 2.2;

}

.lang_mobile .dropdown-toggle::after {

    content: "\f107";

    font: normal normal normal 12px/1 FontAwesome;

    border: none;

    width: 6px;

    height: 20px;

    margin-left: 6px;

    vertical-align: middle;

    line-height: 1.6;

    color: #666;

}

.lang_mobile .dropdown-menu {

    width: 60px;

    min-width: auto;

    padding: 0 6px

}

.lang_mobile .dropdown-item {

    font-size: 14px;

    padding: 5px 8px 2px;

    color: #000;

    line-height: 1.4;

}

.lang_desktop {

    position: relative;

    margin-right: 10px;

}

.lang_desktop::before {

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translateY(-50%);

    width: 1px;

    height: 20px;

    background-color: #666666;

}

.lang_desktop .nav-link {

    display: inline-block;

    font-size: 18px;

    padding: 8px 10px;

    color: #666666;

    line-height: 2.5

}

.lang_desktop .nav-link.active {

    color: #000

}

.navtop .nav-item .nav-link {

    text-shadow: 0 0 0 #ffffff;

}

.btn_search {

    font-size: 24px;

    color: #000;

    padding: 8px 10px

}

.btn_search:hover {

    color: #000;

}

.btn_search img {

    width: 23px;

}

.nav_button .btn_search {

    font-size: 24px;

    color: #fff;

    padding: 3px 10px;

}

.nav_button .btn_search:hover {

    color: #fff;

}

.navtop.esp_rvd {

    right: 30px;

}

.navtop.esp_rvd li.nav-item {

    padding: 0 15px;

    position: relative

}

.navtop.esp_rvd li.nav-item:not(:last-child)::after {

    content: "";

    display: inline-block;

    width: 1px;

    height: 24px;

    background-color: #b8b8b8;

    position: absolute;

    right: 0;

    top: 18px

}

.navtop.esp_rvd li.nav-item:first-child {

    padding-left: 0

}

.navtop.esp_rvd li.nav-item:last-child {

    padding-right: 0

}

.btn_link {

	font-family: "Graphik", sans-serif;

	font-size: 16px;

	font-weight: normal;

	line-height: 44px;

    color: #000;

    padding: 8px 10px

}

.navtop.esp_rvd li.nav-item:not(.active) .btn_link {

    opacity: 0.5

}

.btn_link:hover {

    color: #000;

}

.btn_link img {

    width: 23px;

    height: 23px

}

.btn_link span {

    display: inline-block;

    margin-right: 15px

}

.navbar-expand-xl .navbar-nav .dropdown-menu {

    position: static;

	background: none;

	padding: 0 0 10px;

	margin: 0

}

.block_menu .dropdown-menu .dropdown-item {

	font-family: "Graphik", sans-serif;

	font-size: 18px;

	font-weight: normal;

	line-height: 1.2;

	color: rgba(255, 255, 255, .6);

}

.block_menu .dropdown-menu .dropdown-item:focus, .block_menu .dropdown-menu .dropdown-item:hover {

	color: rgba(255, 255, 255, 1);

    text-decoration: none;

    background-color: rgba(255, 255, 255, 0);

}

.section_home {margin-bottom: 50px}

.nav_controle {

    width: 100px;

    height: 50px;

	/*background: #99aead;*/

	background: #000000;

	position: absolute;

	top: 0;

	right: 0;

	transform: translateY(-100%)

}

.nav_controle button[class*="owl-"] {

    display: inline-block;

    width: 50%;

    font-size: 30px;

    line-height: 1.6;

    -webkit-appearance: none;

    border: none;

    background: none;

	color: #fff;

	outline: none;

	cursor: pointer;

    position: absolute;

    top: 0

}

.nav_controle .owl-prev {

    left: 0;

}

.nav_controle .owl-next {

    right: 0;

}

.carousel_home.owl-carousel .owl-item {

	position: relative

}

.carousel_home.owl-carousel .owl-item img {

    display: block;

    width: 100%;

    transform: scale(1.003);

}

.carousel_home.owl-carousel .owl-item.active {

    z-index: 2;

}

.carousel_home_txt.owl-carousel .owl-item {

    background: #e5efee;

}

.carousel_home_txt.owl-carousel .owl-item:nth-child(2) {

    background: #eee1cc;

}

.carousel_home_txt.owl-carousel .owl-item:nth-child(3) {

    background: #cdc1b6;

}

.carousel_home_txt.owl-carousel .owl-item:nth-child(4) {

    background: #b5b0af;

}

.carousel_home_txt.owl-carousel .owl-item:nth-child(5) {

    background: #dad6cc;

}
.carousel_text {
    min-height: 350px;
    padding: 60px;
	width: 500px;
	max-width: 100%;
	margin: 0
}
.carousel_home_txt.owl-carousel .owl-item .carousel_text{
        min-height: 435px;
}
.carousel_text h1 {
    font-family: "Graphik", sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 10px;
}
.carousel_text h1 a {
	color: inherit;
	text-decoration: none
}
.carousel_text p {
    font-family: "Graphik", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 2;
	margin-bottom: 0
}

.carousel_home_txt.owl-carousel .owl-item .fontspecs img {
    display: inline-block;
    vertical-align: baseline;
    width: auto;
    height: 42px;
}

.carousel_home_txt.owl-carousel .owl-item:nth-child(2) .fontspecs img {
    vertical-align: middle
}
.carousel_home_txt.owl-carousel .owl-item:nth-child(3) .fontspecs img {
    vertical-align: middle
}
.carousel_home_txt.owl-carousel .owl-item:nth-child(4) .fontspecs img,
.carousel_home_txt.owl-carousel .owl-item:nth-child(5) .fontspecs img {
    vertical-align: sub
}
.section_aboutus {margin-bottom: 50px;}
@media (min-width:1600px) {
    .section_aboutus .container-fluid {
        width: 1399px;
        max-width: 100%;
    }
}
.section_aboutus .about_col {
     padding: 60px;
}
.section_aboutus .about_img {
	position: relative
}
.about_img .experience {
	position: absolute;
	top: -35px;
	left: -35px;
}
.section_aboutus .about_txt {
    width: 450px;
    max-width: 100%;
}
.about_txt h2 {
    font-family: "Graphik", sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 15px;
}
.about_txt h2 .fontspecs {
    vertical-align: text-bottom;
}
.about_txt h2 img {
    display: inline-block;
	vertical-align: sub;
    max-height: 29px;
    min-width: 179px;
	margin-left: 5px
}

.about_txt p {
    font-family: "Graphik", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.6;
	color: #666666;
	margin-bottom: 0
}

.dots {display: none}
.btn_readmore {
    font-family: "Graphik", sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #1a1a1a;
	line-height: 1.6;
    padding: 0;
    border-bottom: 1px solid #1a1a1a;
	cursor: pointer;
	display: none
}
.center_plus {
	position: relative
}

.center_plus::before {

	content: "";

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

	width: 1.8px;

	height: 300px;

	background: #dcdcdc;

	z-index: 1

}

.center_plus::after {

	content: "";

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

	width: auto;

	padding: 0 15px;

	border-left: 135px solid #dcdcdc;

	border-right: 135px solid #dcdcdc;

	height: 1px;

	background: #fff;

}

.realise_box {

	display: flex;

    flex-wrap: wrap;

    height: 100%;

    background: #e6e5e5;

	padding: 70px 40px 70px 70px

}

.realise_box.decatel {

	display: flex;

	flex-wrap: wrap;

    background: #0d0d0d;

}

.realise_box .realise_text {

	-ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

    align-self: flex-start;

}

.realise_box .realise_btn {

	-ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

    align-self: flex-end;

}

.realise_text h1 {

    font-family: "Graphik", sans-serif;

    font-size: 34px;

    font-weight: 600;

    line-height: 1.2;

    margin: 40px 0 40px;

}

.realise_text h1 a {

	color: inherit;

	text-decoration: none

}

.realise_img img {width: 100%}

.decatel .realise_text h1 {

	color: #fff

}

.decatel .realise_text p {

    font-family: "Graphik", sans-serif;

    font-size: 16px;

    font-weight: 600;

    line-height: 1.8;

	color: #fff;

	width: 320px;

    max-width: 100%;

}

.list_type_realise {

    display: block;

    width: 100%;

    flex: 0 0 100%;

    align-self: flex-end;

    margin: 0;

}

.list_type_realise li {

	border-bottom: 1px solid #b5b5b5;

	position: relative;

	z-index: 1;

	transition: all .3s ease

}

.list_type_realise li:hover {

	background: #ffffff;

	border-color: #fff;

	margin-right: -140px;

	transition: all .3s ease

}

.list_type_realise li::after {

	content: "\f105";

	font: normal normal normal 38px/1 FontAwesome;

	position: absolute;

	top: 0;

	right: 0;

    width: 100px;

	line-height: 100px;

	text-align: center;

	color: #000;

	opacity: 0;

	transition: all .3s ease

}

.list_type_realise li:hover::after {

	opacity: 1

}

.list_type_realise li:last-child {border-bottom: none}

.list_type_realise li a {

    display: flex;

	text-decoration: none;

	color: inherit;

    line-height: 100px;

	transition: all .3s ease

}

.list_type_realise li .icon_type {

    width: 70px;

    text-align: center;

}

.list_type_realise li .icon_type img {

    width: 26px;

}

.list_type_realise li .label_type {

	font-family: "Graphik", sans-serif;

    font-size: 22px;

    font-weight: normal;

}

.btn_popvideo {

    width: 60px;

    font-size: 20px;

    line-height: 48px;

    padding: 0;

    background: none;

    border: 1px solid #a5a5a5;

    border-radius: 8px

}

.btn_popvideo .fa-play {

    color: rgba(0, 0, 0, 0);

    -webkit-text-stroke: 1px #a5a5a5;

}

.certificate_block {margin-bottom: 100px;padding: 0 50px}

.certificate_text {

    max-width: 1300px;

    margin: 0 auto 50px;

	padding: 50px 50px 0;

}

.certificate_title {

    padding: 80px 0;

    text-align: center;

    width: 1100px;

    max-width: 100%;

    margin: 0 auto;

}

.certificate_title img {

	max-height: 100px

}

.certificate_text h2 {

    font-family: "Graphik", sans-serif;

    font-size: 26px;

    font-weight: 600;

    line-height: 1.2;

	text-align: center;

    margin-bottom: 20px;

}

.certificate_text p {

    font-family: "Graphik", sans-serif;

    font-size: 16px;

    font-weight: normal;

    line-height: 1.8;

    text-align: center;

    color: #666666;

	width: 914px;

	max-width: 100%;

    margin: 0 auto 16px;

}

.certificate_item {

	padding: 30px 50px 10px;

	border-right: 1px solid #eee

}

.certificate_item:last-child {

	border: none

}

.certificate_icon {

	width: 80px;

	height: 80px;

	margin: 0 auto;

	text-align: center;

	margin-bottom: 50px;

}

.certificate_icon img {

	width: 100%;

	max-height: 100%

}

.certif_text h3 {

    font-family: "Graphik", sans-serif;

    font-size: 20px;

    font-weight: 600;

    line-height: 1.2;

    margin-bottom: 5px;

}

.certif_text p {

    font-family: "Graphik", sans-serif;

    font-size: 16px;

    font-weight: normal;

    line-height: 1.8;

    color: #666666;

}

.gamme_block {

    padding: 40px;

	padding-bottom: 20px

}

.gamme_block:first-child {

    background: #060606;

}

.gamme_block:nth-child(2) {

    background: #d1d1d1;

}

.gamme_block:last-child {

    background: #9b9b9b;

}

.gamme_block a.btn_gb {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    cursor: pointer

}

.gamme_block .label_gamme {

    font-family: "Graphik", sans-serif;

    font-size: 20px;

    font-weight: normal;

    line-height: 1.2;

	color: #fff;

    height: 48px;

    width: 250px;

	max-width: 100%;

    margin-bottom: 5px;

}

.gamme_block .label_gamme a {

	color: inherit;

	text-decoration: none

}

.gamme_block:nth-child(2) .label_gamme {

	color: #000;

}

.gamme_block .gamme_icon {

	font-size: 36px;

	text-align: right;

	line-height: 20px;

	color: #868686

}

.gamme_block .gamme_icon a {

	color: inherit

}

.gamme_block:nth-child(2) .gamme_icon {

	color: #737373;

}

.gamme_block:nth-child(3) .gamme_icon {

	color: #c2c2c2;

}

.section_actus {

	padding: 0 50px;

	margin-bottom: 100px

}

.actus_text {

	width: 700px;

	max-width: 100%;

    margin: 0 auto 50px;

    padding-top: 80px;

}

.actus_title {

    margin-bottom: 20px;

    text-align: center;

}

.actus_title img {

    width: 550px;

	max-height: 40px

}

.actus_text p {

    font-family: "Graphik", sans-serif;

    font-size: 16px;

    font-weight: normal;

    line-height: 1.6;

    text-align: center;

    color: #666666;

}

.actus_posts .actu_post {

	border-right: 1px solid #eee;

}

.actus_posts .actu_post:last-child {

	border: none;

}
.list_posts.actus_posts .actu_post {
    border: none;
}
.actu_post .post .post_img {

	text-align: center;

	padding-top: 30px;

	margin-bottom: 30px

}
.list_posts.actus_posts .post .post_img {
	margin-bottom: 15px
}
.single_post.actus_posts .post .post_img {
	padding-top: 0;
	margin-bottom: 15px
}
.actu_post .post .post_title {

    font-family: "Graphik", sans-serif;

    font-size: 18px;

    font-weight: 600;

    line-height: 1.7;

    margin-bottom: 30px;

}
.list_posts.actus_posts .post .post_title {
	margin-bottom: 10px
}
.single_post.actus_posts .post .post_title {
	margin-bottom: 10px
}
.actu_post .post .post_title a {

	color: inherit;

	text-decoration: none

}
.post-info {
    font-family: Graphik;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.33;
    color: #c2c2c2;
	margin-bottom: 8px
}
.post-info .editby {
    color: #000;
}
.share_rss {
    margin-bottom: 30px;
}
.single_post .share_rss {
    margin-bottom: 0;
}
.share_rss .btn-share {
    font-size: 16px;
    width: 18px;
    text-align: center;
    display: inline-block;
    line-height: 18px;
    color: #c2c2c2;
}
.section_partner_agenc {

	background: #0d0d0d;

	padding-top: 100px;

}

.partner_agc_title {

    margin: 0 auto 80px;

    text-align: center;

}

.partner_agc_title img {

    width: 900px;

}

.partner_name {

    font-family: "Graphik", sans-serif;

    font-size: 40px;

    font-weight: 600;

    line-height: 1.2;

    text-transform: uppercase;

    letter-spacing: -3px;

	text-align: center;

	color: #fff;

    margin-bottom: 40px;

}

.partner_agc_text p {

	font-family: "Graphik", sans-serif;

    font-size: 16px;

    font-weight: normal;

    line-height: 1.7;

    text-align: center;

	color: #fff;

	width: 590px;

    max-width: 100%;

    margin: 0 auto 25px;

}

.partner_agc_text p b {

    font-weight: 600;

}

.partner_agc_text p:last-of-type {

	margin-bottom: 35px

}

.partner_link {

	text-align: center;

	margin-bottom: 65px

}

.partner_link a {

	font-family: "Graphik", sans-serif;

    font-size: 20px;

    font-weight: normal;

    line-height: normal;

    text-align: center;

	color: #a0a0a0;

	text-decoration: none;

	display: inline-block;

	border-bottom: 1px solid #a0a0a0

}

.partner_photo {

    text-align: center;

    margin-bottom: -40px;

}

.partner_text {

	text-align: center;

	margin-bottom: 50px;

	position: relative

}

.partner_text p {

	font-family: "Graphik", sans-serif;

    font-size: 16px;

    font-weight: normal;

    line-height: 1.6;

    text-align: center;

	color: #666666

}

.section_partners {

	background: #f1f1f1;

	padding: 120px 0 100px;

}

.owl_partners {

	margin: 0 auto

}

.partner_item {

	max-width: 260px;

    height: 90px;

	margin: 0 auto

}

.owl-carousel .owl-item .partner_item img {

	max-height: 100%;

    -webkit-filter: grayscale(1) opacity(0.4) contrast(0.9) saturate(0.5);

    -moz-filter: grayscale(1) opacity(0.4) contrast(0.9) saturate(0.5);

    -ms-filter: grayscale(1) opacity(0.4) contrast(0.9) saturate(0.5);

    filter: grayscale(1) opacity(0.4) contrast(0.9) saturate(0.5);

    transition: all .3s ease-in-out

}

.owl-carousel .owl-item .partner_item img:hover {

    -webkit-filter: grayscale(0) opacity(1) contrast(1) saturate(1);

    -moz-filter: grayscale(0) opacity(1) contrast(1) saturate(1);

    -ms-filter: grayscale(0) opacity(1) contrast(1) saturate(1);

    filter: grayscale(0) opacity(1) contrast(1) saturate(1);

}

.partners_nav button[class*='owl'] {

	position: absolute;

	width: 50px;

	height: 50px;

	font-size: 40px;

	line-height: 1;

	color: #ccc;

	background: none;

	border: none;

	top: 20px;

	outline: none;

	cursor: pointer

}

.partners_nav button[class*='owl'].disabled {

	display: none

}

.partners_nav .owl-prev {

	left: 10%;

}

.partners_nav .owl-next {

	right: 10%;

}

.footer {

	background: url('../images/bg_footer.jpg') center no-repeat;

	background-size: cover;

	padding: 50px 50px 60px;

	position: relative

}

.footer::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: rgba(0, 0, 0, 0.6);

}

.footer .logo_wrapper {

    display: flex;

    flex-wrap: nowrap;

    justify-content: flex-start;

    margin-bottom: 40px;

    position: relative

}

.logout_footer {

    width: 44px;

    margin-right: 25px;

}

.logout_footer img {

    position: relative;

    top: -5px;

    left: -5px;

}

.logo_footer {

    width: 260px;

    position: relative

}

.footer_txt {

    font-family: "Graphik", sans-serif;

    font-size: 16px;

    font-weight: normal;

    line-height: 1.75;

    color: #cccccc;

    margin-bottom: 30px;

	width: 470px;

    max-width: 100%;

}

.wc_title {

    font-family: "Graphik", sans-serif;

	font-size: 22px;

	font-weight: 600;

	line-height: 1.4;

	color: #ffffff;

	margin-bottom: 15px

}

.widget_contact ul {margin-bottom: 30px}

.lien_util {padding-bottom: 30px;margin-bottom: 0}

.lien_util li {

	line-height: 1.5!important

}

.widget_contact ul li, .widget_contact ul li a, .lien_util li a {

    font-family: "Graphik", sans-serif;

    font-size: 16px;

    font-weight: normal;

    line-height: 1.75;

	color: #ffffff;

	text-decoration: none

}

span.img-email {

    display: inline-block;

    width: 160px;

    line-height: 1.3;

    border-bottom: 1px solid #fff;

}

.ste_info span.img-email {

    border-color: #000;

}

.form_newsletter .form-control {

    border-color: #7d7d7d;

    background: rgba(0, 0, 0, 0);

    border-radius: 0;

    padding: 10px 5px 10px 20px;

    font-family: "Graphik", sans-serif;

	font-size: 20px;

	font-weight: normal;

	line-height: 2;

	color: #ffffff;

	border: 1px solid #909090;

	border-right: none;

}

.form_newsletter .form-control::placeholder {

	color: #ffffff;

}

.btn_abonne {

    border-radius: 0;

    width: 50px;

    background: rgba(0,0,0,0);

    color: #7d7d7d;

    border-color: #909090;

    font-size: 30px;

    line-height: 1;

	border-left: none;

}

.link_rss a {

    display: inline-block;

    width: 34px;

    height: 34px;

    font-size: 30px;

    color: #fff;

    text-align: center;

    line-height: 40px;

    margin-right: 10px;

	transition: all .3s ease

}

.link_rss a:hover {

	transform: scale(1.1)

}

.popup_offre .modal-body {

    padding: 0;

	position: relative

}

.popup_offre button.close {

	position: absolute;

    top: 0;

    right: 0;

    width: 70px;

    height: 70px;

    font-family: Montserrat;

    font-size: 34px;

    font-weight: normal;

	outline: none;

	z-index: 1

}

.popup_text {

    padding: 60px 40px;

}

.popup_text h3 {

    font-family: "Graphik", sans-serif;

    font-size: 24px;

    font-weight: 600;

    margin-bottom: 20px;

}

.popup_text p {

    font-family: "Graphik", sans-serif;

    font-size: 17px;

    font-weight: normal;

    line-height: 1.6;

	margin: 0

}

.popup_text p:last-child {

    font-size: 15px;

    line-height: 1.5;

}

.popup_text hr {

    width: 30px;

    border-top: 2px solid rgba(0,0,0,.1);

    margin: 26px 0;

}

.modal-backdrop.show {

    opacity: 0.8;

    background-color: rgba(255, 255, 255, 0.6);

}

.modal-content {

    border: none;

    box-shadow: 0 0 16px 2px rgba(144, 144, 144, 0.3);

    overflow: hidden;

}

.plan_list {

    margin-bottom: 150px;

}

.sc_title {

    font-family: "Graphik", sans-serif;

    font-size: 24px;

    font-weight: 600;

    color: #000;

    text-align: center;

	margin: 20px auto 80px

}

.sc_title::after {

	content: "";

	display: block;

	width: 30px;

	height: 1px;

	margin: 10px auto;

	background: #ccc

}

.type_plan_img {

	border-right: 1px solid #ccc;

    text-align: center;

	height: 200px;

    line-height: 200px;

	margin-bottom: 30px

}

.type_plan:last-child .type_plan_img {

	border-right: none

}

.type_plan_img img {

    max-width: 180px;

	max-height: 100%

}

.type_plan h4 {

	font-family: "Graphik", sans-serif;

    font-size: 17px;

    font-weight: normal;

    line-height: 1.6;

	color: #949494;

	text-align: center

}

.type_plan h4 a {

	color: inherit;

	text-decoration: none

}

.plan_cc {margin-bottom: 80px}

.plan_cc .sc_title {

	margin: 0 auto 30px

}

.plan_cc > p {

	font-family: "Graphik", sans-serif;

    font-size: 16px;

    font-weight: normal;

    line-height: 1.6;

	text-align: center;

    width: 700px;

    max-width: 100%;

    margin: 0 auto 80px;

}

.star1, .star2, .star3, .star4, .star5 {

    width: 70px;

    height: 12px;

    display: inline-block;

    margin: 0;

	position: relative

}

.star1::before, .star2::before, .star3::before, .star4::before, .star5::before {

    content: "\f111 \f111 \f111 \f111 \f111";

    font: normal normal normal 11px/1 FontAwesome;

    display: block;

	color: #ccc;

    letter-spacing: 5.5px;

	position: absolute;

	top: 0;

	left: 0;

	width: 70px;

	line-height: 18px

}

.star1::after, .star2::after, .star3::after, .star4::after, .star5::after {

    content: "\f111 \f111 \f111 \f111 \f111";

    font: normal normal normal 11px/1 FontAwesome;

    display: block;

	color: #333333;

    letter-spacing: 5.5px;

	position: absolute;

	top: 0;

	left: 0;

	width: 12px;

	line-height: 18px;

	overflow: hidden

}

.star2::after {

	width: 26px;

}

.star3::after {

	width: 42px;

}

.star4::after {

	width: 56px;

}

.star5::after {

	width: 70px;

}

.table_cc.table th {

    padding: 20px 30px;

    vertical-align: middle;

    border-top: none;

    border-bottom: 1px solid #b2b2b2;

	font-family: "Graphik", sans-serif;

    font-size: 16px;

    font-weight: normal;

    line-height: 1.6;

	color: #666666

}

.table_cc.table thead th {

	background: #fafafa;

	color: #000

}

.table_cc.table td {

    padding: 16px 30px;

    vertical-align: middle;

    border-top: 1px solid #b2b2b2;

    border-bottom: none;

}

.table_cc.table td, .table_cc.table th {

	position: relative;

}

.table_cc.table tr:last-child th {border-bottom: none}

.table_cc.table td::after, .table_cc.table th::after {

	content: "";

	position: absolute;

	top: 50%;

	left: 0;

	transform: translateY(-50%);

	width: 1px;

	height: 56%;

	border-right: 1px solid #b2b2b2

}

.table_cc.table th:first-child::after {

	display: none

}

.ps_item {

    height: 500px;

}

.ps_item.slick-slide {

    padding-right: 10px;

}

.ps_item img {

    height: 100%;

}

.logomat {

    display: block;

    margin-left: 9px;

}

.logomat img {

    height: 500px;

    width: 100%;

}

.carousel_ps {

    padding: 0 10px

}

.ps_container {

    position: relative;

	height: 32px;

	margin: 30px 0 50px

}

.ps_nav {

    width: 50px;

    height: 33px;

    position: absolute;

    top: 0;

    right: 0;

}

.ps_nav button[class*="owl-"] {

    display: inline-block;

    width: 50%;

    font-size: 22px;

    line-height: 1.4;

    -webkit-appearance: none;

    border: none;

    background: none;

    color: #999999;

    outline: none;

    cursor: pointer;

    position: absolute;

    top: 0;

}

.ps_nav .owl-prev {

    left: 0

}

.ps_nav .owl-next {

    right: 0

}

.ps_page {

    position: absolute;

    right: 60px;

    font-family: "Graphik", sans-serif;

    font-size: 16px;

    font-weight: normal;

    line-height: 2.2;

    text-align: center;

    color: #666666;

}

.ptitle {

	font-family: "Graphik", sans-serif;

    font-size: 30px;

    font-weight: 600;

	line-height: normal;

    color: #333333;

    margin-bottom: 20px;

}

h2.ptitle.text-center span {
    text-transform: capitalize;
}

.ps_text.mini {

	overflow: hidden

}

.ps_text h5, .cm_text h5 {

    font-size: 18px;

    font-weight: 600;

	line-height: normal;

}

.ps_text p, .cm_text p{

	font-family: "Graphik", sans-serif;

    font-size: 16px;

    font-weight: normal;

	line-height: 2;

    color: #666666;

	margin-bottom: 30px

}

.ps_text p.dots::after {

	content: "...";

	display: inline;

}

.ps_text p:last-child {margin-bottom: 10px}

ul.list_finit {

    list-style: none;

}

.ps_text, .cm_text {

    margin-left: 10px;

    padding-left: 40px;

    border-left: 1px solid #ccc;

}

.ps_text h4 {

	font-family: "Graphik", sans-serif;

    font-size: 18px;

    font-weight: 600;

    line-height: normal;

    color: #333333;

    margin-bottom: 5px;

	position: relative

}

.ps_text ul.list_finit h4::before {

	content: "\f105";

	font: normal normal normal 18px/1 FontAwesome;

	position: absolute;

	display: inline-block;

	line-height: 1;

	left: -30px;

	color: #999999

}

.ps_text p a, .cm_text p a {

    color: #000;

    display: inline-block;

    line-height: 1.3;

    border-bottom: 1px solid #000;

    text-decoration: none;

}

.ps_title {

    font-family: "Graphik", sans-serif;

    font-size: 24px;

    font-weight: 600;

    line-height: normal;

    color: #333333;

    padding: 15px 10px;

    border-bottom: 1px solid #ccc;

    margin-bottom: 15px;

}

.table_ps {

	margin-bottom: 30px

}

.table_ps th, .table_ps td {

    vertical-align: middle;

	padding: 3px 10px

}

.table_ps th {

    font-family: "Graphik", sans-serif;

    font-size: 18px;

    font-weight: normal;

    line-height: 1.8;

    color: #666666;

    width: 100px;

}

.ps_certif ul {

    display: flex;

    flex-wrap: wrap;

	padding: 0;

	margin: 30px 0 0

}

.ps_certif ul br {

    display: none

}

.ps_certif ul li {

    -ms-flex: 0 0 30%;

    flex: 0 0 30%;

    max-width: 30%;

    padding: 0 20px 20px;

	text-align: center;

	list-style: none;

}

.psc_name {

    font-family: "Graphik", sans-serif;

    font-size: 16px;

    font-weight: normal;

    line-height: normal;

    text-transform: capitalize;

    color: #666666;

    margin: 10px 0 20px;

}

.psc_name a {

	color: inherit;

	text-decoration: none

}

.ps_type_plan {

	text-align: center;

    line-height: 200px;

    margin: 50px auto;

}

.ps_type_plan img {

	max-width: 300px;

    max-height: 200px

}

.list_type_acc {

    font-family: "Graphik", sans-serif;

    font-size: 18px;

    font-weight: normal;

    line-height: 1.6;

    color: #666666;

    text-align: center;

}

.list_type_acc .tp_acc {

	display: inline-block;

    color: #000;

	margin-right: 4px;

}

.list_type_acc .tp_acc a {

	display: inline-block;

    color: #000;

	margin-right: 4px;

	text-decoration: none;

	line-height: 1;

	border-bottom: 1px solid #b1b1b1;

}

.list_type_acc .tp_acc:last-child {

    color: #fff;

}

.acc_title {

    font-family: "Graphik", sans-serif;

    font-size: 26px;

    font-weight: 600;

    line-height: normal;

    color: #000;

	background-color: #fafafa;

	padding: 20px 30px;

    margin: 40px auto 50px;

    z-index: 999

}

.acc_title span {

	display: none;

    font-size: 19px;

    font-weight: normal;

    line-height: normal;

    color: #666666;

	vertical-align: middle

}

.list_access .item_acc {

	border-right: 1px solid #bababa;

	padding-bottom: 15px;

    margin: 0 0 60px;

}

.list_access .item_acc:nth-child(4n+4), .list_access .item_acc:last-child {

	border-right: none;

}

.list_access .sc_title {

    font-size: 22px;

    margin: 0 auto 40px;

}

.item_acc_img {

    height: 200px;

	overflow: hidden;

	text-align: center

}

.item_acc_img img {

	height: 100%;

	/*width: 100%;

	position: relative;

	top: 50%;

	transform: translateY(-50%)*/

}

.item_acc h4 {

    font-family: "Graphik", sans-serif;

    font-size: 16px;

    font-weight: normal;

    line-height: 1.6;

    color: #666666;

    text-align: center;

	max-width: 280px;

	margin: 10px auto 0

}

.item_acc h4 p {

	margin: 0

}

.item_acc h4 a {

	display: inline-block;

	color: inherit;

	text-decoration: none

}

.page_contact {

    margin-bottom: 100px;

}

.pc_title {

	padding: 15px 10px;

    border-bottom: 1px solid #ccc;

    margin-bottom: 30px;

}

.pc_title img {

    width: 400px;

	max-width: 100%

}

.fc_title {

	font-family: "Graphik", sans-serif;

    font-size: 26px;

    font-weight: 600;

    line-height: normal;

    color: #333333;

	padding: 15px 10px;

    border-bottom: 1px solid #ccc;

    margin-bottom: 30px;

}

.ste_info {margin-bottom: 60px}

.ste_info li, .ste_info li a {

	font-family: "Graphik", sans-serif;

    font-size: 16px;

    font-weight: normal;

    line-height: 1.8;

    color: #666666;

    text-decoration: none;

}

.ste_info li:first-child {

	margin-bottom: 15px

}

.ste_info li:nth-last-child(-n+2) a {

	padding-bottom: 1px;

	border-bottom: 1px solid #b1b1b1

}

.page_contact p {

	font-family: "Graphik", sans-serif;

    font-size: 16px;

    font-weight: normal;

    line-height: 1.8;

    color: #666666;

}

.map {

    width: calc(50vw - 16px);

    height: 650px;

	margin-bottom: 60px

}

.control-label {

	font-family: "Graphik", sans-serif;

    font-size: 16px;

    font-weight: normal;

    line-height: 1.6;

    color: #666666;

}

.page_contact .form-control {

    font-family: "Graphik", sans-serif;

    font-size: 16px;

    font-weight: normal;

    line-height: 1.6;

    color: #000;

    padding: 8px 5px;

    border-radius: 0;

    border: none;

    border-bottom: 1px solid #b1b1b1;

	background-color: rgba(255, 255, 255, 0)

}

.form-control::placeholder {

    color: #b1b1b1;

}

textarea.form-control {

    padding: 10px;

    border: 1px solid #b1b1b1;

}

.form-control:focus {

	box-shadow: none;

	background-color: rgba(255, 255, 255, 0);

	border-color: #7d7d7d

}

select.form-control {

	-webkit-appearance: none;

	height: auto!important;

	padding-right: 30px;

	position: relative;

	z-index: 1

}

.select_form {

	position: relative

}

.select_form::after {

	content: "\f107";

	font: normal normal normal 24px/1 FontAwesome;

	color: #b1b1b1;

	position: absolute;

	top: 0;

	right: 0;

	width: 30px;

	line-height: 46px;

	text-align: center;

}

.btn_default {

    font-family: "Graphik", sans-serif;

    font-size: 18px;

    font-weight: normal;

    line-height: 1.6;

    color: #cccccc;

    background-color: #000;

    border-radius: 0;

    padding: 8px 20px;

    transition: all .3s ease

}

.btn_default:focus {

	box-shadow: none;

}

.btn_default:hover {

    color: #fff;

}

.pms_title {

	text-align: center;

    margin-bottom: 20px;

}

.pms_title img {

    width: 500px;

}

.pms_title + p {

    font-family: "Graphik", sans-serif;

    font-size: 20px;

    font-weight: normal;

    line-height: 1.8;

    text-align: center;

    color: #666666;

    margin-bottom: 100px;

}

.ms_title {

    font-family: "Graphik", sans-serif;

    font-size: 26px;

    font-weight: 600;

    line-height: normal;

    color: #333333;

    padding: 15px 10px;

    border-bottom: 1px solid #ccc;

    margin-bottom: 40px;

}

.ms_title + p {

    font-family: "Graphik", sans-serif;

    font-size: 16px;

    font-weight: normal;

    line-height: 1.8;

    color: #666666;

}

.text_missval p {

    padding-left: 10px;

}

.text_missval .ms_title {

    padding-right: 115px;

}

.page_missval .row > div:first-child {

    padding-left: 0;

    padding-right: 0;

}

.page_missval .row:nth-child(odd) > div:last-child {

    padding-left: 50px;

}

.page_missval .row:nth-child(even) > div:last-child {

    padding-right: 50px;

}

.ms_certif_desc {

    width: 700px;

    max-width: 100%;

	margin: 100px auto 80px

}

.ms_certif_desc .pms_title {

    margin-bottom: 60px;

}

.ms_certif_desc p {

    font-family: "Graphik", sans-serif;

    font-size: 16px;

    font-weight: normal;

    line-height: 1.8;

    text-align: center;

    color: #666666;

    margin-bottom: 30px;

}

.ms_certif_desc p a {

    color: #000;

    display: inline-block;

    line-height: 1.3;

    border-bottom: 1px solid #666666;

    text-decoration: none;

}

.logo_cert_stepro {

	display: flex;

	flex-wrap: wrap;

	justify-content: center

}

.logo_cert_stepro .logo_csp {

	max-width: 180px;

	line-height: 210px;

	padding: 25px

}

.realis_box_txt {

    height: 100%;

    padding: 50px;

	position: relative;

}

.row:nth-child(3n+1) .realis_box_txt {

	background-color: #000

}

.row:nth-child(3n+2) .realis_box_txt {

	background-color: #e6e5e5

}

.pr_title {

    margin-bottom: 30px;

}

.pr_title .titcon {

    display: inline-block;

    width: 50px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    overflow: hidden;

    margin-right: 16px;

}

/*.pr_title .titcon img {transform: scale(1.8)}*/

.pr_title .titcon object {

    transform: scale(1.8);

}

.row:nth-child(3n+1) .realis_box_txt .titcon object {

    filter: brightness(10);

}

.pr_title .titext {

    display: inline-block;

    font-family: "Graphik", sans-serif;

    font-size: 34px;

    font-weight: normal;

    line-height: 50px;

    overflow: hidden;

	color: #000

}

.row:nth-child(3n+1) .realis_box_txt .pr_title .titext {

	color: #fff

}

.realis_box_txt p {

    font-family: "Graphik", sans-serif;

    font-size: 16px;

    font-weight: normal;

    line-height: 1.8;

    color: #666666;

}

.row:nth-child(3n+1) .realis_box_txt p {

    color: #999999;

}

.row:nth-child(3n+2) .realis_box_txt p {

    color: #5c5b5b;

}

.pr_control {

	position: absolute;

	bottom: 0;

	right: 0;

	height: 60px;

	width: 100%;

	overflow: hidden

}

.pr_nav {

    width: 120px;

    height: 62px;

    position: absolute;

    top: 0;

    right: 0;

	background: rgba(0, 0, 0, 0.05);

}

.row:nth-child(3n+1) .realis_box_txt .pr_nav {

	background: rgba(255, 255, 255, 0.15);

}

.pr_nav button[class*="owl-"] {

    display: inline-block;

    width: 50%;

    font-size: 30px;

    line-height: 60px;

    -webkit-appearance: none;

    border: none;

    background: none;

    color: #333;

    outline: none;

    cursor: pointer;

    position: absolute;

    top: 0;

}
.pr_nav button.disabled {opacity: .5;cursor: not-allowed}

.pr_nav .owl-prev {

    left: 0

}

.pr_nav .owl-next {

    right: 0

}

.row:nth-child(3n+1) .realis_box_txt .pr_nav button[class*="owl-"] {

    color: #fff;

}

.pr_page {

    position: absolute;

    right: 150px;

    font-family: "Graphik", sans-serif;

    font-size: 16px;

    font-weight: normal;

    line-height: 60px;

    text-align: center;

    color: #666666;

}

.section_login {

    height: 100vh;

    background-color: #e6e5e5;

}

.pl_image img {

    width: 100%;

}

.pl_image {

    background-color: #ffffff;

}

.pl_title {

    font-family: "Graphik", sans-serif;

    font-size: 36px;

    font-weight: 500;

    line-height: normal;

    color: #101000;

    margin-bottom: 44px;

}

.pl_form p {

    font-family: "Graphik", sans-serif;

    font-size: 16px;

    font-weight: 500;

    line-height: 1.6;

    letter-spacing: 0.5px;

    color: #666666;

    margin-bottom: 30px;

}

.pl_form .input-group {

    position: relative

}

.pl_form .input-group-text {

    position: absolute;

    top: 1px;

    left: 0;

    bottom: 1px;

    border: none;

    border-radius: 0;

    background-color: #e6e4e5;

    width: 60px;

    z-index: 10

}

.pl_form .input-group-text object {

    width: 18px;

    margin: 0 auto;

    filter: contrast(0.1);

}

.pl_form .form-control {

    color: #000;

    border: 1px solid #b1b1b1;

    border-radius: 0;

    padding: 15px 5px 15px 65px;

    background-color: #e6e4e5;

    transition: all .3s ease

}

.pl_form input[type="password"].form-control {

    /*letter-spacing: 6px*/

}

.pl_form .form-control::placeholder {

    color: #4d4d4d;

}

.pl_form .form-control:focus {

    border-color: #000;

}

.log_form .btn_default {

    color: #4d4d4d;

    background-color: #cecdce;

}

.log_form .btn_default:hover {

    color: #cecdce;

    background-color: #000000;

}

.tc_title {

    font-family: "Graphik", sans-serif;

    font-size: 24px;

    font-weight: 600;

    line-height: normal;

    color: #333333;

    padding-left: 25px;

    margin-bottom: 25px;

}

.table_cc.table_cf.table td::after{

    left: auto;

    right: 0;

    top: 10px;

    bottom: 10px;

    transform: none;

    height: auto;

}

.table_cc.table_cf.table td:last-child::after{

    border-right: none

}

.table_cc.table_cf.table thead th:first-child {

    width: 360px;

}

.table_cc.table_cf.table thead th:nth-child(2) {

    min-width: 200px;

}

.table_cc.table_cf.table thead th:last-child {

    width: 350px;

}

.table_cc.table_cf.table td, .table_cc.table_cf.table td p {

    font-family: "Graphik", sans-serif;

    font-size: 16px;

    font-weight: normal;

    line-height: 1.6;

    vertical-align: top;

    color: #666666;

    margin-bottom: 5px

}

.table_cc.table_cf.table td ul {

    padding-left: 15px;

    list-style: none;

}

.table_cc.table_cf.table td ul li {

    position: relative

}

.table_cc.table_cf.table td ul li::before {

    content: "_";

    position: absolute;

    left: -15px;

    top: 0;

    color: #666666;

    line-height: 0.6;

}

.cm_text.cf_foot ul {

    padding-left: 20px;

    list-style: none

}

.username {

    font-size: 30px;

    font-weight: bold;

    line-height: 1.4;

    text-align: center;

    margin-bottom: 15px;

}

.username + p {

    font-size: 16px;

    font-weight: normal;

    line-height: normal;

    text-align: center;

    margin-bottom: 65px;

}

.list_type_acc.menu_extra .tp_acc {

    color: #b2b2b2;

}

.list_type_acc.menu_extra .tp_acc a {

    color: #b2b2b2;

    line-height: 1.1;

    border-color: #b2b2b2;

}

.list_type_acc.menu_extra .tp_acc.active a {

    color: #000;

    border-color: #000;

}

.table_cc.table_dv.table {

    margin: 50px auto 100px;

}

.table_cc.table_dv.table td::after{

    left: auto;

    right: 0;

    top: 10px;

    bottom: 10px;

    transform: none;

    height: auto;

}

.table_cc.table_dv.table td:last-child::after{

    border-right: none

}

.table_cc.table_dv.table thead th:first-child {

    width: 200px;

}

.table_cc.table_dv.table thead th:nth-child(2) {

    width: 200px;

}

.table_cc.table_dv.table thead th:nth-child(4) {

    width: 180px;

}

.table_cc.table_dv.table thead th:last-child {

    width: 270px;

}

.btn-download {

    border: 1px solid #b2b2b2;

    line-height: normal;

    color: #666666;

    padding: 5px 10px;

    border-radius: 6px

}

.btn-download:hover, .btn-download:focus {

    color: #666666;

    box-shadow: none

}

.btn-download:not(:last-child) {

    margin-right: 4px

}

.btn-download .icon_download {

    display: block;

    width: 22px;

    height: 12px;

    float: right;

    margin: 3px 0 3px 8px;

    background: url(../images/download.svg) center no-repeat;

    background-size: 100% 100%;

    filter: contrast(0.1);

}

.btn-download:after {

    content: "";

    display: block;

    clear: both

}

.table_cc.table_dv.table td, .table_cc.table_dv.table td p {

    font-family: "Graphik", sans-serif;

    font-size: 16px;

    font-weight: normal;

    line-height: 1.6;

    color: #666666;

    margin-bottom: 5px

}

.table_cc.table_dv.table td:nth-child(4) {

    text-align: right

}

.table_cc.table_dv.table td ul {

    padding-left: 15px;

    list-style: none;

}

.table_cc.table_dv.table td ul li {

    position: relative

}

.table_cc.table_dv.table td ul li::before {

    content: "_";

    position: absolute;

    left: -15px;

    top: 0;

    color: #666666;

    line-height: 0.6;

}

.box_catalogue {

    padding: 60px 0;

    background: #fafafa;

}

.icon_pdf {

    display: block;

    width: 45px;

    margin-right: 34px;

    float: left;

}

.dc_text {

    float: left;

}

.dc_title {

    display: block;

    font-size: 22px;

    font-weight: bold;

    line-height: 1.4;

    color: #000

}

.dc_form {

    display: block;

    font-size: 16px;

    font-weight: 500;

    line-height: 2;

    letter-spacing: 0.6px;

    color: #666666

}

.box_catalogue .btn-download {

    padding: 10px 25px;

    font-size: 22px;

    letter-spacing: 0.6px;

    border-color: #000000;

    border-radius: 8px;

    margin: 8px 0 0

}

.box_catalogue .btn-download .icon_download {

    width: 30px;

    height: 18px;

    margin-left: 18px;

}

.list_type_acc.menu_extra {

    margin-bottom: 80px;

}

.sd_page {

    margin-bottom: 80px

}

.dd_title {

    font-size: 24px;

    font-weight: bold;

    line-height: 1.6;

    color: #000;

    margin-bottom: 25px;

}

.dd_title + p {

    font-size: 16px;

    font-weight: normal;

    line-height: 1.6;

    width: 580px;

    max-width: 100%;

    margin-bottom: 0

}

.dd_coloris .row {margin: 0}

.dd_coloris .ps_coloris {

    padding-top: 15px;

    border: 1px solid #000;

}

.ps_coloris:not(.colorselect) {

    border: none

}

.ps_coloris.colornosel {

    opacity: .5

}

.box_coloris .psc_name {

    font-family: "Graphik", sans-serif;

    font-size: 15px;

    font-weight: normal;

    line-height: normal;

    color: #666666;

    margin: 15px 0 20px;

}

.smtitle {

    font-size: 24px;

    font-weight: bold;

    line-height: normal;

    color: #000;

    padding: 15px 0;

    border-bottom: 1px solid #ccc;

    margin: 60px 0 30px;

}

.eptitle {

    font-size: 28px;

    font-weight: 600;

    line-height: 1.4;

    text-align: center;

    margin-bottom: 55px;

}

.pages_extra label {

    font-family: "Graphik", sans-serif;

    font-size: 16px;

    color: #666666;

    line-height: normal;

    letter-spacing: 0.4px;

    margin-bottom: 10px

}

.pages_extra .mater label {

    line-height: normal;

    padding: 15px 0 0;

}

.pages_extra .form-control {

    font-family: "Graphik", sans-serif;

    border-radius: 0;

    padding: 14px 20px;

    background: rgba(255, 255, 255, 0);

    border-color: #b1b1b1;

    transition: all .3s ease

}

.pages_extra .form-control:focus {

    border-color: #000;

}

.pages_extra .form-control.notempty {

    border-color: #000;

}

.select-wrapper {

    position: relative;

}

.select-wrapper::after {

    content: "\f107";

    font: normal normal normal 24px/1 FontAwesome;

    color: #b1b1b1;

    position: absolute;

    top: 0;

    right: 0;

    width: 50px;

    padding: 0 6px;

    line-height: 54px;

    text-align: left;

}

.select-wrapper select.form-control {

    -webkit-appearance: none;

    height: auto!important;

    padding-right: 50px;

    position: relative;

    z-index: 1;

    transition: all .3s ease

}

.img_bordure {

    text-align: center

}

.img_bordure img {

    height: 70px;

}

.row.decoup {

    margin: 0;

}

.item_decoup {

    border: 1px solid #000;

    margin: 0 -1px -1px 0;

}

.item_decoup:not(.dec_select) {

    border: 1px solid rgba(0, 0, 0, 0);

}

.opt_decoup {

    height: 280px;

    margin: 35px 0;

    position: relative;

}

.opt_decoup::before {

    content: "";

    position: absolute;

    top: -36px;

    left: 20px;

    right: 20px;

    height: 1px;

    background-color: #ccc;

    z-index: -1

}

.item_decoup:not(:nth-child(n+4)) .opt_decoup::before {

    display: none

}

.opt_decoup::after {

    content: "";

    position: absolute;

    top: 0;

    bottom: 0;

    right: -16px;

    width: 1px;

    background-color: #ccc;

    z-index: -1

}

.item_decoup:nth-child(3n+3) .opt_decoup::after {

    display: none

}

.item_decoup:last-child .opt_decoup::after {

    display: none

}

.opt_img {

    line-height: 100px;

    text-align: center;

    padding: 0 0 30px;

}

.opt_img img {

    display: inline-block;

    height: 100px;

    max-width: 100%;

}

.opt_decoup p {

    font-family: "Graphik", sans-serif;

    font-size: 18px;

    color: #666666;

    line-height: 1.4;

    letter-spacing: 0.4px;

    text-align: center;

    width: 250px;

    margin: 0 auto 5px;

}

.opt_decoup .prix-opt-decoup {

    font-family: "Graphik", sans-serif;

    font-size: 18px;

    font-weight: 500;

    color: #000;

    line-height: normal;

    letter-spacing: normal;

    text-align: center;

}

.qty.qty-changer.qty-dec {

    position: absolute;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

    padding: 0 32px;

    height: 32px;

    display: flex;

}

.qty .qty-input {

    display: inline-block;

    width: 50px;

    height: 32px;

    line-height: normal;

    margin: 0 10px;

    padding: 0;

    border: none;

    text-align: center;

    color: #666666;

    outline: none

}

.qty.qty-changer.qty-dec .decrease, .qty.qty-changer.qty-dec .increase {

    position: absolute;

    top: 0;

    width: 32px;

    height: 32px;

    font-family: serif;

    font-size: 26px;

    font-weight: normal;

    color: #ccc;

    line-height: 32px;

    text-align: center;

    letter-spacing: normal;

    padding: 0;

    background: none;

    border: 1px solid #ccc;

    border-radius: 50%;

    cursor: pointer;

    outline: none;

}

.qty.qty-changer.qty-dec .decrease {

    color: #fff;

    left: 0;

    display: none

}

.dec_select .qty.qty-changer.qty-dec .decrease {

    display: block;

}

.qty.qty-changer.qty-dec .decrease::before {

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

    width: 12px;

    height: 1px;

    background: #ccc;

}

.qty.qty-changer.qty-dec .increase {

    right: 0

}

.item_access {

    border: 1px solid #000;

}

.item_access:not(.acc_select) {

    border: none

}

.opt_access {

    height: 260px;

    margin: 25px 0;

    position: relative;

}

.opt_access .opt_img {

    height: 200px;

    line-height: 170px;

    text-align: center;

    padding: 0 0 30px;

}

.opt_access img {

    display: inline-block;

    height: 150px;

    max-width: 100%;

}

.opt_access p {

    font-family: "Graphik", sans-serif;

    font-size: 18px;

    color: #666666;

    line-height: 1.4;

    letter-spacing: 0.4px;

    text-align: center;

    width: 250px;

    margin: 0 auto 5px;

}

.opt_access .nacceselect {

    font-family: "Graphik", sans-serif;

    font-size: 18px;

    font-weight: bold;

    color: #000;

    line-height: 1.4;

    letter-spacing: 0.4px;

    text-align: center;

    width: 250px;

    margin: 0 auto 5px;

}

.opt_access .nacceselect {display: none}

.acc_select .opt_access .nacceselect {

    font-family: "Graphik", sans-serif;

    font-size: 18px;

    font-weight: bold;

    color: #000;

    line-height: 1.4;

    letter-spacing: 0.4px;

    text-align: center;

    display: block;

    width: 250px;

    margin: 0 auto 5px;

}

.pages_extra {

    margin-bottom: 150px;

}

.custom-control .custom-box {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    border: 1px solid #ccc;

    z-index: -1;

    transition: all .3s ease

}

.custom-checkbox .custom-control-input:checked~.custom-box {

    border-color: #000

}

.service .custom-control {

    padding: 12px 0 12px 80px;

    margin-bottom: 12px;

    cursor: pointer

}

.service .custom-control-input {

    z-index: 0;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    cursor: pointer

}

.pages_extra label.custom-control-label {

    font-size: 18px;

    line-height: 1.4;

    color: #000;

    margin: 0;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    cursor: pointer

}

.pages_extra label.custom-control-label span {

    color: #666

}

.service .custom-control-label::before {

    top: 3px;

    left: -49px;

    width: 18px;

    height: 18px;

    background: none;

    border: 1px solid #ccc;

    transition: all .3s ease

}

.service .custom-control-label::after {

    top: 100%;

    left: -44px;

    width: 9px;

    height: 5px;

    background: none;

    background-image: none!important;

    transform: rotate(-45deg);

    border-width: 0 0 1px 1px;

    border-style: solid;

    border-color: #fff;

    transition: all .3s ease

}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {

    top: 8px;

}

.service .custom-checkbox .custom-control-input:checked~.custom-control-label::before {

    border-color: #000;

    background-color: rgba(0,0,0,1)

}

.service .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {

    background-color: rgba(0,0,0,.6)

}

.custom-control-input:focus~.custom-control-label::before {

    box-shadow: none

}

.tva-red.service p {

    font-family: "Graphik", sans-serif;

    font-size: 18px;

    line-height: 1.8;

    color: #666666;

    letter-spacing: 0.4px;

}

.our_panier {

    padding: 30px;

    background-color: #fafafa;

    border: 2px dashed #b2b2b2;

}

.panier-vide {

    margin: 80px 0;

}

.panier-img {

    width: 85px;

    height: 100px;

    margin: 0 auto 50px;

}

.panier_text p {

    font-family: "Graphik", sans-serif;

    font-size: 18px;

    line-height: 1.8;

    color: #b8b8b8;

    letter-spacing: 0;

    text-align: center;

    max-width: 250px;

    margin: 0 auto;

}

.mat-in-list {

    border-bottom: 1px solid #ccc;

    padding-bottom: 30px;

    margin-bottom: 20px

}

.mat-in-list li {

    display: flex;

    flex-wrap: nowrap;

    justify-content: flex-start;

    margin-bottom: 15px

}

.mat-in-list li:last-child {

    margin-bottom: 0;

}

.mat-in-list li .mat_img {

    width: 60px;

    margin-right: 20px

}

.mat_info .mat_name {

    font-family: "Graphik", sans-serif;

    font-size: 16px;

    font-weight: 700;

    color: #000;

    line-height: 1;

    letter-spacing: 0.4px;

    margin: 0

}

.mat_info .mat_coloris, .mat_info .mat_finit {

    font-family: "Graphik", sans-serif;

    font-size: 16px;

    font-weight: normal;

    color: #000;

    line-height: 1;

    margin-top: 7px;

}

.dimbord-in-list {

    border-bottom: 1px solid #ccc;

    padding-bottom: 20px;

    margin-bottom: 20px

}

.dimbord-in-list li {

    font-family: "Graphik", sans-serif;

    font-size: 16px;

    font-weight: normal;

    color: #000;

    line-height: normal;

    margin-bottom: 10px;

}

.dimbord-in-list li:last-child {

    margin-bottom: 0;

}

.other-in-list {

    border-bottom: 1px solid #ccc;

    padding-bottom: 20px;

    margin-bottom: 20px

}

.other-in-list li {

    margin-bottom: 5px;

}

.dimbord-in-list li .mat_dim span {

    color: #808080;

}

.other-in-list .optdecop {

    font-family: "Graphik", sans-serif;

    font-size: 16px;

    font-weight: normal;

    color: #000;

    line-height: 1.6;

    padding-left: 12px;

}

.other-in-list .optdecop::before {

    content: "+";

    font-family: "Graphik", sans-serif;

    font-size: 16px;

    font-weight: normal;

    color: #000;

    line-height: 1.6;

    position: relative;

    margin-left: -12px;

    margin-right: 4px

}

.other-in-list .optdecop span:last-child {

    color: #808080;

}

.other-in-list li:last-child {

    margin-bottom: 0;

}

.panier_box .table td{

    font-family: "Graphik", sans-serif;

    font-size: 16px;

    font-weight: normal;

    color: #000;

    line-height: 2;

    padding: 0;

    border: none;

    vertical-align: middle;

}

.panier_box .table td:last-child {

    text-align: right;

    width: 100px

}

.panier_box .table tr:last-child td {

    font-weight: bold

}

.panier_box .table {

    margin-bottom: 0;

}

.panier_box .wrapper_btn {

    margin-top: 30px;

}

.wrapper_btn .btn_default {

    color: #fff;

    padding: 12px 25px

}

.page_iframe .opt_decoup {

    height: 265px;

}

.page_iframe .opt_decoup h4 {

    font-family: "Graphik", sans-serif;

    font-size: 15px;

    font-weight: normal;

    line-height: 1.6;

    color: #000;

    text-align: center;

    max-width: 200px;

    margin: 10px auto 0;

}

.page_iframe .opt_decoup p {

    font-family: "Graphik", sans-serif;

    font-size: 14px;

    font-weight: normal;

    line-height: 1.6;

    color: #666666;

    text-align: center;

    max-width: 190px;

    margin: 0 auto

}

.ilist_access {

    border-right: 1px solid #b8b8b8;

}

.panier_acc {

    padding: 80px 20px 0;

}

.patitle {

    font-size: 22px;

    font-weight: bold;

    line-height: normal;

    color: #000;

    margin: 0 0 20px;

}

.container-fluid.page_iframe {

    padding: 15px;

    position: relative

}

.page_iframe > .patitle {

    display: none

}

.panier_acc .table td {

    font-family: "Graphik", sans-serif;

    font-size: 15px;

    font-weight: normal;

    color: #000;

    line-height: 2;

    padding: 12px 0;

    border-top: none;

    border-bottom: 1px solid #dee2e6;

}

.panier_acc .table td:last-child {

    text-align: right;

    width: 80px

}

.panier_acc .table tr:nth-last-child(2) td {

    font-weight: bold;

    border-bottom: none

}

.panier_acc .table tr:last-child td {

    font-weight: normal;

    border-bottom: none

}

.page_iframe .fancybox-close {

    position: absolute;

    top: 20px;

    right: 20px;

    width: 40px;

    height: 40px;

    line-height: 12px;

    padding: 10px;

    opacity: 1;

    overflow: hidden;

    color: #fff;

    background: rgba(0, 0, 0, 0);

    border: none;

    text-indent: 100px;

    cursor: pointer;

    background: url(../images/close.png) center no-repeat;

    background-size: 20px 20px;

    z-index: 1030

}

.modal-access .fancybox-inner .fancybox-toolbar {

    display: none!important

}

.table-finit .table thead th {

    font-weight: bold;

    border-bottom: 1px solid #dfdfdf;

}

.table-finit .table thead th:first-child {

    border-right: 1px solid #dfdfdf

}

.table-finit .table thead th:last-child {

    border-left: 1px solid #dfdfdf

}

.table-finit .table td, .table-finit .table th {

    font-family: Graphik;

    font-size: 16px;

    font-weight: normal;

    line-height: 28px;

    text-align: center;

    color: #1a1919;

    padding: 9px;

    border-top: none;

}

.table-finit .table tr:first-child td {

    padding-top: 25px

}

.table-finit .table td:first-child {
    border-right: 1px solid #dfdfdf
}

.table-finit .table td:last-child {

    border-left: 1px solid #dfdfdf

}
.table-finit .table td:first-child img {
    display: block;
    float: left;
    margin-right: 8px;
    width: 29px;
}
.table-finit .table td span {

    display: inline;

}

.table-finit .table td span:not(:last-child)::after {

    content: " -";

    display: inline;

}
.navtop .nav-item.nav-search {
    position: relative;
}
.frmSearch {
	display: none;
    position: fixed;
    top: 80px;
    right: 90px;
    width: 400px;
	max-width: 100%;
    border: 1px solid #e9e9e9;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    padding: 0;
	z-index: 1010
}
.frmSearch .form-control {
    font-family: Graphik;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.31;
	letter-spacing: normal;
	color: #000000;
	padding: 16px 12px;
	border: none;
    border-bottom: 1px solid #e9e9e9;
    border-radius: 0;
	position: absolute;
	top: 0;
	left: 0;
}
.frmSearch i.fa {
    position: absolute;
    top: 0;
    right: 5px;
    font-size: 24px;
    line-height: 50px;
	display: none
}
#suggesstion-box {
	margin-top: 50px;
    max-height: 495px;
    overflow-y: auto;
}
.frmSearch ul {
    margin: 0;
    padding: 0 15px;
}
.frmSearch ul li {
    display: flex;
    flex-wrap: nowrap;
    padding: 9px 0;
}
.frmSearch ul li:not(:last-child) {
    border-bottom: 1px solid #e9e9e9;
}
.frmSearch ul li img {
	width: 70px;
	max-width: 70px;
	max-height: 70px;
	margin-right: 18px;
}
.frmSearch ul li a {
	font-family: Graphik;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.42;
	letter-spacing: normal;
	color: #000000;
	display: inline-block;
    align-self: center;
	text-decoration: none
}
.frmSearch ul li a strong {
	font-weight: bold;
}
span.red {
    color: red;
    font-size: 26px;
    font-weight: 900;
}
@media (min-width: 992px) {

	.col-lg-1-7 {

		-ms-flex: 0 0 14.285714%;

		flex: 0 0 14.285714%;

		max-width: 14.285714%;

	}

	.col-lg-1-5 {

		-ms-flex: 0 0 20%;

		flex: 0 0 20%;

		max-width: 20%;

	}

    .modal-access .fancybox-content {

        max-width: 960px;

    }

}

@media (min-width: 1200px) {

	.container {max-width: 1170px}

	.col-xl-1-7 {

		-ms-flex: 0 0 14.285714%;

		flex: 0 0 14.285714%;

		max-width: 14.285714%;

	}

	.col-xl-1-5 {

		-ms-flex: 0 0 20%;

		flex: 0 0 20%;

		max-width: 20%;

	}

	.col-xl-7-me {

		-ms-flex: 0 0 59%;

		flex: 0 0 59%;

		max-width: 59%;

	}

	.col-xl-5-me {

		-ms-flex: 0 0 41%;

		flex: 0 0 41%;

		max-width: 41%;

	}

    .modal-access .fancybox-content {

        max-width: 1170px;

    }

}

@media (min-width: 1300px) {

	.container {max-width: 1270px}

    .modal-access .fancybox-content {

        max-width: 1270px;

    }

	.col-xl-7-me {

		-ms-flex: 0 0 60%;

		flex: 0 0 60%;

		max-width: 60%;

	}

	.col-xl-5-me {

		-ms-flex: 0 0 40%;

		flex: 0 0 40%;

		max-width: 40%;

	}

}

@media (min-width: 1400px) {

	.container {max-width: 1370px}

    .modal-access .fancybox-content {

        max-width: 1370px;

    }

}

@media (max-width: 1899px) {

	.list_type_realise li a {line-height: 80px;}

	.list_type_realise li:hover::after {line-height: 80px;}

}

@media (max-width: 1499px) {

	.realise_box {padding: 50px 40px 40px 60px;}

	.list_type_realise li a {line-height: 70px;}

	.list_type_realise li:hover::after {line-height: 70px;}

}

@media (max-width: 1399px) {

	.carousel_text {

		min-height: 335px;

	}

	.carousel_text h1 {

        height: 100px

	}

	.about_txt p {

		line-height: 1.6;

	}

	.realise_box {padding: 40px 40px 30px 60px;}

	.certificate_item {

		padding: 30px 30px 10px;

	}

	.certificate_icon {

		width: 60px;

		height: 60px;

	}

	.partner_item {

		max-width: 200px;

		height: 70px;

	}

    .ps_item {

        height: 360px;

    }

    .logomat img {

        height: 360px;

    }

}

@media (max-width: 1199px) {

	body{font-size: 16px;line-height: 1.6;}

	.navbar-expand-xl .navbar-nav .nav-item::after {left: 0}

	.nav_button {padding: 23px 16px}

	.block_menu .nav-link {

		padding: 14px 0 10px

	}

	.carousel_text {

		padding: 60px 40px;

		min-height: 300px

	}

	.carousel_text h1 {

		font-size: 36px;

        height: 100px

	}

	.carousel_text p {height: 128px}

	.certificate_item {

		padding: 30px 20px 10px;

	}

	.partner_item {

		max-width: 160px;

	}

	.list_type_realise li a, .list_type_realise li:hover::after {line-height: 70px}

	.gamme_block .label_gamme {

		height: 48px;

	}

	.about_txt h2 {font-size: 20px}

	.certificate_text h2 {

		font-size: 24px;

	}

	.certificate_text  p {

		font-size: 16px;

		line-height: 1.6;

	}

	.actus_text  p {

		font-size: 16px;

		line-height: 1.6;

	}

	.partner_agc_text  p {

		font-size: 16px;

		line-height: 1.6;

	}

	.footer_txt {

		font-size: 16px;

		line-height: 1.6;

	}

	.widget_contact ul li, .widget_contact ul li a, .lien_util li a {

		line-height: 1.6;

	}

    .table_cc.table_dv.table thead th:first-child {

        width: 140px;

    }

    .table_cc.table_dv.table thead th:nth-child(2) {

        width: 140px;

    }

    .table_cc.table_dv.table thead th:nth-child(4) {

        width: 130px;

    }

    .table_cc.table_dv.table thead th:last-child {

        width: 270px;

        min-width: 200px;

    }

    .item_decoup:not(:nth-child(n+4)) .opt_decoup::before {

        display: block

    }

    .item_decoup:not(:nth-child(n+3)) .opt_decoup::before {

        display: none

    }

    .item_decoup:nth-child(3n+3) .opt_decoup::after {

        display: block

    }

    .item_decoup:last-child .opt_decoup::after {

        display: none;

    }

    .item_decoup:nth-child(2n+2) .opt_decoup::after {

        display: none

    }

    .ps_item {

        height: 340px;

    }

    .logomat img {

        height: 340px;

    }
}

@media (max-width: 991px) {

	.navbar-brand {margin-left: 10px;}

	.navbar-toggler {right: 20px;}

	.navbar-collapse {padding: 70px 30px 30px}

    .nav_button {padding: 24px 16px 10px;}

    .btn_search {padding: 10px;}

    .navtop {right: 75px;}

	.navbar-collapse {padding: 70px 25px 25px;width: 100%;max-width: 100%;}

	.block_menu .nav-link {font-size: 20px;line-height: 1.5;padding: 16px 0 10px}

    .block_menu {padding-bottom: 120px}

    .block_menu_bottom {

        bottom: 0;

        left: 0;

        right: 0;

        padding: 20px 26px 40px;

        background-color: #000000;

        opacity: 0;

        visibility: hidden;

        transition: all .3s ease 0s

    }

    .navbar-collapse.show .block_menu_bottom {

        position: fixed;

        opacity: 1;

        visibility: visible;

        transition: all .3s ease .4s

    }

    .block_menu_bottom .btn_menu {

        width: 100%;

        padding: 15px 35px;

        text-align: center;

    }

	.no_home {padding-top: 120px;}

	.carousel_text {

		padding: 30px 25px;

		min-height: 100px

	}

	.carousel_text h1 {

		font-size: 26px;

        height: 88px

	}

    .carousel_text p {

        line-height: 1.8;

        height: 115px;

        overflow: hidden;

    }

    .carousel_home_txt.owl-carousel .owl-item:nth-child(2) .fontspecs img {

        vertical-align: middle;

    }

	.nav_controle button[class*="owl-"] {font-size: 30px}

    .ps_nav {

        height: 46px;

    }

    .ps_nav button[class*="owl-"] {

        position: absolute;

        top: 0;

        width: 25px;

        line-height: 1.4;

    }

	.realise_box {

		padding: 25px;

	}

	.list_type_realise li a, .list_type_realise li:hover::after {line-height: 50px}

	.list_type_realise li .label_type {

		font-size: 20px;

        padding-left: 6px

	}

	.list_type_realise li:hover {

		margin-right: -80px;

	}

	.list_type_realise li:hover::after {

		width: 60px;

	}

	.gamme_block {

		padding: 25px;

	}

	.section_aboutus .about_col {

		padding: 40px;

	}

	.about_txt h2 {

		font-size: 20px;

	}

	.about_img .experience {

		width: 100px;

		top: -20px;

		left: -20px;

	}

	.certificate_item:nth-child(2) {border-right: none}

	.certificate_item:nth-child(1), .certificate_item:nth-child(2) {border-bottom: 1px solid #eee}

	.about_txt p {margin-bottom: 10px}

	.full_text {

		display: none

	}

	.dots {

		display: inline-block

	}

	.btn_readmore {

		display: inline-block

	}

	.ps_text + .btn_readmore {

		display: none

	}

	.center_plus::before, .center_plus::after {display: none}

	.partners_nav button[class*='owl'] {top: 50%}

	.table_cc.table th, .table_cc.table td {padding: 16px 20px}

	.ps_text, .cm_text {

		margin-left: 0;

		padding-left: 0;

		border-left: none;

	}

	.list_access .item_acc:nth-child(4n+4) {

		border-right: 1px solid #bababa;

	}

	.list_access .item_acc:nth-child(3n+3) {

		border-right: none;

	}

	.pms_title + p {

		margin-bottom: 50px;

	}
	.ms_title {
		font-size: 22px;
		padding: 15px 0 10px;
		margin-bottom: 20px;
	}
	.realis_box_txt {
		padding: 30px;
	}
	.pr_title {
		margin-bottom: 10px;
	}
	.pr_title .titcon {
		margin-right: 10px;
	}
	.pr_title .titext {
		font-size: 26px;
		line-height: 40px;
	}
	.pr_nav {
		width: 80px;
        height: 40px
	}
	.pr_nav button[class*="owl-"] {
		font-size: 24px;
		line-height: 40px;
	}
	.pr_page {
		right: 100px;
		line-height: 42px;
	}
	.pr_control {
		height: 40px;
	}
    .text_missval .ms_title {
        padding-right: 0;
    }
    .page_missval .row > div:first-child {
        padding-left: 15px;
        padding-right: 15px;
    }
    .page_missval .row:nth-child(odd) > div:last-child {
        padding-left: 15px;
    }
    .page_missval .row:nth-child(even) > div:last-child {
        padding-right: 15px;
    }
    .table_cc.table_dv th, .table_cc.table_dv td {
        padding: 10px;
    }
    .map {
        position: relative;
        margin-bottom: 50px;
        height: 400px;
        left: 50%;
        width: 100vw;
        transform: translateX(-50%);
    }
    .logomat {display: none}
    .carousel_home_txt.owl-carousel .owl-item .carousel_text {
        min-height: 100px;
    }
}

@media (max-width: 767px) {

	body{font-size: 14px;line-height: 1.5;}

    .header .navbar {position: static}

	.navbar-toggler {position: static;top: 10px;right: 10px;}

    .navbar-toggler.closed {

        margin-top: 15px;

    }

    .nav_button {padding: 10px 16px 10px;}

    .lang_desktop .nav-link {

        line-height: normal;

    }

    .btn_search {

        padding: 0px 10px;

    }

    .navbar-collapse {

        overflow-y: auto;

    }

	.menu_container {

		padding-top: 10px;

	}

    .btn_link span {

        display: none

    }

    .section_home {

        margin-bottom: 30px;

    }

	.nav_controle {

		transform: translateY(-50%);

		z-index: 2;

	}

    .carousel_text h1 {

        height: auto

    }

    .carousel_text p {line-height: 1.6;height: auto}

	.section_aboutus .about_col:first-child {

		padding-top: 0;

	}

	.section_aboutus .row:first-child .about_col:last-child {

		padding-bottom: 40px;

	}

	.section_aboutus .about_col:last-child {

		padding-top: 0;

		padding-bottom: 0;

	}

    .realise_img.xang {

        display: none;

    }

    .realise_text h1 {

        font-size: 25px

    }

    .realise_text h1 .fontspecs {

        width: 260px!important;

    }

    .decatel .realise_text h1 img {

        width: 230px;

    }

    .decatel .realise_text p {

        font-size: 16px;

        font-weight: 300;

        line-height: 1.6;

        letter-spacing: 1.1px;

        margin-bottom: 40px;

    }

    .btn_popvideo {

        width: 54px;

        line-height: 42px;

    }

    .certificate_text h2 {

        font-size: 22px;

    }

	.gamme_block .label_gamme {

        font-size: 20px;

        max-width: 250px;

        margin-bottom: 5px

	}

    .gamme_block .gamme_icon {

        font-size: 28px;

    }

    .actu_post .post .post_title {

        font-size: 16px;

        line-height: 1.5;

        margin-bottom: 20px

    }

    .section_partner_agenc {

        padding-top: 50px;

    }

    .partner_agc_title {

        margin: 0 auto 60px;

    }

    .partner_agc_text {

        padding: 0 8px;

    }

    .partner_name {

        font-size: 26px;

    }

    .partner_link a {font-size: 16px}

	.footer {padding: 50px 30px}

	.plan_list {

		margin-bottom: 80px;

	}

    .sc_title {

        font-size: 22px;

        margin: 20px auto 30px;

    }

	.type_plan_img {

        height: auto;

		line-height: normal;

		margin: 30px 0;

	}

	.type_plan:not(:last-child) .type_plan_img {border-right: none}

	.type_plan:not(:last-child) {border-bottom: 1px solid #ccc}

	.type_plan h4 {margin-bottom: 30px}

	.plan_cc > p {margin-bottom: 40px}

	.table_cc.table thead {display: none}

	.table_cc.table tr td {border-top: none}

	table.table.table_cc, .table_cc tbody, .table_cc tr, .table_cc th, .table_cc td{

		display: block;

	}

	.table_cc.table tr:not(:last-child) {margin-bottom: 20px}

	.table_cc.table th {color: #000;font-weight: 600;padding: 10px 0;margin-bottom: 15px}

	.table_cc.table td {padding: 3px 0}

	.table_cc.table tr:last-child th {

		border-bottom: 1px solid #b2b2b2;

	}

	.table_cc.table td::after, .table_cc.table th::after {display: none}

	.table_cc.table td::before {

		content: attr(data-title);

		display: inline-block;

		width: 80px;

		margin-right: 15px;

		color: #666666

	}

	.star1::before, .star2::before, .star3::before, .star4::before, .star5::before, .star1::after, .star2::after, .star3::after, .star4::after, .star5::after {

		line-height: 18px

	}

    .tc_title {

        font-size: 22px;

        padding-left: 0;

        margin-bottom: 20px;

    }

    .table_cc.table_cf.table td::before {

        display: block;

        width: auto;

        margin: 10px 0;

        color: #000;

    }

    .table_cc.table_cf.table tr {

        padding-bottom: 10px;

        border-bottom: 1px solid #666;

    }

    .table_cc.table_cf.table td{

        margin-bottom: 10px;

    }

	.ps_text + .btn_readmore {

		display: inline-block

	}

	.list_access .item_acc:nth-child(3n+3) {

		border-bottom: 1px solid #bababa;

	}

	.list_access .item_acc:nth-child(2n+2) {

		border-right: none;

	}

	.list_access .item_acc:last-child {

        border: none

	}

	.pr_page {display: none}

	.pr_control {

		bottom: auto;

		top: -42px;

		z-index: 1;

	}

	.realis_box_txt {

		padding: 25px;

	}

	.list_type_realise li:hover {

		margin-right: 0;

	}

	.acc_title {font-size: 24px}

	.list_access .sc_title {font-size: 20px}

	.ms_title + p {

		line-height: 1.6;

	}

	.ms_certif_desc p {

		font-size: 18px;

		line-height: 1.6;

	}

	.logo_cert_stepro .logo_csp {

		max-width: 150px;

		line-height: 140px;

	}

	.no_home {

		padding-top: 60px;

	}

    .ptitle {

        font-size: 26px;

    }

    .fc_title {

        padding: 15px 0

    }

    .pms_title {

        margin-bottom: 18px;

    }

    .pms_title + p {font-size: 16px}

    .ms_title {

        font-size: 20px;

        padding: 20px 0 10px;

        border: none

    }

    .ps_text p, .cm_text p {line-height: 1.6}

    .ps_container {

        margin: 10px 0 24px;

    }

    .ps_page {

        font-size: 14px;

    }

    .ps_nav button[class*="owl-"] {

        font-size: 18px;

        line-height: 1.5;

    }

	.fc_title {font-size: 24px}

    .section_login {

        height: auto;

        min-height: 100vh;

    }

    .pl_title {

        font-size: 26px;

        margin-bottom: 24px;

    }

    .pl_form .input-group-text {

        width: 48px;

    }

    .pl_form .form-control {padding-left: 52px}

    .table_cc.table_dv td::before {

        display: none;

    }

    .table_cc.table_dv.table td, .table_cc.table_dv.table td p {

        margin-bottom: 0;

    }

    .table_cc.table_dv.table td:nth-child(4) {

        text-align: left;

        margin-bottom: 10px

    }

    .list_type_acc .lt_tit {

        display: block;

    }

    .table_cc.table_dv tr {

        border-top: 1px solid #b2b2b2;

        padding: 16px 0;

        margin-bottom: 0

    }

    .table_cc.table_dv tr:not(:last-child) {

        margin-bottom: 0

    }

    .box_cp {

        margin-bottom: 16px;

    }

    .icon_pdf {

        width: 34px;

        margin-right: 20px;

    }

    .dc_form, .dc_title {line-height: 1.2}

    .box_catalogue .btn-download {

        margin-left: 55px;

        padding: 10px 16px

    }

    .modal-access .fancybox-content {

        height: 100%

    }

    .panier_acc {

        padding: 30px 20px;

    }

    .page_iframe .fancybox-close {

        top: 10px;

        right: 10px;

    }

    .ps_item {

        height: 235px;

    }

}

@media (max-width: 575px) {

	.navbar-brand {

		width: 160px;

		margin-left: 0;

	}

    .navbar-toggler {

        width: 44px;

        height: 34px;

    }

    .navbar-toggler .icon-bar-line {

        width: 26px;

    }

    .navbar-toggler .icon-bar-line.x2 {

        margin: 5px 0;

    }

    .navbar-toggler.closed .icon-bar-line.x1 {

        top: 7px;

    }

    .navbar-toggler.closed .icon-bar-line.x3 {

        bottom: 7px;

    }

    .nav_button {padding: 8px 16px}

    .navtop {top: 22px;right: 65px;}

    .lang_mobile {display: block;}

    .lang_desktop, .nav-search{display: none}

    .nav_button .nav-search{display: block}

    .nav_button .btn_search {

        font-size: 18px;

        padding: 0 10px;

        line-height: 1.8;

    }

    .btn_search img {

        width: 20px;

    }
	.frmSearch {
		position: fixed;
		top: 55px;
		right: 0;
		left: 0;
		bottom: 0;
		width: 100%;
		max-height: 100%;
		border: none;
    	background-color: rgba(255, 255, 255, 0);
	}
	#suggesstion-box {
    	background-color: #ffffff;
		margin-top: 0;
		padding-top: 50px;
		max-height: 100%
	}
	#suggesstion-box:empty {
		height: 0!important
	}
	#suggesstion-box:not(:empty) {
		height: 100%
	}
    .header {

        padding-top: 5px;

    }

    .btn_link {

        line-height: 26px;

        padding: 0 5px;

    }

    .navtop.esp_rvd li.nav-item:not(:last-child)::after {

        height: 30px;

        top: -2px;

    }

    .main_wrapper:not(.no_home) {

        margin-top: 10px;

    }

    .no_home {

        padding-top: 40px;

    }

	.list_type_realise li:hover {

		margin-right: 0;

	}

    .section_home {

        margin-bottom: 30px;

    }

    .carousel_text h1 {

        font-size: 26px;

        line-height: 1.2

    }

    .carousel_text h1 .fontspecs {

        width: 122px!important;

        margin: 0 3px 0 0!important;

    }

    .carousel_home_txt.owl-carousel .owl-item:nth-child(3) .fontspecs {

        width: 160px!important;

    }

    .carousel_text p {

        font-size: 17px;

        letter-spacing: 0.4px;

    }

	.section_aboutus .about_col {

		padding: 25px;

	}

	.section_aboutus .about_col:first-child {

		padding-top: 0;

		padding-bottom: 40px

	}

	.section_aboutus .row:first-child .about_col:last-child {

		padding-bottom: 20px;

	}

	.section_aboutus .about_col:last-child {

		padding-top: 0;

		padding-bottom: 0;

	}

    .about_txt h2 img {

        max-height: 24px;

        min-width: 110px;

    }

	.experience {display: none}

	.certificate_text {

		padding: 30px 25px 0;

	}

	.certificate_title {

		padding: 30px 0;

	}

    .certificate_title img {

        max-height: 60px;

    }

	.certificate_block {

		padding: 0 25px;

	}

	.certificate_item {

		padding: 40px 0 20px;

		border: none;

		border-bottom: 1px solid #eee;

	}

	.certificate_item:first-child {

		padding-top: 30px

	}

	.certificate_item:last-child {

		padding-bottom: 0

	}

	.section_actus {

		padding: 0 25px;

	}

    .actu_post .post .post_img {

        padding-top: 26px;

        margin-bottom: 18px;

    }

    .actus_text {

        margin: 0 auto 40px;

        padding-top: 50px;

    }

	.actus_posts .actu_post {

		border: none;

		padding: 0;

	}

    .partner_photo {

        position: relative;

        z-index: 1;

    }

    .section_partners {

        padding: 100px 0;

        position: relative

    }

    .partner_text {position: static}

    .partners_nav button[class*='owl'] {

        top: auto;

        bottom: 30px;

    }

    .actus_title {

        margin-bottom: 12px;

    }

    .actus_title img {

        width: 290px;

    }

    .ps_title {padding: 15px 0;font-size: 18px}

    .pc_title {

        padding: 15px 0;

    }

	.footer {padding: 50px 10px 30px}

	.lien_util {

		margin-bottom: 30px;

		border-bottom: 1px solid #525252;

	}

	.no_home .container {

		padding-right: 25px;

		padding-left: 25px;

	}

    .ptitle {

        font-size: 24px;

    }

	.ps_certif ul li {

		-ms-flex: 0 0 33%;

		flex: 0 0 33%;

		max-width: 33%;

	}

	.ps_type_plan {

		line-height: normal;

        max-width: 260px

	}

    .ps_type_plan img {

        max-width: 100%

    }

	.list_type_acc .lt_tit {

		display: block;

	}

	.list_access .item_acc {

		padding-bottom: 30px;

		margin-bottom: 20px

	}

	.list_access .item_acc:not(:last-child) {

		border-right: none;

		border-bottom: 1px solid #bababa;

	}

	.list_type_realise li::after {width: 60px;opacity: 1;line-height: 80px;font-size: 22px;color: #666666}

	.list_type_realise li a, .list_type_realise li:hover::after {

		line-height: 80px;

	}

    .pr_control {top: -40px}

    .pr_nav {background: rgba(160, 159, 159, 0.8)}

    .row:nth-child(2) .realis_box_txt .pr_nav button[class*="owl-"], .row:last-child .realis_box_txt .pr_nav button[class*="owl-"] {color: #fff}

    .pr_title .titcon {line-height: 54px}

    .pr_title .titcon object {transform: scale(1.5);}

	.form_newsletter .form-control {font-size: 14px}

	.footer_txt {

		line-height: 1.5;

	}

	.widget_contact ul li, .widget_contact ul li a, .lien_util li a {

		line-height: 1.5;

	}

    .logout_footer {

        width: 36px;

        margin-right: 12px;

    }

    .logout_footer img {

        top: -4px;

        left: -4px;

    }

    .logo_footer {width: 200px;}

    ul.list_finit {padding-left: 25px}

    .ps_text ul.list_finit h4::before {left: -20px}

    .pages_extra {

        margin-bottom: 60px;

    }

    .service .custom-control {

        padding: 18px 0 18px 60px;

    }

    .service .custom-control-label::before {

        left: -39px;

    }

    .service .custom-control-label::after {

        left: -34px;

    }

    .smtitle {

        font-size: 20px;

        margin: 30px 0 30px;

    }

    .box_coloris .psc_name {

        margin: 15px 0;

    }

    .affix_panier {

        margin-top: 40px;

    }

    .item_decoup {

        margin: 0 0 -1px 0;

    }

    .item_decoup:nth-child(n) .opt_decoup::after {

        display: none;

    }

    .item_decoup:first-child .opt_decoup::before {

        display: none

    }

    .item_decoup:not(:first-child) .opt_decoup::before {

        display: block;

        left: -15px;

        right: -15px

    }

    .item_access:not(:first-child) .opt_access::before {

        content: "";

        position: absolute;

        top: -26px;

        left: -15px;

        right: -15px;

        height: 1px;

        background-color: #ccc;

        z-index: -1;

    }

    .our_panier {

        padding: 30px 18px 20px;

    }

    .wrapper_btn .btn_default {

        padding: 12px 0;

        width: 100%;

    }

    .container-fluid.page_iframe {

        padding: 20px 20px 0;

        position: relative

    }

    .ilist_access {border: none}

    .panier_acc {

        padding: 30px 0;

    }

    .page_iframe .panier_acc .patitle {

        display: none

    }

    .page_iframe > .patitle {

        display: block;

    }

    .panier_acc .table tr:first-child td {

        border-top: 1px solid #dee2e6

    }

    .eptitle {

        font-size: 24px;

        margin-bottom: 40px;

    }

    .carousel_ps {

        padding: 0;

    }

    .ps_item.slick-slide {

        padding: 0

    }

    .ps_item {

        height: auto

    }

	.ps_item img {

		height: auto;

	}

    .logomat {

        margin-left: 0;

        height: 260px;

        overflow: hidden;

        border: 2px solid #000;

        border-width: 2px 0 2px 0;

    }

    .logomat img {

        height: auto;

        border: none;

        position: relative;

        top: 50%;

        transform: translateY(-50%)

    }
	
	.single_post .share_rss {
		margin-bottom: 20px;
	}

}

.img_sldcoloris{ margin: auto !important; width: auto !important; max-height: 500px !important;}