#submiter {border-color: rgb(91, 103, 123); color: rgb(91, 103, 123); background-color: transparent; border-radius: 50px;}
.wpcf7-submit#submiter:hover { background-color: #1f58bf !important; border-color: #1f58bf !important; color: #ffffff !important; }
.search-everything-highlight { background-color: #e6ecef !important;}

.entry-content a:not(.vc_single_image-wrapper):hover, .entry-content a:not(.vc_single_image-wrapper):focus, .entry-summary a:hover, .entry-summary a:focus, .taxonomy-description a:hover, .taxonomy-description a:focus, .logged-in-as a:hover, .logged-in-as a:focus, .comment-content a:hover, .comment-content a:focus, .pingback .comment-body > a:hover, .pingback .comment-body > a:focus, .textwidget a:hover, .textwidget a:focus { opacity: 1;}
.entry-content > .vc_row:focus { outline: inherit !important;}
.vc_pageable-slide-wrapper > p { display: none;}

.entry-content > .vc_row.wpb_row.vc_row-fluid:not(.map-row) { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}
.entry-content > .vc_row:not([data-vc-full-width="true"]) > .vc_column_container { margin: 0 !important;}
.entry-content > div.vc_row-o-full-height:first-child { min-height: 73vh !important; margin-top: 0px; max-height: 100vh;}

#content {letter-spacing: .05em;}

.row-style-1 svg { width: 50px; height: 50px; fill:white;}
#gestion svg, #reseaux-cablage svg { width: 50px;  height: 50px;}
.row-style-3#projet svg { width: 80px; fill: #1fbac1;  height: 80px;}
.btns { text-align: center;}
.btns .long-btn { margin: 0 5px;}

#tipu_wrapper { margin: 0;}
#stt_container { height: 30px; width: 30px; border-radius: 0; background: #13387c;}

.site-branding .site-title a svg { height: 46px;}


/*::::::::::::::::::::::::::::::::::::::::::::::::::::
:::::::::::::::::::::: Header ::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::*/

a.logo img, .site-header-main.floatable a[rel="home"] img { width: 74px; position: relative; left: -6px;}
#post-nav-wiget-zone, .site-branding { }
.menu-social-menu-container { margin-right: 0px;}
div#post-nav-wiget-zone { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end;}
.site-header-menu { margin: 0 !important;}
.site-header-menu .widget {margin-left: 5px;}
#post-nav-wiget-zone .vc_btn3.vc_btn3-size-xs {border: 0 !important; padding: 10px 16px !important; position: relative; top: -1px; -webkit-box-shadow: inset 0px -8px 15px rgba(0, 0, 0, 0.07) !important; box-shadow: inset 0px -8px 15px rgba(0, 0, 0, 0.07) !important;  white-space: nowrap; background: -webkit-gradient(linear, right top, left top, from(#E91E63), to(#f41c0c)) !important; background: -webkit-linear-gradient(right, #E91E63 0%, #f41c0c 100%) !important; background: -o-linear-gradient(right, #E91E63 0%, #f41c0c 100%) !important; background: linear-gradient(to left, #E91E63 0%, #f41c0c 100%) !important;}
#post-nav-wiget-zone .vc_btn3.vc_btn3-size-md {border: 0 !important; padding: 14px 22px !important; position: relative; top: -1px; -webkit-box-shadow: inset 0px -8px 15px rgba(0, 0, 0, 0.07) !important; box-shadow: inset 0px -8px 15px rgba(0, 0, 0, 0.07) !important; white-space: nowrap; border-radius: 6em;}
#topbar { display: block;}
.site-header { z-index: 5;}

/*---------------------- Topbar ----------------------*/

#black-studio-tinymce-18 { text-transform: uppercase; font-family: "Raleway", serif !important; letter-spacing: .3em; font-size: 9px; font-weight: 600;}
#topbar-R-widget-zone a.vc_btn3 { border: 0px !important;}
#black-studio-tinymce-13 {font-family: "Raleway", serif !important; letter-spacing: .3em; font-size: 9px; font-weight: 600;}
#black-studio-tinymce-17 {letter-spacing: .3em; font-size: 9px;}


/*---------------------- Menu ----------------------*/

#site-header-menu { -webkit-box-flex: 1; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%;}
#menu-main-menu {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.site-header-main.floatable {background-color: white;}
.menu-item#menu-item-2277 > a:not(:hover) { color: white !important;}
.site-header-main.floatable .menu-item#menu-item-2277 > a:not(:hover) { color: #cdc9d8 !important;}
.site-header-menu-wrapper { width: 100%;}
.main-navigation a:hover, .main-navigation a:focus, .current-menu-item > a, [id*="menu-main-menu"] > li > button.dropdown-toggle:hover {text-shadow: 0px 1px 0 rgba(255,255,255,.2);}
ul:not(.shiftnav-menu) > .menu-item-home a { font-size: 0; color: transparent; display: block; width: 34px; position: relative;}
ul:not(.shiftnav-menu) > .menu-item-home a:before {content:""; display: block; width: 14px; height: 14px; background:transparent url(images/home.svg) no-repeat center; background-size: 14px; position: absolute; left: calc(50% - 7px); top: calc(50% - 8px);}
.menu-item-home.current-menu-item > a:before, .menu-item-home a:hover:before { background:transparent url(images/home.svg) no-repeat center; background-size: 14px; top: calc(50% - 7px); opacity: .4;}
ul:not(.shiftnav-menu) > .menu-item-home.current-menu-item > a:after, .menu-item-home a:hover:after {content:""; display: block; width: 14px; height: 14px; background:transparent url(images/home-over.svg) no-repeat center; background-size: 14px; position: absolute; left: calc(50% - 7px); top: calc(50% - 8px);}


/*---------------------- Menu Mobile ----------------------*/

#shiftnav-toggle-main {justify-content: space-between;}
div#shiftnav-toggle-main {padding: 0 calc(.1vw + 30px);}
.shiftnav-toggle-main-block a img, .shiftnav-toggle-main-block a svg { height: 40px;  height: 40px;}
#shiftnav-toggle-main span.shiftnav-main-toggle-content a { line-height: 40px; display: block; height: 40px;}
.shiftnav-help, .shiftnav-call, .shiftnav-mail {background-image: -webkit-gradient(linear, left top, left bottom, from(#e91e63),to(#f41c0c));background-image: -webkit-linear-gradient(top, #e91e63 0%,#f41c0c 100%);background-image: -o-linear-gradient(top, #e91e63 0%,#f41c0c 100%);background-image: linear-gradient(to bottom, #e91e63 0%,#f41c0c 100%); margin: 0 5px 0 0; border-radius: 50px; padding: 6px 6.5px; width: 48px; height: 34px; -webkit-box-shadow: inset 0px -8px 15px rgba(0, 0, 0, 0.07) !important; box-shadow: inset 0px -8px 15px rgba(0, 0, 0, 0.07) !important;}
.shiftnav-help svg, .shiftnav-call svg, .shiftnav-mail svg { width: 22px; height: 22px;}
#shiftnav-toggle-main.shiftnav-toggle-main-align-center .shiftnav-main-toggle-content { width: inherit}
body.admin-bar #shiftnav-toggle-main {-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
#shiftnav-toggle-main > span {-webkit-flex: none !important;-ms-flex: none !important;flex: none !important; -webkit-box-flex: inherit !important; max-width: inherit !important; min-width: inherit !important; width: auto !important;}
#shiftnav-toggle-main span.shiftnav-main-toggle-content { margin-left: -5px;}
#shiftnav-toggle-main-button { margin-right: -12px;}
#shiftnav-toggle-main ul[id*="menu-social-menu"] { margin-left: -5px;}
.shiftnav-main-toggle-content-after .menu-social-menu-container { margin: 0px;}
#shiftnav-toggle-main .menu-social-menu-container { height: 34px;}
#shiftnav-toggle-main ul[id*="menu-social-menu"] li { top: 0;}
#shiftnav-toggle-main .shiftnav-main-toggle-content-after { width: calc(100% - 69px - 60px) !important;}
.shiftnav ul.shiftnav-menu li.menu-item a {font-weight: 600; letter-spacing: .3em;}

/*---------------------- Social Menu ----------------------*/

ul[id*="menu-social-menu"] {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; margin-left: 10px;}
ul[id*="menu-social-menu"] li { margin-left: 5px;}
ul[id*="menu-social-menu"] a[href*="linkedin.com"]:before, ul[id*="menu-social-menu"] a[href*="facebook.com"]:before { position: relative; left: 1px;}
ul[id*="menu-social-menu"] a:before { height: 31px; line-height: 31px;}
.site-header-main ul[id*="menu-social-menu"] a, #shiftnav-toggle-main .menu-social-menu-container a { color: currentColor; width: 33px; text-align: center; border : 1px solid currentColor; border-radius: 3px; height: 33px;}
.site-header-main ul[id*="menu-social-menu"] a:hover {border-color: #1f58bf; background: #1f58bf; -webkit-box-shadow: inset 0px -8px 15px rgba(0, 0, 0, 0.07) !important; box-shadow: inset 0px -8px 15px rgba(0, 0, 0, 0.07) !important; border-radius: 33px;}
.site-header-main ul[id*="menu-social-menu"] a, .site-header-main ul[id*="menu-social-menu"] a:hover { -webkit-transition: all linear .3s; -o-transition: all linear .3s; transition: all linear .3s;}

.shiftnav-main-toggle-content-before {margin-left: 18px !important;}
#shiftnav-toggle-main.shiftnav-toggle-edge-right .shiftnav-toggle-burger { padding-right:12px !important;}
#shiftnav-toggle-main #menu-social-menu-1 { opacity: 1;}
#shiftnav-toggle-main .menu-social-menu-container a {border: 0; opacity: 1; background-image: -webkit-gradient(linear, left bottom, left top, from(#1c3f7b),to(#1f58bf)); background-image: -webkit-linear-gradient(bottom, #1c3f7b 0%,#1f58bf 100%); background-image: -o-linear-gradient(bottom, #1c3f7b 0%,#1f58bf 100%); background-image: linear-gradient(to top, #1c3f7b 0%,#1f58bf 100%); margin: 0; border-radius: 50px; padding: 6px 6.5px; width: 48px; height: 34px; -webkit-box-shadow: inset 0px -8px 15px rgba(0, 0, 0, 0.07) !important; box-shadow: inset 0px -8px 15px rgba(0, 0, 0, 0.07) !important;}
#shiftnav-toggle-main ul[id*="menu-social-menu"] a[href*="linkedin.com"]:before { top: -5px;} 
#shiftnav-toggle-main ul[id*="menu-social-menu"] a[href*="facebook.com"]:before { top: -4px;}


/*---------------------- Button ----------------------*/

.vc_btn3.vc_btn3-style-outline, .vc_btn3.vc_btn3-style-outline-custom, .vc_btn3.vc_btn3-style-outline-custom:focus, .vc_btn3.vc_btn3-style-outline-custom:hover, .vc_btn3.vc_btn3-style-outline:focus, .vc_btn3.vc_btn3-style-outline:hover { border-width: 1px !important;}

.vc_btn3.vc_btn3-style-outline-custom:hover { background: rgba(0,0,0,.1) !important;}
.vc_col-sm-1 .vc_btn3 { float: right;}
.vc_btn3.vc_btn3-size-xs { font-size: 9px !important; padding: 8px 16px !important; border: 1px solid !important;}
.vc_btn3[style*="background-color:#1f58bf"] { -webkit-box-shadow: inset 0px -8px 15px rgba(0, 0, 0, 0.15) !important; box-shadow: inset 0px -8px 15px rgba(0, 0, 0, 0.15) !important;}

.vc_btn3.vc_btn3-size-md {padding: 16px 20px;}


/*::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::: Home :::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::*/

body.home .site-header-main.original { background-color: rgba(255,255,255,0) !important;}
/*body:not(.home) */.site-header-main.original, .site-header-main.floatable, #shiftnav-toggle-main {  background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #0ed9df), to(#1f62dc)) !important;  background: -webkit-linear-gradient(top, #0ed9df 10%, #1f62dc 100%) !important;  background: -o-linear-gradient(top, #0ed9df 10%, #1f62dc 100%) !important;  background: linear-gradient(to bottom, #0ed9df 10%, #1f62dc 100%) !important;}

.bigger-txt { font-size: 1.3em; font-weight: 300; line-height: 1.4em; font-style: italic; }
.home div#web > div > div , .home div#mobilite > div > div, .home div#gestion > div > div, .home div#cloud > div > div, .home div#infra > div > div, .home div#reseaux-cablage > div > div {min-height: 75vh; display: flex;}

/*---------------------- Intro ----------------------*/

#intro { min-height: calc(100vh - 132px) !important; margin-top: 0 !important;  padding-top: 0px !important; overflow: hidden !important;} 
#oci-pole, #oci-cat { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;}
#oci-cat > .vc_col-sm-3 { max-width: 255px;}
#intro h4 {margin-top: 10px !important;}
#intro .vc_wp_search { margin: 0 auto /*-40px*/ !important; width: 600px; }
#intro .search-field { width: 600px; height: 80px; padding-left: 56px; font-size: 16px; font-family: "Raleway", serif; font-weight: 300; letter-spacing: .5px; -webkit-box-shadow: 0 0 40px rgba(0, 81, 228, 0.56), ; box-shadow: 0 0 40px rgba(0, 81, 228, 0.56), ;}

#intro a.vc_single_image-wrapper img, #poles a.vc_single_image-wrapper img {}
#intro a.vc_single_image-wrapper:hover img, #poles a.vc_single_image-wrapper:hover img { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); -webkit-transition: ease-in-out .6s; -o-transition: ease-in-out .6s; transition: ease-in-out .6s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; position: relative;}
#intro a.vc_single_image-wrapper:after, #intro a.vc_single_image-wrapper:before, #poles a.vc_single_image-wrapper:after, #poles a.vc_single_image-wrapper:before  { opacity: 0 !important}
#intro .wpb_single_image .vc_figure, #intro .wpb_single_image .vc_figure a, #poles .wpb_single_image .vc_figure, #poles .wpb_single_image .vc_figure a { width: 100%;}
#intro .wpb_single_image .vc_figure a, #poles .wpb_single_image .vc_figure a {padding-bottom: 45px; margin-bottom: -45px; overflow: visible;}
#intro .wpb_single_image .vc_figure, #intro .wpb_single_image .vc_figure a img, #poles .wpb_single_image .vc_figure, #poles .wpb_single_image .vc_figure a img { margin: 0 auto;}
#intro #oci-pole .wpb_single_image .vc_figure a:before, #poles #oci-pole .wpb_single_image .vc_figure a:before  { width: 62px; height: 62px; background: rgba(98, 222, 249, 0.74); left: calc(50% - 31px);}

#reseaux-cablage, #cloud, #web, #mobilite, #gestion, #infra, #projet, #prefooter  {position: relative;}
#reseaux-cablage:before, #cloud:before, #web:before , #mobilite:before, #gestion:before, #infra:before, #projet:before, #prefooter:before {content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: .15;}

#web, #cloud, #projet, #datacenter {background: /*linear-gradient(to top, #E91E63 0%, #f41c0c 100%)*/ -webkit-gradient(linear, left bottom, left top, from(#1a3769), to(#194eaf)) !important;background: /*linear-gradient(to top, #E91E63 0%, #f41c0c 100%)*/ -webkit-linear-gradient(bottom, #1a3769 0%, #194eaf 100%) !important;background: /*linear-gradient(to top, #E91E63 0%, #f41c0c 100%)*/ -o-linear-gradient(bottom, #1a3769 0%, #194eaf 100%) !important;background: /*linear-gradient(to top, #E91E63 0%, #f41c0c 100%)*/ linear-gradient(to top, #1a3769 0%, #194eaf 100%) !important;}
/*#projet { background: linear-gradient(to top, #4e7600 10%, #e7e002 100%) !important;}*/
#web:before { background: url(images/web-bgs.jpg) no-repeat center; -webkit-background-size: cover; background-size: cover; } 
#prefooter:before { background: white; opacity: .7;}
#cloud:before { background: url(images/cloud-bgs.jpg) no-repeat center; -webkit-background-size: cover; background-size: cover; opacity: .2 }
#mobilite, #infra, #service {background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #26c1b2), to(#093fa0)) !important;background: -webkit-linear-gradient(top, #26c1b2 10%, #093fa0 100%) !important;background: -o-linear-gradient(top, #26c1b2 10%, #093fa0 100%) !important;background: linear-gradient(to bottom, #26c1b2 10%, #093fa0 100%) !important;} 
#mobilite:before { background: url(images/mobilite-bgs.jpg) no-repeat center; -webkit-background-size: cover; background-size: cover; }
#gestion:before { background: url(images/gestion-bgs.jpg) no-repeat center; -webkit-background-size: cover; background-size: cover; }
#infra:before { background: url(images/infra-bgs.jpg) no-repeat center; -webkit-background-size: cover; background-size: cover; }
#projet:before { background: url(images/projet.jpg) no-repeat center; -webkit-background-size: cover; background-size: cover; }
#reseaux-cablage:before { background: url(images/reseaux-bgs.jpg) no-repeat center; -webkit-background-size: cover; background-size: cover; }
.long-btn > * { width: 310px;}
/*.vc_row.wpb_row.vc_row-fluid.row-style-2 .wpb_content_element.redttl h3 {color: #eb394c!important; font-size: 1.05em;}*/
.vc_row.ss-cat {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-left: calc((-100vw + 1280px) / 3) !important; margin-right: calc((-100vw + 1280px) / 3) !important;}
.ss-cat > .wpb_column h3 { min-height: 24px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}
.row-style-1 .ss-cat > .wpb_column p { opacity: .7;}
#datacenter svg { fill:rgba(255,255,255,.5); width: 50px !important;}
.entry-content #intro h2 { font-size: 25px;}
#intro h2:after, #intro h2:before { display: none !important;}
#intro > div#rn-pbwp-div { position: absolute; z-index: 3; top: 0; left: 0;  background: none !important;}
#intro > .vc_col-sm-12:first-child { z-index: 4}
#rn-pbwp-text { display: none;}

.entry-content #intro #intro-pole { padding-left: calc((100vw - 1280px) / 2); padding-right: calc((100vw - 1280px) / 2);}
#intro-pole svg { width: 50px; height: 50px;}
.switch { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -12vh !important;}
.switch > div { -webkit-box-flex: 1; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%;}
.order1 {-webkit-box-ordinal-group: 0;-webkit-order: -1;-ms-flex-order: -1;order: -1;}

.after-intro {position: absolute; z-index: 3; padding: 0 !important; left: calc(50% - 250px); top: 57vh;}
.after-intro .long-btn a { min-width: 460px; border-radius: 50px; /*box-shadow: inset 0px -8px 15px rgba(0, 0, 0, 0.1) !important;*/}
.go-down > div > div > p {text-align: center;}
.go-down svg { width: 40px; height: 40px;}

.pulser2 > a {-webkit-animation: pulsar2 2s infinite;animation: pulsar2 2s infinite;}
.pulser3 > a {-webkit-animation: pulsar3 2s infinite;animation: pulsar3 2s infinite;}
.pulser > a {-webkit-animation: pulsar 2s infinite;animation: pulsar 2s infinite;}

@-webkit-keyframes pulsar {
  0% { -webkit-box-shadow: 0 0 0 0 rgba(244, 28, 12, 0.4);}
  70% { -webkit-box-shadow: 0 0 0 10px rgba(244, 28, 12, 0);}
  100% { -webkit-box-shadow: 0 0 0 0 rgba(244, 28, 12, 0);}
}
@keyframes pulsar {
  0% { -webkit-box-shadow: 0 0 0 0 rgba(244, 28, 12, 0.6); box-shadow: 0 0 0 0 rgba(244, 28, 12, 0.6);}
  70% { -webkit-box-shadow: 0 0 0 10px rgba(244, 28, 12, 0); box-shadow: 0 0 0 10px rgba(244, 28, 12, 0);}
  100% { -webkit-box-shadow: 0 0 0 0 rgba(244, 28, 12, 0); box-shadow: 0 0 0 0 rgba(244, 28, 12, 0);}
}

@-webkit-keyframes pulsar2 {
  0% { -webkit-box-shadow: 0 0 0 0 rgba(31, 88, 191, 0.4);}
  70% { -webkit-box-shadow: 0 0 0 10px rgba(31, 88, 191, 0);}
  100% { -webkit-box-shadow: 0 0 0 0 rgba(31, 88, 191, 0);}
}
@keyframes pulsar2 {
  0% { -webkit-box-shadow: 0 0 0 0 rgba(31, 88, 191, 0.6); box-shadow: 0 0 0 0 rgba(31, 88, 191, 0.6);}
  70% { -webkit-box-shadow: 0 0 0 10px rgba(31, 88, 191, 0); box-shadow: 0 0 0 10px rgba(31, 88, 191, 0);}
  100% { -webkit-box-shadow: 0 0 0 0 rgba(31, 88, 191, 0); box-shadow: 0 0 0 0 rgba(31, 88, 191, 0);}
}

@-webkit-keyframes pulsar3 {
  0% { -webkit-box-shadow: 0 0 0 0 rgba(9, 63, 160, 0.4);}
  70% { -webkit-box-shadow: 0 0 0 10px rgba(9, 63, 160, 0);}
  100% { -webkit-box-shadow: 0 0 0 0 rgba(9, 63, 160, 0);}
}
@keyframes pulsar3 {
  0% { -webkit-box-shadow: 0 0 0 0 rgba(9, 63, 160, 0.6); box-shadow: 0 0 0 0 rgba(9, 63, 160, 0.6);}
  70% { -webkit-box-shadow: 0 0 0 10px rgba(9, 63, 160, 0); box-shadow: 0 0 0 10px rgba(9, 63, 160, 0);}
  100% { -webkit-box-shadow: 0 0 0 0 rgba(9, 63, 160, 0); box-shadow: 0 0 0 0 rgba(9, 63, 160, 0);}
}


/*---------------------- Digitalisez ----------------------*/

.vc_row.wpb_row.vc_row-fluid.row-style-3 .wpb_content_element.redttl h3 {letter-spacing: 0.1em; color: #ffffff !important; text-transform: none; font-size: 22px !important; font-weight: 400 !important;}
.home #projet .bigger-p { font-size: 15px; line-height: 20px;}
.home #projet .bigger-p strong {color: #53d6dd;}


/*---------------------- Pages ----------------------*/

.entry-header-wrapper { overflow: visible; position: relative; z-index: 1;}
.intro { position: relative;}
.intro:after {visibility: visible !important; content:"" !important; background: -webkit-gradient(linear, left bottom, left top, from(rgba(25,78,175,.2)), to(#194eaf)) !important;background: -webkit-linear-gradient(bottom, rgba(25,78,175,.2) 0%, rgba(25,78,175,1) 100%) !important; background:  -ms-linear-gradient(bottom, rgba(25,78,175,.2) 0%, rgba(25,78,175,1) 100%) !important; background: -o-linear-gradient(bottom, rgba(25,78,175,.2) 0%, #194eaf 100%) !important;background: linear-gradient(to top, rgba(25,78,175,.2) 0%, #194eaf 100%) !important; display: block !important; width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0;}
.vc_row.wpb_row.vc_row-fluid.row-style-1.intro .wpb_content_element h3 {color: #0ed9df !important;}
h1.entry-title { text-align: center; text-transform: uppercase; letter-spacing: .2em; margin-top: 70px;}
body:not(.home) .wpb_content_element svg { width: 70px; height: 70px}
#solutions h2 { font-size: 1.7em; text-transform: none; color: #16418d;}
#softs h2  {font-size: 1.8em; text-transform: none;}
#softs {background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #1fa2ad), to(#093fa0)) !important;background: -webkit-linear-gradient(top, #1fa2ad 10%, #093fa0 100%) !important;background: -o-linear-gradient(top, #1fa2ad 10%, #093fa0 100%) !important;background: linear-gradient(to bottom, #1fa2ad 10%, #093fa0 100%) !important}
.vc_row.vc_column-gap-30>.vc_column_container { padding: 15px 30px !important;}
.vc_parallax.vc_parallax-content-moving { position: relative;}
.vc_parallax.vc_parallax-content-moving:before { content: ''; display: block !important; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 0.85); z-index: 1;}
.wpb_image_grid_ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.wpb_image_grid_ul > li { position: relative !important; top: 0 !important; left: 0 !important; margin: 0 5px 10px !important;}
.wpb_image_grid_ul > li img {border: 1px solid rgba(0,0,0,.10); border-radius: 4px;}

#services h2 {  font-size: 20px;}

#assistance {min-height: calc(100vh - 55px - 153px);}
 
/*--------------------- MegaMenu Hack --------------------- */

#site-header-menu, .main-navigation .primary-menu, #menu-main-menu > li.mega { position: inherit;}
[id*="menu-main-menu"] > li > ul.sub-menu > li > ul.sub-menu {z-index: 0;}
.main-navigation a:focus, .current-menu-item > a, #menu-main-menu > li:hover > a  { opacity: 1;}
.dropdown-toggle { display: none;}
#menu-main-menu > li > a { line-height: 70px; padding: 10px;}
#menu-main-menu > li.mega:hover > ul.sub-menu, 
#menu-main-menu > li.mega > ul.sub-menu:hover {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; min-width: inherit; padding: 15px 0px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#menu-main-menu > li.mega:hover > ul.sub-menu > li > ul.sub-menu, #menu-main-menu > li.mega > ul.sub-menu:hover > li > ul.sub-menu { display: block;}
#menu-main-menu > li.mega > ul.sub-menu > li.menu-item:hover > ul.sub-menu { position: relative; top: 0; left: 0; z-index: inherit;}
#menu-main-menu > li.mega > ul.sub-menu > li > a:hover { background: none;}
#menu-main-menu > li.mega > ul.sub-menu > li:hover > a { }
.main-navigation .menu-item-has-children > a {margin-right: 0px;}
#menu-main-menu > li.mega:hover > ul.sub-menu > li { -webkit-box-flex: 1; -webkit-flex: 1 1 14%; -ms-flex: 1 1 14%; flex: 1 1 14%; padding: 0 20px; border-bottom: none !important; max-width: calc(100% / 6); min-width: calc(100% / 6); }
#menu-main-menu > li.mega:hover > a { color: #1d3869;}
.mega:hover > a { position: relative;}
.mega:hover > a:after { content: ''; height: 25px; width: 1px; display: block; position: absolute; bottom: 0; left: 50%; border-left: 1px dashed white;}
#menu-main-menu > li.mega:hover > ul.sub-menu > li:not(:first-child){border-left: 1px solid rgba(0, 0, 0, 0.1);}
#menu-main-menu > li.mega:hover > ul.sub-menu, #menu-main-menu > li.mega > ul.sub-menu:hover { left:0; width: 100vw; margin: 0 calc((100vw - 1280px) / 2); max-width: 1263px;}
#menu-main-menu > li.mega > ul.sub-menu > li:hover > a { background: none;}
#menu-main-menu > li.mega > ul.sub-menu > li > ul.sub-menu > li:last-child { margin-bottom: 10px;}
#menu-main-menu > li.mega > ul.sub-menu > li > ul.sub-menu > li:not(:last-child), #menu-main-menu > li.mega > ul.sub-menu > li > ul.sub-menu > li ul.sub-menu li:not(:last-child) { border-bottom: 0px;}
#menu-main-menu > li.mega > ul.sub-menu > li > a { padding-left: 0; padding-bottom: 0; margin-bottom: 10px; font-size: 11px; line-height: 14px;  }
.main-navigation #menu-main-menu > li.mega > ul > li > .sub-menu a { padding: 0; text-transform: none !important;  -o-transition: all linear .3s; transition: all linear .3s; -moz-transition: all linear .3s; -webkit-transition: all linear .3s; opacity: .6; font-size: 12px; line-height: 28px;}
.main-navigation #menu-main-menu > li.mega > ul > li > .sub-menu li:hover > a { background: none !important; opacity: 1;  -o-transition: all linear .3s; transition: all linear .3s; -moz-transition: all linear .3s; -webkit-transition: all linear .3s;}
#menu-main-menu > li.mega > ul.sub-menu > li > ul.sub-menu > li ul.sub-menu { position: relative !important; padding-left: 15px; display: block !important;}

#menu-main-menu > li.mega:hover > ul.sub-menu > li > ul { min-width: inherit; background: transparent;}
#menu-main-menu > li.mega:hover > ul.sub-menu > li:hover > a {color: #14abdd;}
#menu-main-menu > li.mega:hover > ul.sub-menu > li > ul > li:hover > a { color: #1d3869; -webkit-text-decoration: underline dashed; text-decoration: underline dashed;}
#menu-main-menu > li.mega:hover > ul.sub-menu > li > ul li > a { color: #14abdd; text-transform: uppercase !important; font-size: 10px; opacity: 1; line-height: 12px; padding: 8px 0;}


/*---------------------- Pôles ----------------------*/

#poles a.vc_btn3 { -webkit-box-shadow: inset 0px -8px 15px rgba(0, 0, 0, 0.1) !important; box-shadow: inset 0px -8px 15px rgba(0, 0, 0, 0.1) !important;}
#poles a.vc_btn3:hover { background-color: #194eaf !important; border: 1px solid #527ac3; color: white !important}


/*---------------------- ADN ----------------------*/

#adn-ico { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;}
#adn-ico > div { width: inherit; -webkit-box-flex: 1; -ms-flex: 1 1 17%; -webkit-flex: 1 1 17%; flex: 1 1 17%;}


/*---------------------- Actus ----------------------*/

.vc_gitem-post-data-source-post_title > h4 a {line-height: 1.2em;}
.vc_row.wpb_row.vc_row-fluid.row-style-3 .vc_gitem-post-data.vc_gitem-post-data-source-post_date {color: #acf9ff !important;}
#actus .vc_gitem_row .wpb_single_image a { background: white;}
/*#actus .vc_gitem_row .wpb_single_image a > img {-webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: .6}*/
#actus a.vc_single_image-wrapper:after {background-color: rgba(25, 183, 255, 0.62);}
#actus .vc_btn3-container button:hover {background: white !important; border-color: white !important; color: rgb(25, 79, 175) !important;}
.vc_gitem-post-data.vc_gitem-post-data-source-post_date div {letter-spacing: 2px;}
body:not(.home) .vc_gitem-post-data-source-post_title > h3 {line-height: 1em !important;}
body:not(.home) .vc_gitem-post-data-source-post_title > h3 a { font-weight: 300 !important; color: #1f58bf !important; line-height: 1em !important; font-size: 16px;}
body.home .vc_gitem-post-data.vc_gitem-post-data-source-post_date { color: #e91b0b!important; font-weight: 600;}
.vc_gitem-post-data.vc_gitem-post-data-source-post_date div {font-size: 8px !important;}
body:not(.home) #actus .vc_btn3.vc_btn3-shape-round:not(:hover) { background-color: #194eaf !important; color: white !important;}
body:not(.home) #actus .vc_btn3.vc_btn3-shape-round:hover {border-color: #dcdcdc !important; -webkit-box-shadow: inset 0px 8px 15px rgba(0, 0, 0, 0.05) !important; box-shadow: inset 0px 8px 15px rgba(0, 0, 0, 0.05) !important;}

.actu-zone a.vc_btn3-style-gradient-custom {color: #ffffff; border: none; background-color: #f41c0c; background-image: -webkit-linear-gradient(left, #f41c0c 0%, #e91e63 50%,#f41c0c 100%); background-image: -webkit-gradient(linear, left top, right top, from(#f41c0c), color-stop(50%, #e91e63),to(#f41c0c)); background-image: -o-linear-gradient(left, #f41c0c 0%, #e91e63 50%,#f41c0c 100%); background-image: linear-gradient(to right, #f41c0c 0%, #e91e63 50%,#f41c0c 100%); -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-background-size: 200% 100%; background-size: 200% 100%;}
/*.actu-zone a.vc_btn3-style-gradient-custom:*/

.post-navigation .meta-nav { border-radius: 24px; padding: 11px 16px 9px;}
.post-navigation .nav-next .meta-nav:before, .post-navigation .nav-previous .meta-nav:after {font-size: 9px !important; font-weight: 300 !important; letter-spacing: 2.5px;}
.post-navigation .nav-next .meta-nav:after {content: "\f105";}
.post-navigation .nav-previous .meta-nav:before {content: "\f104";}

.post .entry-title {  margin-bottom: 0 !important;}

.page-id-371 #actus a.vc_single_image-wrapper:after { background-color: rgba(49, 123, 255, 0.55);}
.vc_basic_grid.actus-grid > .vc_grid > .vc_pageable-slide-wrapper > .vc_grid-item { -webkit-box-flex: inherit; -ms-flex: inherit; -webkit-flex: inherit; flex: inherit; max-width: inherit; max-width: inherit;}


/*---------------------- Form ----------------------*/

.wpcf7-form-control-wrap:before, .project-share-overlay .share-button.entry-share:after { color: #848c9a;}
.wpcf7-form-control-wrap.nom:before, .wpcf7-form-control-wrap.prenom:before {top: 16px; left: 14px; content: "\f007";}
.wpcf7-form-control-wrap.email:before {top: 15px; left: 12px;}
.wpcf7-form-control-wrap.tel:before {top: 16px; left: 14px;}


span.wpcf7-not-valid-tip, div.wpcf7-validation-errors {background: -webkit-gradient(linear,right top,left top,from(#E91E63),to(#f41c0c))!important;
    background: -webkit-linear-gradient(right,#E91E63 0%,#f41c0c 100%)!important;
    background: -o-linear-gradient(right,#E91E63 0%,#f41c0c 100%)!important;
    background: linear-gradient(to left,#E91E63 0%,#f41c0c 100%)!important;}

div.wpcf7-mail-sent-ok {border-radius: 4px; padding: 4px 9px; color: white; margin: -7px 0 15px 0; font-weight: 500; border: 0!important; font-size: 10px; float: right;background: -webkit-gradient(linear,right top,left top,from(#25beb1),to(#0a40a0))!important;
    background: -webkit-linear-gradient(right,#25beb1 0%,#0a40a0 100%)!important;
    background: -o-linear-gradient(right,#25beb1 0%,#0a40a0 100%)!important;
    background: linear-gradient(to left,#25beb1 0%,#0a40a0 100%)!important;}

.form-condition {margin-top: 0px;margin-bottom: 10px;}
.form-condition {font-size: .85em;line-height: 1.2em !important;letter-spacing: .02em;    font-style: italic;}
.confirmation-form {font-weight: bold;text-transform: uppercase;line-height: 39px;font-style: italic;font-size: .85em;}
.wpcf7-form-control-wrap.confirmation {width: auto;}


/*---------------------- Footer ----------------------*/

.wpb_widgetised_column.prefooter { margin-bottom: 0px !important; margin-left: -15px; margin-right: -15px;}
.wpb_widgetised_column.prefooter > .wpb_wrapper > div { float: left;}
.wpb_widgetised_column.prefooter h3.widget-title {font-size: 24px; letter-spacing: .2em; line-height: 1.15em; font-weight: 800; text-align: center; margin-bottom: 30px;}
#black-studio-tinymce-20 { width: 25%; padding: 40px 15px 60px;}
body:not(.home):not(.page-id-2398) #black-studio-tinymce-20 .widget-title, body.home #black-studio-tinymce-20 h2, body.page-id-2398 #black-studio-tinymce-20 h2 { display: none !important}
#black-studio-tinymce-20 h2 {font-size: 24px; letter-spacing: .2em; line-height: 1.15em; font-weight: 800; text-align: center; margin-bottom: 30px;}
#black-studio-tinymce-19 { width: 75%; padding: 40px 15px 60px;}
#black-studio-tinymce-21 { float: none; clear: both; padding-left: calc((100vw - 1280px) / 2); padding-right: calc((100vw - 1280px) / 2); margin-left: calc((-1 * (100vw - 1280px)) / 2); margin-right: calc((-1 * (100vw - 1280px)) / 2); background: #144090;}
#black-studio-tinymce-21 h3 { color: white;}
#black-studio-tinymce-20 .vc_btn3{font-family: "Open Sans", serif !important; color: #ffffff; border: none; background-color: #26c1b2;
    background-image: -webkit-linear-gradient(left,#26c1b2 0%,#093fa0 50%,#26c1b2 100%);
    background-image: linear-gradient(to right,#26c1b2 0%,#093fa0 50%,#26c1b2 100%);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background-size: 200% 100%; padding: 11px 20px; line-height: 14px;}
#black-studio-tinymce-20 .vc_btn3:hover {}
#black-studio-tinymce-21 a:hover > svg{ -webkit-transform: rotateY(360deg); transform: rotateY(360deg); -webkit-transition: ease-in-out .6s; -o-transition: ease-in-out .6s; transition: ease-in-out .6s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; position: relative;}
#black-studio-tinymce-21 .vc_col-lg-2 { width: calc(100% / 6);}
.wpb_widgetised_column.prefooter #intro-pole { padding-top: 35px !important; padding-bottom: 15px !important;}

/*---------------------- GDPR ----------------------*/

div.wpgdprc.wpgdprc-consent-bar {padding-left: calc((100vw - 1280px) / 2); padding-right: calc((100vw - 1280px) / 2);background: -webkit-gradient(linear, right top, left top, from(#E91E63), to(#f41c0c)) !important;background: -webkit-linear-gradient(right, #E91E63 0%, #f41c0c 100%) !important;background: -o-linear-gradient(right, #E91E63 0%, #f41c0c 100%) !important;background: linear-gradient(to left, #E91E63 0%, #f41c0c 100%) !important;}
.wpgdprc-form.wpgdprc-form--access-request > p:first-child:after  { font-style: italic;}
.wpgdprc-form.wpgdprc-form--access-request > p:first-child:after  { font-size: .85em; line-height: 1.2em !important; margin-bottom: 0; letter-spacing: .02em; margin-top: 10px;}
.wpcf7-form-control-wrap:before, .project-share-overlay .share-button.entry-share:after, .mailpoet_form > .mailpoet_paragraph:before, .wpgdprc-form.wpgdprc-form--access-request > p:first-child:before  { position:absolute;  font-family: "FontAwesome"; font-style: normal; font-weight: normal; font-size: 13px;}
.wpcf7-form .vc_btn3.vc_btn3-size-sm, input[name="wpgdprc_submit"] {padding: 14px 16px;}
.wpgdprc-form.wpgdprc-form--access-request label {font-weight: bold; text-transform: uppercase; line-height: 39px; font-style: italic; font-size: .85em; }
#wpgdprc-form__email {padding: 12px 15px 12px 32px;}
.wpgdprc-form.wpgdprc-form--access-request > p { position: relative; text-align: center !important;}
.wpgdprc-form.wpgdprc-form--access-request > p:first-child:before {content: "\f0e0"; top: 14px; left: 10px;} 
.wpgdprc-form.wpgdprc-form--access-request > p:first-child:after {content:"(1) Je demande à exercer mon droit de visualisation de mes données personnelles stockées par ce site. Mon e-mail sera transféré uniquement afin de pouvoir retrouver mes identifiants et accéder à ma requète."; display:block; margin-top: 15px; }
input[name="wpgdprc_submit"] { border-radius: 3px !important; border: none;}
div.wpgdprc div.wpgdprc-message--notice {background: #ffffff !important; border-color: #ffffff !important;}
div.wpgdprc-consent-bar { padding-top: 20px !important; padding-bottom: 20px !important;}
div.wpgdprc-consent-bar div.wpgdprc-consent-bar__container { display: block !important;}
div.wpgdprc-consent-bar div.wpgdprc-consent-bar__content { margin: 0 -10px; width: calc(100% + 20px) !important; justify-content: space-between;}
div.wpgdprc-consent-bar div.wpgdprc-consent-bar__content > .wpgdprc-consent-bar__column:first-child {width: 100%;}
div.wpgdprc-consent-bar div.wpgdprc-consent-bar__notice {max-width: inherit !important;}
a.wpgdprc-consent-bar__settings { white-space: nowrap;}
div.wpgdprc-consent-bar .wpgdprc-consent-bar__button { padding: 12px 16px !important; border: none; border-radius: 4px; white-space: nowrap !important;}
div.wpgdprc-consent-bar .wpgdprc-consent-bar__button:before { content: "\f00c"; font: normal normal normal 14px/1 FontAwesome; margin-right: 6px;  position: relative; top: 1px;}
a.wpgdprc-consent-bar__settings { text-decoration: none !important; padding: 10px 16px 12px; border: 1px solid currentColor; border-radius: 4px !important; display: inline-block;}
a.wpgdprc-consent-bar__settings:before { content: "\f013"; font: normal normal normal 14px/1 FontAwesome !important; margin-right: 5px !important; position: relative; top: 1px;}
div.wpgdprc-consent-modal nav.wpgdprc-consent-modal__navigation > a:after { content: "\f013"; font: normal normal normal 14px/1 FontAwesome !important; position: absolute; top: 13px; right: 16px;}
div.wpgdprc-consent-modal footer.wpgdprc-consent-modal__footer a.wpgdprc-button:before { content: "\f0c7"; font: normal normal normal 14px/1 FontAwesome !important; margin-right: 5px !important;  position: relative; top: 1px;}
div.wpgdprc-consent-modal div.wpgdprc-consent-modal__container { border: 0 !important; border-radius:4px;}
div.wpgdprc.wpgdprc-consent-modal p strong, div.wpgdprc div.wpgdprc-checkbox label { text-transform: uppercase; letter-spacing: .1em !important;}
div.wpgdprc.wpgdprc-consent-modal p:last-child { margin-top:30px !important; font-style: italic !important;}
div.wpgdprc-consent-modal nav.wpgdprc-consent-modal__navigation {background: #f3f3f3 !important; border-right: 0 !important;}
div.wpgdprc a.wpgdprc-button, div.wpgdprc a.wpgdprc-button:hover, div.wpgdprc a.wpgdprc-button:focus { border: 0; padding: 12px 16px; border-radius: 4px; box-shadow: 0px 0px 30px rgba(0,0,0,.07); line-height: 17px !important;}
div.wpgdprc-consent-modal .wpgdprc-consent-modal__overlay div.wpgdprc-consent-modal__container { height: 50vh;}
div.wpgdprc-consent-modal footer.wpgdprc-consent-modal__footer { border-top: 3px double #f3f3f3 !important; height: inherit !important; justify-content: flex-end;}
div.wpgdprc-consent-modal footer.wpgdprc-consent-modal__footer a.wpgdprc-button { box-shadow: none !important; margin: 30px 0;}
div.wpgdprc-consent-modal nav.wpgdprc-consent-modal__navigation > a { padding: 12px 37px 12px 16px; color: white; position: relative;}
div.wpgdprc-consent-modal nav.wpgdprc-consent-modal__navigation > a, div.wpgdprc-consent-modal nav.wpgdprc-consent-modal__navigation > a:hover, div.wpgdprc-consent-modal nav.wpgdprc-consent-modal__navigation > a:focus { transition: all linear .3s;}
div.wpgdprc .wpgdprc-button.wpgdprc-button--active, div.wpgdprc .wpgdprc-button.wpgdprc-button--active:hover, div.wpgdprc .wpgdprc-button.wpgdprc-button--active:focus { background: white !important;}
div.wpgdprc .wpgdprc-switch .wpgdprc-switch-inner:after { background-color: #bdbdbd;}
div.wpgdprc .wpgdprc-switch .wpgdprc-switch-inner:after { padding: 0 4px; background-color: #bdbdbd !important;}
div.wpgdprc .wpgdprc-switch .wpgdprc-switch-inner:before { padding: 0 0px;}
div.wpgdprc button.wpgdprc-button, div.wpgdprc button.wpgdprc-button:hover, div.wpgdprc button.wpgdprc-button:focus { color: #2b2b2b;}
div.wpgdprc-consent-modal button.wpgdprc-consent-modal__close, div.wpgdprc-consent-modal button.wpgdprc-consent-modal__close:hover, div.wpgdprc-consent-modal button.wpgdprc-consent-modal__close:focus { color: #f44336 !important; font-size: 11px !important;}
div.wpgdprc-consent-bar { z-index: 10000 !important;}
h2.wpgdprc-title { margin-top: 15px;}
.wpgdprc { text-align: center;}
div.wpgdprc p, div.wpgdprc a, div.wpgdprc button, div.wpgdprc h3, div.wpgdprc button, div.wpgdprc label{font-family: 'Open Sans' !important;}
div.wpgdprc-consent-modal footer.wpgdprc-consent-modal__footer a.wpgdprc-button {background: -webkit-gradient(linear, right top, left top, from(#E91E63), to(#f41c0c)) !important;background: -webkit-linear-gradient(right, #E91E63 0%, #f41c0c 100%) !important;background: -o-linear-gradient(right, #E91E63 0%, #f41c0c 100%) !important;background: linear-gradient(to left, #E91E63 0%, #f41c0c 100%) !important;}
div.wpgdprc-consent-modal nav.wpgdprc-consent-modal__navigation>a:first-child, div.wpgdprc-consent-modal nav.wpgdprc-consent-modal__navigation>a:first-child:focus, div.wpgdprc-consent-modal nav.wpgdprc-consent-modal__navigation>a:first-child:hover {color: #ffffff;background: -webkit-gradient(linear, right top, left top, from(#E91E63), to(#f41c0c)) !important;background: -webkit-linear-gradient(right, #E91E63 0%, #f41c0c 100%) !important;background: -o-linear-gradient(right, #E91E63 0%, #f41c0c 100%) !important;background: linear-gradient(to left, #E91E63 0%, #f41c0c 100%) !important;}
div.wpgdprc .wpgdprc-switch .wpgdprc-switch-inner:before{text-align: left;}
.wpgdprc.wpgdprc-consent-bar:before {content: ' ';display: block;position: fixed;top: 0;left: 0;width: 100vw;height: calc(100vh - 83px);background-color: rgba(0, 0, 0, 0.7);color: black;z-index: -1;}

@media screen and (max-width: 768px) {
    .wpgdprc.wpgdprc-consent-bar:before {height: calc(100vh - 97px);}
}

@media screen and (max-width: 375px) {
    .wpgdprc.wpgdprc-consent-bar:before {height: calc(100vh - 190px);}
}

@media screen and (max-width: 320px) {
    .wpgdprc.wpgdprc-consent-bar:before {height: calc(100vh - 209px);}
}

@media screen and (max-width: 1340px) {
    div.wpgdprc.wpgdprc-consent-bar {padding-left: calc(.1vw + 30px); padding-right: calc(.1vw + 30px);}
}

@media screen and (max-width: 599px) {     
    div.wpgdprc-consent-bar div.wpgdprc-consent-bar__content { flex-wrap: wrap; justify-content: center; text-align: center !important;}
    div.wpgdprc-consent-bar div.wpgdprc-consent-bar__column:nth-child(2) { padding: 15px 10px;}
    div.wpgdprc-consent-modal footer.wpgdprc-consent-modal__footer {justify-content: center;}
}   

/*::::::::::::::::::::::::::::::::::::::::::::::::::::
:::::::::::::::::::: Responsive ::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::*/

@media screen and (max-width: 1440px) and (min-width: 1025px) {
    .after-intro { top: 62vh;}
}

@media screen and (max-width: 1340px) {
    #black-studio-tinymce-21 { padding-left: 0; padding-right: 0; margin-left: calc(-.1vw - 30px); margin-right: calc(-.1vw - 30px);}
}

@media screen and (min-width: 1025px) {
    .ss-cat > .wpb_column { width: calc(100% / 7);}
}

@media screen and (max-width: 1024px) {
    .file-row .vc_col-md-4, .file-row .vc_col-sm-4 { line-height: 45px; }
    iframe[src*="https://www.facebook.com/"] { height: calc(((50vw - (.1vw + 30px)) / 16) * 9);}
    .vc_row.vc_column-gap-30>.vc_column_container { padding: 15px 15px !important;}
    .entry-content h1, .entry-summary h1, .comment-content h1 { font-size: 35px;}
    #intro { min-height: calc(100vh - 50px) !important;}
    .after-intro { top: 68vh;}
    .vc_row.ss-cat { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
    .home .entry-content > div.vc_row:nth-child(n+4):not(#map):not(#prefooter) > div > div { min-height: 100vh; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
    .vc_row.wpb_row.vc_row-fluid.row-style-3 .wpb_content_element.redttl h3 {font-size: 19px !important;}
    .home #projet .bigger-p { font-size: 14px; line-height: 19px;}
    .row-style-3#projet svg { width: 60px; height: 60px;}
    .after-intro { width: 100%; left: 15px;}
}



@media screen and (max-width: 1023px) {  
    .site-header-main ul[id*="menu-social-menu"] a, #shiftnav-toggle-main .menu-social-menu-container a, .shiftnav-main-toggle-content-before a { border : 0;}
    ul[id*="menu-social-menu"] {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
    ul[id*="menu-social-menu"] li:not(:first-child) {margin-left: 5px;}
    .vc_row.ss-cat { margin-left: 0 !important; margin-right: 0 !important;}
    .bigger-txt {font-size: 1.15em;}
    #projet h4 {font-size: 10px; letter-spacing: .25em; line-height: 1.25em; font-weight: 600;}
    .sm_mt6 h4{margin-top: 6px;}
}

@media screen and (max-width: 1024px) and (min-width: 600px) {
    .entry-content h1, .entry-summary h1, .comment-content h1 { font-size: 51px;}
}

@media screen and (max-width: 1024px) and (min-width: 769px) {
    .main-navigation li:not(:first-child) { border-top: 0;}
    .main-navigation [id*="menu-main-menu"] > li:not(:first-child) { padding: 0 0 0 15px;}
    #site-header-menu { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; margin: 0 !important;}
    .site-title a[rel="home"]:not(.txt-link) { height: 30px;}
    #intro > div{position: relative;}
    #black-studio-tinymce-20 { width: calc(100% / 3);}
    #black-studio-tinymce-19 { width: calc((100% / 3) * 2);}
    .after-intro { width: 100%; left: 15px;}
    .entry-content h1, .entry-summary h1, .comment-content h1 { font-size: 51px;}
    .after-intro { top: 74vh;}
}

@media screen and (max-width: 768px) {
    .postul-col .wpcf7 {max-width: 100%;}
    body:not(.page-id-12) .wpcf7 form .wpb_row.file-row {height: 90px; display: block !important; text-align: left !important }
    .file-row input[type="file"] {margin-top: 0px;}
    body:not(.page-id-2293) .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item.vc_col-sm-6 { padding-bottom: 0 !important;}
    iframe[src*="https://www.facebook.com/"] { height: calc(((100vw - (.2vw + 60px)) / 16) * 9);}
    #black-studio-tinymce-20, #black-studio-tinymce-19 { width: 100%;}
    #black-studio-tinymce-20 {padding-bottom: 0px;}
    
}

@media screen and (max-width: 768px) and (min-width: 600px) {
    #adn-ico .vc_single_image-wrapper img{width: 70px;}
     body.page-id-12 .file-row input[type="file"] { padding: 12px 5px !important;}
    body.page-id-12 .wpcf7-form-control-wrap.Cv { margin-bottom: 0px;}
    #serv-perso .vc_col-sm-2 { width: 20%;}
    #assistance {min-height: calc(100vh - 55px - 164px);}
}

@media screen and (max-width: 767px) {
    .content-job .thumb-mask { width: 101vw; right: -17px;}
    .postul-col > .vc_column-inner { padding-left: 15px !important;}
    .wpcf7 form > .file-row > div {padding-right: 15px !important; padding-left: 15px !important;}
    .postul-col .required-infos { text-align: left;}
    .postul-col .wpb_row.submit_row { margin-bottom: -25px !important;}
    .job-socialshare { text-align: left; margin-top: 30px; padding-left: 0px !important;}
    ul.the_champ_sharing_ul { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start;}
    .search-result-bloc:not(:first-child) { border-top: 0;}
    body.home .wpcf7 textarea { height: 171px;}
    div.vc_custom_1524040652471 {padding-right: 0px !important; padding-left: 0px !important;}
    
}

@media screen and (max-width: 700px) {
    .menu-social-menu-container { display: block;}
}

@media screen and (min-width: 600px) {
    #oci-pole > .vc_col-sm-2 { }
}

@media screen and (max-width: 599px) {
    #intro h2 {font-size: 14px !important; margin-bottom: -3px !important;}
    #intro h1 {font-size: 24px !important;}
    #intro .search-field { width: calc(100vw - 30px); padding-right: 15px; font-size: 13px;}
    .search-field.sf-mob, div#oci-pole, #adn-ico { display: block;}
    .search-field:not(.sf-mob) { display: none;}
    body:not(.home) .wpb_text_column > .wpb_wrapper > h2, body.home .wpb_text_column > .wpb_wrapper > h1, body.home .entry-content h2, body:not(.home) .entry-content h3, .entry-summary h3, .comment-content h3, .intro-job h1.entry-title { display: block; width: 100%; text-align: center;}
    body.home .entry-content h2 { margin-bottom: 7px !important;}
    div.entry-content .wpb_text_column:not(.job-tags) > div:not(.job-socialshare) h4, div.entry-summary h4, div.comment-content h4 { font-size: 9px !important;}
    .subttl + .vc_empty_space { display: none;}
    .success-home > div:not(:last-child) { margin-bottom: 30px;}
    #success .vc_grid-item { margin-bottom: 30px !important;}
    .vc_gitem-post-data-source-post_title h4 { letter-spacing: inherit; text-transform: none !important;}
    .vc_gitem-zone.actu-zone > .vc_gitem-zone-mini:first-child > .vc_row.vc_gitem-row-position-bottom .vc_col-sm-4 {min-width: 150px; max-width: 150px;}
    .vc_gitem-zone.actu-zone > .vc_gitem-zone-mini:first-child > .vc_row.vc_gitem-row-position-bottom .vc_col-sm-4 .wpb_single_image { margin-bottom: 0 !important;}
    body:not(.home) div.vc_gitem-post-data.vc_gitem-post-data-source-post_date {margin-top: 10px;}
    body:not(.home) div.vc_gitem-post-data.vc_gitem-post-data-source-post_excerpt {margin-bottom: 15px !important;}
    body:not(.home) div.vc_gitem-post-data.vc_gitem-post-data-source-post_excerpt + div {margin-bottom: 30px !important;}
    h1.entry-title, .post .wpb_text_column, .intro, .ou-quoi, .content-job, .job-socialshare, .job-tags { text-align: center;}
    body.page-id-12 .file-row { height: 90px;}
    body.page-id-12 .file-row input[type="file"] { padding: 5px 0px !important;}
    ul.the_champ_sharing_ul { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;}
    #menu-social-menu-1 { display: none;}
    #shiftnav-toggle-main span.shiftnav-main-toggle-content { margin-left: 20px;}
    #shiftnav-toggle-main-button { margin-right: 18px;}
    #shiftnav-toggle-main .shiftnav-main-toggle-content-after {margin-left: 10px;}
    div.entry-content h3, div.entry-summary h3, div.comment-content h3 { font-size: 10px !important;}
    #intro-pole > div { margin-bottom: 15px; margin-top: 15px;}
    #shiftnav-toggle-main .shiftnav-main-toggle-content-after { width: auto !important;}
    .after-intro{ }
    .after-intro .long-btn a { min-width: 310px;}
    #shiftnav-toggle-main { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;}
    .bigger-txt br { display: none;}
    .long-btn + .long-btn { margin-top: 10px;}
    .ss-cat > div > div > .wpb_wrapper > div:first-child {float: left; margin-right: 15px;}
    .ss-cat > div > div > .wpb_wrapper svg { width: 60px; height: 60px;}
    .ss-cat > div > div > .wpb_wrapper > div:nth-child(1) p { opacity: 1;}
    .ss-cat > div > div > .wpb_wrapper > div:nth-child(2) { margin-bottom: 0 !important;}
    .ss-cat > div > div > .wpb_wrapper > div:nth-child(2) h3 {text-align: left !important; margin-bottom: -5px; display: block; font-size: 11px !important;}
    .ss-cat > div > div > .wpb_wrapper > div:nth-child(2) h3 br { display: none;}
    .ss-cat > div > div > .wpb_wrapper > div:nth-child(3) p {text-align: left !important;}
    #black-studio-tinymce-21 { display: none;}
    h1.entry-title {margin-top: 40px;}
    .entry-header-wrapper { height: 56px;}
    #softs .wpb_image_grid_ul { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start;}
    #softs .wpb_image_grid_ul > li {width: calc((100% / 3) - 10px);}
    #solutions { padding-top: 30px !important;}
    #black-studio-tinymce-20 { padding-top: 15px;}
    #black-studio-tinymce-19 { padding-bottom: 45px;}
    #web:before { background: url(images/web-bgs.jpg) no-repeat 38% 0px; -webkit-background-size: cover; background-size: cover;}
    #mobilite:before { background: url(images/mobilite-bgs.jpg) no-repeat 19% 0px; height: 140%; -webkit-background-size: cover; background-size: cover;}
    #gestion:before { background: url(images/gestion-bgs.jpg) no-repeat 54% 0px; -webkit-background-size: cover; background-size: cover;}
    #cloud:before { background: url(images/cloud-bgs.jpg) no-repeat 39% 0; -webkit-background-size: cover; background-size: cover;}
    #infra:before { background: url(images/infra-bgs.jpg) no-repeat 69% 0; -webkit-background-size: cover; background-size: cover;}
    #reseaux-cablage:before { background: url(images/reseaux-bgs.jpg) no-repeat 52% 0; -webkit-background-size: cover; background-size: cover; height: 120%;}
    body:not(.home) div.entry-content h2 { font-size: 1.7em !important;}
    #solutions > div > div > div > .vc_empty_space:last-child { display: none !important;} 
    .page-id-2403 .vc_row.vc_column-gap-30 > .vc_column_container { padding: 15px 30px !important;}
    .page-id-2403 .vc_row.vc_column-gap-30 > .vc_column_container .vc_btn3 { border-radius: 50px;}
    }

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

/*::::::::::::::::::::::::::::::::::::::::::::::::::::
:::::::::::::::::::::: FF Hack :::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::*/

@-moz-document url-prefix(){ 
    .file-row > .vc_col-sm-4, .file-row > .vc_col-md-4 {line-height: 46px;}
    .file-row > .vc_col-sm-8 > span, .file-row > .vc_col-md-8 > span { margin-bottom: 0px !important;}
    .file-row > .vc_col-sm-8 > span > input {margin-top: 0; padding: 11px 5px;}
    .file-row > .vc_col-md-8 > span > input {margin-top: 0; padding: 12.5px 5px;}
    .file-row { height: 48px;}
    
    @media screen and (max-width: 768px) {
        .file-row > .vc_col-md-8 > span > input { margin-top: 0; padding: 6px 0px 15px; margin-left: -3px;}
    }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::
:::::::::::::::::::: Safari Hack :::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::*/

@media not all and (min-resolution:.001dpcm) { 
    @supports (-webkit-appearance:none) { 
        .entry-content > .vc_row:not([data-vc-full-width="true"]) > div.vc_column_container.wpb_column,
        .entry-content > .vc_row:not([data-vc-full-width="true"]) > div.vc_column_container.wpb_column .vc_row div.vc_column_container.wpb_column{ margin-right:-1px !important;}
    }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::
:::::::::::::::::::::: IOS Hack ::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::*/



/*::::::::::::::::::::::::::::::::::::::::::::::::::::
:::::::::::::::::::::: Edge Hack :::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::*/

@supports (-ms-ime-align:auto) {
    .file-row > .vc_col-sm-4, .file-row > .vc_col-md-4 {line-height: 46px;}
    .file-row > .vc_col-sm-8 > span, .file-row > .vc_col-md-8 > span { margin-bottom: 0px !important;}
    .file-row > .vc_col-sm-8 > span > input {margin-top: 0; padding: 11px 5px;}
    .file-row > .vc_col-md-8 > span > input {margin-top: 0; padding: 12.5px 5px;}
    .file-row { height: 48px;}
    
    @media screen and (max-width: 768px) {
        .file-row > .vc_col-md-8 > span > input { margin-top: 0; padding: 6px 0px 15px; margin-left: -3px;}
    }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::: IE Hack ::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::*/

@media all and (-ms-high-contrast:none) { 
    
}