/*@import url("https://fonts.googleapis.com/css?family=Work+Sans");*/
/* latin-ext 
@font-face {
  font-family: 'Work Sans';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: local('Work Sans'), local('WorkSans-Regular'), url(https://fonts.gstatic.com/s/worksans/v5/QGYsz_wNahGAdqQ43Rh_cqDpp_k.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}*/
/* latin 
@font-face {
  font-family: 'Work Sans';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: local('Work Sans'), local('WorkSans-Regular'), url(https://fonts.gstatic.com/s/worksans/v5/QGYsz_wNahGAdqQ43Rh_fKDp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}*/
/* bold */
/* latin-ext 
@font-face {
  font-family: 'Work Sans Bold';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Work Sans Bold'), local('WorkSans-Bold'), url(https://fonts.gstatic.com/s/worksans/v5/QGYpz_wNahGAdqQ43Rh3x4X8lthNy_r-K7mV.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}*/
/* latin 
@font-face {
  font-family: 'Work Sans Bold';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Work Sans Bold'), local('WorkSans-Bold'), url(https://fonts.gstatic.com/s/worksans/v5/QGYpz_wNahGAdqQ43Rh3x4X8mNhNy_r-Kw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}*/
@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900|Roboto+Slab:400,700&display=swap');


em {
    color: #697a89;
}

.illustrative-3 {
    color: #5e5ba5
}

.font-1 {
    color: #022144
}

body {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    color: #697a89;
    overflow-x: hidden
}

body p {
	/*font-size: 16px;*/
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto Slab', serif;
    color: #022144;
    font-weight: 600;
    line-height: 110%
}

a,
a:active,
a:focus,
a:hover,
a:visited {
    color: #5e5ba5;
    text-decoration: none;
    transition: all .2s ease-out
}

strong {
	font-weight: 700;
}

a:hover {
    color: #8f8bf2
}

.h1,
h1 {
    font-size: 3em
}

.h2,
h2 {
    font-size: 1.875em
}

.h3,
h3 {
    font-size: 1.5em
}

.h4,
h4 {
    font-size: 1.125em
}

.h6,
h6 {
	font-family: 'Lato', sans-serif;
    font-size: .85em;
    color: #a1adb7;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px
}

.bc-text-small {
    font-size: .8575em
}

.bc-text-large {
    font-size: 1.285em
}

.LPMcontainer {
    width: 200px!important;
    right: -320px!important;
}

.LPMimage {
	left: -455px!important;
    max-width: none;
    width: 341px;
    height: 96px;
}

@media screen and (min-width:1200px) {
    .h1,
    h1 {
        font-size: 4em
    }
    .h2,
    h2 {
        font-size: 2.5em
    }
    .h3,
    h3 {
        font-size: 2em
    }
    .h4,
    h4 {
        font-size: 1.5em
    }
    .bc-text-large {
        font-size: 1.714em
    }
}

.bc-meta-nav {
    padding: 8px 14px;
    font-size: 12px;
	color: #ffffff;
}

.bc-meta-nav .bc-meta-nav-contact-link {
    /*color: #697a89*/
}

.bc-meta-nav .bc-meta-nav-phone-link:before {
    display: inline-block;
    content: "";
    height: 1px;
    width: 3em;
    background: #dfe5eb;
    margin: 0 8px 4px 5px
}

.bc-navbar {
    background: #fff
}

.bc-hero h1 {
    font-size: 2.678em
}
.bc-navbar h4 {
	font-weight: 400;
}
.bc-hero .uk-button {
    font-size: .964em
}

.bc-hero .bc-button-video {
    padding: 5px 20px
}

.bc-hero .bc-button-video p {
    font-size: .75em
}

.bc-hero .bc-button-video a {
    color: #5e5ba5
}

.bg-orange {
	background-color:#e9512a
}
.bc-meta-nav a, .bc-meta-nav a:active, .bc-meta-nav a:focus, .bc-meta-nav a:hover, .bc-meta-nav a:visited {
	color: #ffffff;
}
.bc-meta-nav a:hover {
	text-decoration: underline;
}
a.btn-partenaire, a.btn-partenaire:active, a.btn-partenaire:focus, a.btn-partenaire:visited {
	display: inline-block;
	background-color:#fab71b;
	color: #000000;
	padding: 3px 8px;
	margin-right: 10px;
	border-radius: 5px;
}
a.btn-partenaire:hover {
	background-color:#ffc848;
	text-decoration: none;
}

.uk-navbar-nav>li.devis {
	padding: 18px 0;
}
.uk-navbar-nav>li.devis>a {
	border: 1px solid #5e5ba5;
    display: block;
    min-height: 40px;
    padding: 10px 20px;
	border-radius: 5px;
}
.uk-navbar-nav>li.devis>a:hover {
	background-color: #5e5ba5;
	color: #ffffff;
}


@media screen and (min-width:1200px) {
    .bc-hero h1 {
        font-size: 3.571em
    }
    /*.bc-hero .uk-button {
        font-size: 1.286em
    }*/
    .bc-hero .bc-button-video {
        padding: 5px 40px
    }
    .bc-hero .bc-button-video p {
        font-size: 1em
    }
}

.bc-fluid-right {
    margin-left: 0;
    padding-left: 15px;
    padding-right: 15px
}

@media screen and (min-width:640px) {
    .bc-fluid-right {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media screen and (min-width:960px) {
    .bc-fluid-right {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media screen and (min-width:1200px) {
    .bc-fluid-right {
        margin-left: calc((100vw - 1200px) / 2);
        padding-left: 0;
        padding-right: 0
    }
    .bc-fluid-right-first-col {
        max-width: 680px;
        padding-left: 40px
    }
    .bc-fluid-right-second-col {
        padding-left: 40px;
        padding-right: 0
    }
    .bc-hero-card {
        margin-top: -50px
    }
}

.bc-light-grey-bg {
    background-color: #f7f8f9
}

.bc-link-svg img,
.bc-link-svg span {
    transition: all .15s ease-out
}

.bc-link-svg:hover img,
.bc-link-svg:hover span {
    transform: translate(7px)
}

.bc-link-has-bar:before {
    display: inline-block;
    content: "";
    height: 1px;
    width: 2em;
    background: #afb9c2;
    margin-bottom: .2em;
    margin-right: .6em;
    transition: all .15s ease-out
}

.bc-link-has-bar:hover:before {
    width: 3em
}

.bc-hero-video .bc-link-scale-up {
    transition: all .15s ease-out;
    opacity: .8
}

.bc-hero-video:hover {
    cursor: pointer
}

.bc-hero-video:hover .bc-link-scale-up {
    transform: scale(1.15)
}

.bc-modern-workplace-bundle {
    position: relative
}

.bc-modern-workplace-bundle:after {
    content: "+";
    position: absolute;
    top: 105%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 3rem
}

@media screen and (min-width:960px) {
    .bc-modern-workplace-bundle:after {
        top: 50%;
        left: 106%
    }
}

.bc-footer {
    background-color: #022144;
    padding: 50px 0 80px
}

.bc-footer h4 {
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    font-size: 1em
}

.bc-footer a,
.bc-footer a:active,
.bc-footer a:focus,
.bc-footer a:visited {
    color: #697a89
}

.bc-footer a:hover {
    color: #8493a1
}

.bc-footer hr {
    opacity: .08
}
.bc-footer h4 {
	font-family: 'Lato', sans-serif;
	font-size: 16px;
}

.bc-footer .footer-item {
	display: block;
	padding: 10px 0;
}


.uk-button {
    text-transform: none
}

.uk-button-primary,
a.uk-button-primary,
a.uk-button-primary:link, 
a.uk-button-primary:visited,
a.uk-button-primary:active {
    background: #5e5ba5;
	background-color: #5e5ba5;
    padding: 4px 30px;
    border-radius: 4px;
    color: #fff
}

.uk-button-primary:hover,
a.uk-button-primary:hover {
    background: #8f8bf2
}

.uk-button-text {
    color: #5e5ba5
}

.uk-button-text:hover {
    color: #8f8bf2
}

.uk-button-text:before {
    border-bottom: 1px solid #5e5ba5;
    bottom: -10px;
    transition: right .2s ease-out
}

.uk-card {
    border: 1px solid #f7f8f9;
    box-shadow: 0 -2px 40px rgba(142, 156, 172, .2);
    border-radius: 4px
}
.uk-card .h6, .uk-card h6{
	font-size: 1em;
	color:#5e5ba5;
	font-weight: bold;
	letter-spacing: 1px;
}

.uk-offcanvas-bar {
    background: #022144
}

.uk-text-lead {
    color: #697a89;
    font-size: 1.25em
}

.uk-form-label {
    color: #022144;
    font-weight: 500
}

.uk-input,
.uk-select,
.uk-textarea {
    background: #f7f8f9;
    border: 1px solid #dfe5eb;
    border-radius: 4px
}

#rs_twitter svg, #rs_facebook svg, #rs_linkedin svg{
	width: 42px;
	height: 42px;
}


h1.partenaires-h1 {
	font-size: .85em;
}
.photo-arrondi {
	border-radius: 50%;
	width: 200px;
	margin: auto;
	overflow: hidden;
}
.partenaires-list {
	font-size: 1.2em;
	margin-left: 2em;
}
.partenaires-list li {
	position: relative;
}
.partenaires-list span.uk-icon {
	position: absolute;
	border-radius: 50%;
	background-color: #5e5ba5;
	color: #ffffff;
	padding: .2em;
	box-sizing: border-box;
	left: -30px;
}
.partenaires-list span.uk-icon svg {
	width: 15px;
	height: 15px;
}

#rappel {
	position:fixed;
	width: 64px;
	padding: 0;
	right: -10px;
	top:45%;
	background-color: #5E5BA5;
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	transition: transform .15s ease-in-out, background-color .15s ease-in-out, -webkit-transform .15s ease-in-out;
	-webkit-transition: transform .15s ease-in-out, background-color .15s ease-in-out, -webkit-transform .15s ease-in-out;
}
#rappel .rappelPicto {
	display: block;
	/*width: 100%;
    padding: 13px 23px 13px 13px;*/
    box-sizing: border-box;
	transition: background-color .3s;
	margin-right: 15px;
	position: absolute;
	top: 14px;
	left: 14px;
}
#rappel .rappelPicto:after {
	content: "";
	display: block;
	position: absolute;
	width: 1px;
	height: 56px;
	background-color: #ffffff;
	left: 40px;
	top: -14px;
}
.rappelRow{
	width: 250px;
	height: 28px;
	padding: 14px;
	text-align: left;
	background-color: #5E5BA5;
	font-size: 14px;
	position: relative;
	transition: background-color .3s;
}
.rappelRow:hover {
	background-color: #8f8bf2;
}
#rappel:hover {
	-webkit-transform: translateX(-200px);
    transform: translateX(-200px);
}
.rappelTxt {
	display: block;
    position: absolute;
    left: 63px;
    top: 18px;
}
#rappel .rappelRow:nth-of-type(1) .rappelTxt {
	top: 7px;
}
.rappelHR{
	height: 1px;
	width: 250px;
	background-color: #fff;
}
#picto_tel svg, #picto_prix svg {
	width: 30px;
	height: 30px;
}
#rappel #picto_euro {
	/*padding: 16px 27px 17px 16px;
	margin-left: 3px;*/
	top: 17px;
	left: 15px;
}
#rappel #picto_euro:after {
	left: 39px;
	top: -17px
}
#picto_euro svg {
	width: 23px;
	height: 23px;
}

/* fake video youtube en home*/
.youtubeTitre{
	position: absolute;
	z-index: 10;
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
	color: #fff;
}


#quiz .uk-card {
	padding: 1em;
	margin-left: 30px;
	width: 80%;
}
#quiz .uk-padding-small:after {
	content: "";
	display: block;
	clear: both;
}
#quiz .question span {
	font-weight: 700;
	font-size: 1.2em;
}
#quiz .q-item {
	position: relative;
	width: 150px;
	margin-right: 1em;
	float: left;
	border-radius: 50px;
}
#quiz .q-item input[type=radio] {
  position: absolute;
  visibility: hidden;
}
#quiz .q-item label {
	position: relative;
	z-index: 9;
	display: block;
	cursor: pointer;
	width: 100%;
	text-align: center;
	padding: .35em;
	box-sizing: border-box;
	transition: color .3s;
}
#quiz .q-item .check {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2em;
	border-radius: 50px;
	border:1px solid #5e5ba5;
	background-color: #ffffff;
	z-index: 5;
	transition: background-color .3s;
}
#quiz .q-item:hover label {
	color:#ffffff;
}
#quiz .q-item:hover .check, 
#quiz input[type="radio"]:checked ~ .check {
	border: 1px solid transparent;
	background-color:#5e5ba5;
}
#quiz .q-item input[type="radio"]:checked ~ label {
	color: #ffffff;
}


#quizEmail button {
	background-color:#E95229;
	transition: background-color .3s;
}
#quizEmail button:hover {
	background-color:#f37553;
}
#quizResult, #quiz {
	padding-left: 1em;
}
#quiz > h2, #quiz > p {
	margin-bottom: 1em;
}
#quizResult .point {
	display: inline-block;
	color: #5e5ba5;
}
.title-quiz {
	position: relative;
	font-size: 2.5em;
	text-transform: uppercase;
	box-sizing: border-box;
	width: 37%;
}
.title-quiz-bg {
	background:url(../img/common/header-quiz.jpg) no-repeat;
	background-size: cover;
	width: 100%;
	height: 200px;
	padding: 4em 1em 0;
	box-sizing: border-box;
	margin-bottom: 3em;
}
#quizResult h2 {
	font-size: 2em;
	margin-bottom: 2em;
}
#niveau {
	text-indent: -99999px;
	display: inline-block;
	position: relative;
}
#niveau.eleve:before {
	content:"";
	background:url(../img/common/eleve.png) no-repeat;
	width: 300px;
	height: 146px;
	background-size: cover;
	display: block;
	position: absolute;
	left: 0;
	top: -65px;
}
#niveau.moyen:before {
	content:"";
	background:url(../img/common/moyen.png) no-repeat;
	width: 300px;
	height: 146px;
	background-size: cover;
	display: block;
	position: absolute;
	left: 0;
	top: -65px;
}
#niveau.faible:before {
	content:"";
	background:url(../img/common/faible.png) no-repeat;
	width: 300px;
	height: 146px;
	background-size: cover;
	display: block;
	position: absolute;
	left: 0;
	top: -65px;
}

.p-vigilance {
	margin-top: 6.5em;
}
.p-vigilance h3 {
	margin-bottom: 1.5em;
}
.p-vigilance ul li {
	list-style: none;
	font-size: 1.2em;
	position: relative;
	margin-bottom: .5em;
}
.p-vigilance ul li span {
	color: #e75233;
	display: block;
	position: absolute;
	left:-30px;
	top: 3px;
}

/**** Page CSP ****/
.list-csp .uk-list li {
	margin-bottom: 2.5em;
	margin-top: 0;
	font-size: 16px;
	padding-left:60px;
	position: relative;
}
.list-csp .uk-list li:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 44px;
	height:45px;
	background-image: url("../img/common/sprites.png");
	background-size: 340px 45px;
	background-repeat: repeat-x;
}

.list-csp .uk-list li:nth-of-type(2):before {
	background-position: -44px 0;
}
.list-csp .uk-list li:nth-of-type(3):before {
	background-position: -85px 0;
}
.list-csp .uk-list li:nth-of-type(4):before {
	background-position: -127px 0;
}
.list-csp .uk-list li:nth-of-type(5):before {
	background-position: -170px 0;
}
.list-csp .uk-list li:nth-of-type(6):before {
	background-position: 127px 0;
}
.list-csp .uk-list li:nth-of-type(7):before {
	background-position: 85px 0;
}
.list-csp .uk-list li:nth-of-type(8):before {
	background-position: 44px 0;
}



.pourquoi-becloud {
	width: 80%;
	margin: auto;
}

/****** page dynamics 365 *****/
.uk-width-1-4\@m .uk-card-body {
	padding: 30px 30px 40px;
}
.uk-width-1-4\@m .uk-card-body .uk-button-primary, 
	.uk-width-1-4\@m .uk-card-body a.uk-button-primary, 
	.uk-width-1-4\@m .uk-card-body a.uk-button-primary:link, 
	.uk-width-1-4\@m .uk-card-body a.uk-button-primary:visited, 
	.uk-width-1-4\@m .uk-card-body a.uk-button-primary:active {
		padding: 4px 10px;
}
.uk-width-1-4\@m .uk-card-body .h4 {
	font-size:1.4em;
}

.uk-accordion-title-h2{
		font-size: 1.1em;
	}
	.uk-accordion-title-h2:hover{
		color:#5E5BA5 !important;
	}
	.uk-accordion-title::before{
		float: left !important;
	}

@media screen and (min-width: 995px) {
	.list-csp .uk-list {
		padding-left:4em;
	}
}

@media screen and (max-width: 1200px) {
	#niveau {
		display: block;
		margin: 2em 0;
	}
	.title-quiz {
		width: 100%;
	}
}

.uk-navbar-nav>li>a {
    text-transform: none;
    font-size: 1.125em;
    color: #022144;
    font-weight: 600;
    text-decoration: none;
    transition: all .2s ease-out
}

.uk-navbar-nav>li>a:hover {
    color: #697a89
}


.list-automate li {
	padding-left: 40px;
	position: relative;
}
.list-automate li:before {
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 6px;
	left: 0;
}
.list-automate li:nth-of-type(1):before {
	background: url("../img/common/microsoft-1.svg") no-repeat;
	background-size: cover;
}
.list-automate li:nth-of-type(2):before {
	background: url("../img/common/microsoft-2.svg") no-repeat;
	background-size: cover;
}
.list-automate li:nth-of-type(3):before {
	background: url("../img/common/microsoft-3.svg") no-repeat;
	background-size: cover;
}


.bc-avis .uk-slider {
	padding: 50px;
}
.bc-avis .bc-avis-photo {
	width: 60px;
}
.bc-avis .bc-avis-stars {
	width: 80px;
}
.bc-avis h4 {
	color: #022144;
}
.bc-avis .uk-slidenav svg {
	color: #022144
}

.bloc-padding {
	padding:1em;
}

.wp-block-columns {
	margin-bottom: 0;
}
.bloc-bd-top {
	border-top:4px solid #da3832;
	padding-top:2em;
}


/****** ISV LISTING *****/
.isv-list-title-banner {
	margin-bottom: 60px;
}
.isv-list-title-banner p {
	margin-bottom: 30px;
}
.isv-list-main-title {
	margin-bottom: 40px;
}
.isv-card-link {
	display: inline-block;
}
.isv-card-link p {
	color: #666;
}
.isv-card-text-link {
	color: #5e5ba5;
}
.isv-card-link img {
	transition: all .15s ease-out;
}
.isv-card-link:hover .isv-card-image {
	transform: scale(1.1);
}
.isv-card-link:hover .isv-card-button img {
	transform: translate(7px);
}
.isv-card-image-wrapper{
	display: block;
	height: 80px;
	text-align: center;
}
.isv-card-image{
	display: inline-block;
	max-height: 80px;
	width: auto;
}

/****** SINGLE APPLICATION PAGE *****/
.back-link img {
	transform: rotate(180deg);
	transition: transform .15s ease-out;
}
.back-link:hover img {
	transform: translateX(-7px) rotate(180deg);
}
.single-app-title {
	display: block;
	border-bottom: 1px solid #f3f3f3;
	padding-bottom: 20px;
    margin-bottom: 40px;
}
.single-app-card {
/* 	background-color: #f7f8f9; */
}
.single-app-card-image {
	background-color: #FFF;
	padding: 30px;
	text-align: center;
	border-bottom: 1px solid #f3f3f3;
}
.single-app-card-image img {
	display: inline-block;
	height: 70px;
	width: auto;
}
.single-app-card-title {
	font-size: 1.5em;
}

.single-app-content h2 {
	font-size: 2em;
}
.single-app-content h3 {
	font-size: 1.5em;
}
.single-app-content p, .single-app-content ul li {
	line-height: 24px;
}

/****** Video Responsive *****/
.wp-block-embed__wrapper {
	overflow:hidden; 
	padding-bottom:56.25%; 
	position:relative; 
	height:0;
}
.wp-block-embed__wrapper iframe {
	left:0; 
	top:0; 
	height:100%;
	width:100%;
	position:absolute;
}