/* sharepoint */
body{overflow:visible;}
#s4-workspace{height:auto !important;width:auto !important;}
#s4-bodyContainer{padding-bottom:0 !important;}
.cache, .Visualcache, .Introcache{display:none !important;}


/* reset */
#s4-workspace, body, p, ul, ol, form, input, button, select, h1, h2, h3, h4, h5, h6, dl, dt, dd, blockquote, address, pre{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6, .ms-h1, .ms-h2, .ms-h3, .ms-h4, .ms-h5, .ms-h6 {font-size:14px;font-weight:200;font-family:'Open Sans Light' !important;}
ul, ol{list-style:none;}
button{border:none;min-width:0!important;}
#s4-workspace img, #s4-workspace abbr{border:0;}

.content-2{background-color: white !important;color:#702F8A !important;}
.title-introduction-2{color:#702F8A !important;font-weight:bold !important;}


/* tags */
#s4-workspace, select, input, textarea, button{font-family:'Open Sans Light' !important;font-size:17px;line-height:1.6;font-weight:300;color:#444;}
strong, b {font-weight:300;font-family:'Open Sans' !important; font-weight:bold;}
a,a:visited,a:active{color:inherit;text-decoration:underline;}
a:hover{text-decoration:none;}
p{margin-bottom:30px;}
p:last-child{margin-bottom:0;}
select, input[type=radio], input[type=checkbox]{cursor:pointer;}
#s4-workspace input[type=text], #s4-workspace textarea{width:100%;padding:15px 20px;border:none;background-color:#f6f6f6;color:#000;box-sizing:border-box;transition:200ms;}
#s4-workspace input[type=text]:focus, #s4-workspace textarea:focus{background-color:#f0f0f0;outline:none;}
select{padding:15px;width:100%;border:none;border-radius:3px;background-color:#e5e5e5;box-sizing:border-box;}
textarea{padding:15px;width:100%;border:1px solid #2c2c2c;box-sizing:border-box;}
label.error{display:block;margin-top:5px;color:#be0707;}
#s4-workspace img{max-width:100%;vertical-align:middle;}
#campaigns small {font-size:11px;}

*::-moz-selection {
  background: #702F8A;
  color: #FFFFFF; }

*::selection {
  background: #702F8A;
  color: #FFFFFF; }


@media (max-width:800px){
	#s4-workspace, select, input, textarea{font-size:15px;}
}


/* column behavior on mobile */
#page{overflow:hidden;}
#page-inner{position:relative;left:0;transition:left 500ms ease-in-out;}
#page-column{position:fixed;top:0;left:-250px;bottom:0;z-index:101;overflow:hidden;width:250px;transition:left 500ms ease-in-out;}
#page-header{transition:margin-top 500ms ease-in-out;transition-delay:500ms;}
#page-header a:hover{color:inherit;text-decoration:none;}
body.is-column-open{overflow:hidden;}
body.is-column-open #page-column{left:0;transition-delay:500ms;}
body.is-column-open #page-inner{left:250px;transition-delay:500ms;}
body.is-column-open #page-header{transition-delay:0ms;}

#page-header-mobile{display:none;}
body.is-column-open #page-header{margin-top:-180px;}


@media (max-width:900px){
#page-header-tools{display:none;}
}

@media (max-width:740px){
	#page-header-desktop{display:none;}
	#page-header-mobile{display:block;height:60px;z-index:1;}
	body.is-column-open #page-header{margin-top:-60px;}
}

/* floating button */
.fixed-links-background {
    z-index: 99;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    background: #191818;
    transition: opacity .2s ease;
    pointer-events: none;
    display: none;
}

.fixed-links {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 100;
    position: fixed;
    right: 30px;
    bottom: 30px;
    flex-direction: column;
    align-items: flex-end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
}

@media screen and (max-width:767px) {
    .fixed-links {
        right: 15px;
        bottom: 15px;
    }
}

.fixed-links li {
    margin-top: 20px;
}

.fixed-links li:first-child {
    margin-bottom: 20px;
}

.fixed-links li a {
    display: none;
    margin-right: 10px;
    opacity: 0;
    transition: opacity .2s ease,display .01s linear .2s,-webkit-transform .2s ease;
    transition: transform .2s ease,opacity .2s ease,display .01s linear .2s;
    transition: transform .2s ease,opacity .2s ease,display .01s linear .2s,-webkit-transform .2s ease;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    pointer-events: none;
}

.fixed-links li a:hover i {
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.55);
}

.fixed-links li a p {
    display: inline-block;
    text-transform: uppercase;
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: 1px;
    color: #FFFFFF;
    pointer-events: none;
    margin-bottom: 0;
    font-family: "Open Sans Light";
}

.fixed-links li a i {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-left: 10px;
    border-radius: 30px;
    text-align: center;
    font-size: .9rem;
    line-height: 30px;
    color: #191818;
    background: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.25);
    transition: box-shadow .2s ease;
    pointer-events: none;
}

.fixed-links li a i img {
    display: block;
    position: relative;
    top: 8px;
    width: 10px;
    margin: 0 auto;
}

.fixed-links li button {
    position: relative;
    width: 50px;
    height: 50px;
    min-width: 50px;
    border: none;
    border-radius: 50px;
    outline: none;
    background: #05c3de;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.25);
}

.fixed-links li button:hover {
	cursor: pointer;
}

.fixed-links li button .bar {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 2px;
    margin-top: -1px;
    margin-left: -7.5px;
    outline: none;
    background: #FFFFFF;
    transition: background .2s ease;
}

.fixed-links li button .bar:after {
    content: " ";
    position: absolute;
    top: -6px;
    left: 0;
    width: 15px;
    height: 2px;
    background: #FFFFFF;
    transition: top .2s ease,-webkit-transform .2s ease;
    transition: top .2s ease,transform .2s ease;
    transition: top .2s ease,transform .2s ease,-webkit-transform .2s ease;
}

.fixed-links li button .bar:before {
    content: " ";
    position: absolute;
    top: 6px;
    left: 0;
    width: 15px;
    height: 2px;
    background: #FFFFFF;
    transition: top .2s ease,-webkit-transform .2s ease;
    transition: top .2s ease,transform .2s ease;
    transition: top .2s ease,transform .2s ease,-webkit-transform .2s ease;
}

.fixed-links li button:hover .bar:after {
    top: 0;
}

.fixed-links li button:hover .bar:before {
    top: 0;
}

.fixed-links li:nth-child(1) > a {
    transition-delay: 0s;
}

.fixed-links li:nth-child(2) > a {
    transition-delay: .05s;
}

.fixed-links li:nth-child(3) > a {
    transition-delay: .1s;
}

.fixed-links li:nth-child(4) > a {
    transition-delay: .15s;
}

.contact-form-opened {
    overflow: hidden !important;
}

.contact-form-opened .fixed-links-background {
    opacity: .75;
    pointer-events: auto;
    display:block;
}

.contact-form-opened .fixed-links li a {
    display: inline-block;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    pointer-events: auto;
}

.contact-form-opened .fixed-links li button .bar {
    background: #05c3de;
}

.contact-form-opened .fixed-links li button .bar:after {
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.contact-form-opened .fixed-links li button .bar:before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.contact-form-opened .fixed-links li:nth-child(1) > a {
    transition-delay: .15s;
}

.contact-form-opened .fixed-links li:nth-child(2) > a {
    transition-delay: .1s;
}

.contact-form-opened .fixed-links li:nth-child(3) > a {
    transition-delay: .05s;
}

.contact-form-opened .fixed-links li:nth-child(4) > a {
    transition-delay: 0s;
}


/* page */
.page-wrapper{max-width:1120px;padding:0 20px;margin:auto;}
#page-column{background-color:#333;}
.page-column-logo{display:block;margin:25px 0 35px;text-align:center;}
.page-column-logo img{width: 149px;}
#page-column-btn-outer{padding: 10px 20px;margin:30px 0;text-align:center;}
#page-column-btn{display:inline-block;padding:10px 20px;background-color:#e6e6e6;text-transform:uppercase;font-size:11px;white-space:nowrap;transition:200ms;}
#page-column-btn:hover{background-color:#702f8a;color:#fff;}
.page-column-title{margin:35px 20px 10px;text-transform:uppercase;color:#fff;font-size:12px;}
.page-column-nav a{color:#fff;}
.page-column-nav > li + li{border-top:1px solid #555;}
.page-column-nav .js-serialaccordion{position:relative;padding-right:30px;}
.page-column-nav .js-serialaccordion:after{position:absolute;top:8px;right:15px;font-family:'FontAwesome';content:'\f105';margin-left:7px;font-size:16px;}
.page-column-nav .sub-link-1{display:block;padding:10px 20px;font-size:14px;text-decoration:none;}
.page-column-nav .sub-link-1:hover{background-color:#111;}
.page-column-nav > li.is-current{background-color:#111;}
.page-column-nav > li.is-current .sub-link-1.js-serialaccordion:after{content:'\f107';}
.page-column-nav .sub-list-2{display:none;padding-bottom:15px;}
.page-column-nav .sub-link-2{position:relative;display:block;padding:5px 20px 5px 40px;font-size:15px;font-size:13px;color:#ccc;text-decoration:none;}
.page-column-nav .sub-link-2:before{position:absolute;top:11px;left:20px;font-family:'FontAwesome';content:'\f111';margin-right:10px;font-size:5px;}
.page-column-nav > li li.is-current .sub-link-2.js-serialaccordion:after{content:'\f107';font-size:12px;}
.page-column-nav .sub-link-2.js-serialaccordion:before{content:'\f07b';font-size:10px;top:6px;}
.page-column-nav .sub-link-2.js-serialaccordion:after{font-size:13px;}
.page-column-nav .sub-list-3{display:none;padding-left:20px;padding-bottom:10px;}
.page-column-nav .sub-link-3{position:relative;display:block;padding:5px 20px 5px 35px;font-size:15px;font-size:13px;color:#ccc;text-decoration:none;}
.page-column-nav .sub-link-3:hover{text-decoration:none;}
.page-column-nav .sub-link-3:before{position:absolute;top:11px;left:20px;font-family:'FontAwesome';content:'\f111';margin-right:10px;font-size:5px;}

#page-header a{text-decoration:none;}
#page-header-mobile{position:relative;height:60px;overflow:hidden;background-color:#702f8a;color:#fff;text-align:center;}
#page-header-mobile-quicklinks{position:absolute;top:0;right:0;}
#page-header-mobile-trigger{position:absolute;line-height:60px;top:0;left:0;width:60px;font-family:'FontAwesome';font-size:20px;cursor:pointer;}
#page-header-mobile-bilnet{float:right;padding:0 20px;line-height:60px;font-size:12px;cursor:pointer;background-color:#5d2474;text-transform:uppercase;}
#page-header-mobile-bilnet:hover{background-color:#521f67;}
#page-header-mobile-client{float:right;padding:0 20px;line-height:60px;font-size:12px;cursor:pointer;background-color:#5d2474;text-transform:uppercase;border-right:solid 1px #702f8a;}
#page-header-mobile-client:hover{background-color:#521f67;}
#page-header-mobile-bilnet-ch{float:right;padding:0 20px;line-height:60px;font-size:12px;cursor:pointer;background-color:#5d2474;text-transform:uppercase;}
#page-header-mobile-bilnet-ch:hover{background-color:#521f67;}
#page-header-mobile-bilnet-dk{float:right;padding:0 20px;line-height:60px;font-size:12px;cursor:pointer;background-color:#5d2474;text-transform:uppercase;}
#page-header-mobile-bilnet-dk:hover{background-color:#521f67;}
.page-header-mobile-logo{line-height:60px;}
.page-header-mobile-logo img{vertical-align:middle;width:38px;}
.page-header-mobile-logo-pb{line-height:56px;}
.page-header-mobile-logo-pb img{vertical-align:middle;width:31px;}
#page-header-mobile-language{position:relative;float:right;padding:0 20px;line-height:60px;}
#page-header-mobile-language .sub-term{display:block;font-size:12px;text-transform:uppercase;}
#page-header-mobile-language .sub-term:after{font-family:'FontAwesome';content:'\f0dc';margin-left:7px;font-size:10px;}
#page-header-mobile-language .sub-select{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;padding:0;cursor:pointer;text-transform: uppercase;}

#page-header-row-1:before, #page-header-row-1:after, #page-header-row-2:before, #page-header-row-2:after{content:'';display:table;}
#page-header-row-1:after, #page-header-row-2:after{clear:both;}
#page-header-row-1{height:55px;background-color:#702f8a;}
.page-header-tooltip{max-width:300px;background:#702f8a;box-shadow:0 15px 15px rgba(0, 0, 0, 0.1);margin-top:-5px;padding-top:5px;}
.page-header-tooltip > li +li{border-top:1px solid #7e4495;}
.page-header-tooltip-link,.page-header-tooltip-link:visited{display:block;padding:15px 20px;font-size:11px;text-transform:uppercase;color:#c6aad1 !important;transition:color 200ms;text-decoration:none;}
.page-header-tooltip-link:hover{color:#fff !important;text-decoration:none;}
#page-header-portail > li{float:left;}
#page-header-portail .sub-link-1{display:block;line-height:54px;padding:0 10px;font-size:11px;text-transform:uppercase;color:#c6aad1;transition:color 200ms;}
#page-header-portail .sub-link-1.is-current{position:relative;color:#fff;}
#page-header-portail .sub-link-1.is-current:before{content:'';position:absolute;top:100%;left:50%;height:0;width:0;margin-top:-9px;margin-left:-5px;pointer-events:none;border:solid transparent;border-color:rgba(255, 255, 255, 0);border-bottom-color:#fff;border-width:5px;}
#page-header-portail .sub-link-1:hover{color:#fff;text-decoration:none;}
#page-header-portail .sub-link-1.is-sublevel:after{font-family:'FontAwesome';content:'\f0dc';margin-left:7px;font-size:10px;}
#page-header-portail .sub-link-1.hub{margin-right:10px;line-height:53px;padding:1px 20px 0px 20px;background-color:#5d2474;font-size:16px;font-weight:400;transition:200ms;}
#page-header-portail .sub-link-1.hub:before{font-family:'FontAwesome';content:'\f015';}
#page-header-lang, #page-header-toolbar{float:left;}
ul.toolbar li{display:inline-block;vertical-align:middle;}
ul.toolbar li .sub-link-1{display:block;line-height:53px;padding:1px 20px 0px 20px;font-size:11px;text-transform:uppercase;color:#fff;transition:color 200ms;}
#page-header-quickaccess{float:right;}
#page-header-quickaccess > li, #page-header-tools > li{float:left;}
#page-header-quickaccess > li + li, #page-header-tools > li + li{border-left:1px solid #8d55a4;}
#page-header-quickaccess .linkToolbar, #page-header-quickaccess .sub-link-1.is-language, #page-header-tools .linkToolbar{float:left;display:block;line-height:53px;padding:1px 20px 0px 20px;font-size:11px;text-transform:uppercase;color:#fff;transition:color 200ms;}
#page-header-quickaccess .sub-link-1.is-language:after, #page-header-tools .sub-link-1:after{font-family:'FontAwesome';content:'\f0dc';margin-left:7px;font-size:10px;}
#page-header-quickaccess .linkToolbar, #page-header-tools .linkToolbar{background-color:#5d2474;transition:200ms;}
#page-header-quickaccess .linkToolbar:hover, #page-header-tools .linkToolbar:hover{background-color:#521f67;}
#page-header-quickaccess .linkToolbar:before{font-family:'FontAwesome';content:'\f023';margin-right:7px;}
#page-header-quickaccess a:hover, #page-header-tools a:hover{color:#fff;text-decoration:none;}
.divLinkToolbar{float:left;}
#page-header-row-2{position:relative;}
#page-header-desktop-outer{display:table;width:100%;height:150px;}
#page-header-desktop-col-1{display:table-cell;vertical-align:middle;padding-right:50px;}
#page-header-desktop-col-2{display:table-cell;vertical-align:middle;width:100%;}
#page-header-desktop-col-3{display:table-cell;vertical-align:middle;padding-left:50px;text-align:right;}
#page-header-desktop-col-1 img{display:block;max-width:149px;}
.csslogo img{max-height:62px;}
.csslogo-pb img{max-height:105px !important;}
#page-header-desktop-button,.navigationLink{display:inline-block;padding:10px 20px;background-color:#05c3de;color:#fff !important;font-size:14px !important;white-space:nowrap;transition:200ms;text-decoration:none;}
#page-header-desktop-button:hover,.navigationLink:hover{background-color:#05c3de;opacity:0.7;}
#page-header-desktop-nav{display:table;height:150px;margin:auto;}
#page-header-desktop-nav > li{display:table-cell;vertical-align:middle;text-align:center;}
#page-header-desktop-nav .sub-link-1{display:block;padding:0 25px;line-height:1.4;}
#page-header-desktop-nav .sub-link-1:hover{color:#702f8a;}
#page-header-desktop-nav .sub-link-1.is-current{font-weight:400;color:#702f8a;}
#page-header-desktop-nav .sub-dropdown{display:none;position:absolute;top:100%;left:0;right:0;z-index:100;padding:50px 0;border-top:1px solid #f1f1f1;background-color:#fff;text-align:left;box-shadow:0 15px 15px rgba(0, 0, 0, 0.1);overflow:hidden;}
#page-header-desktop-nav > li.is-hover .sub-link-1{color:#702f8a;}
#page-header-desktop-nav .sub-list-visual{margin-left:-15px;margin-top:-15px;word-spacing:-3px;letter-spacing:-3px;}
#page-header-desktop-nav .sub-list-visual > li{padding-left:15px;margin-top:15px;display:inline-block;width:33.3333%;vertical-align:top;word-spacing:normal;letter-spacing:normal;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
#page-header-desktop-nav .smallvignette + .sub-dropdown li{width: 25%;}
#page-header-desktop-nav .sub-link-visual{position:relative;display:block;}
#page-header-desktop-nav .sub-link-visual .sub-visual{display:block;}
#page-header-desktop-nav .sub-link-visual .sub-term{position:absolute;top:0;right:0;bottom:0;left:0;word-spacing:-3px;letter-spacing:-3px;text-align:center;background-image:url(/PublishingImages/site-all/btn-visual-sub-term.png);transition:200ms;}
#page-header-desktop-nav .sub-link-visual .sub-term:before, #page-header-desktop-nav .sub-link-visual .sub-term-inner{display:inline-block;vertical-align:middle;word-spacing:normal;letter-spacing:normal;}
#page-header-desktop-nav .sub-link-visual .sub-term:before{content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
#page-header-desktop-nav .sub-link-visual .sub-term-inner{padding:10px 15px;border:1px solid #fff;margin:15px;color:#fff;font-size:18px;line-height:1.45;transition:200ms;}
#page-header-desktop-nav .sub-link-visual:hover .sub-term{background-image:url(/PublishingImages/site-all/btn-visual-sub-term-hover.png);}
#page-header-desktop-nav .sub-link-visual:hover .sub-term-inner{padding:15px 20px;}
#page-header-desktop-nav .sub-list-2{display:table;margin:auto;}
#page-header-desktop-nav .sub-list-2 > li{display:table-cell;}
#page-header-desktop-nav .sub-list-2 > li + li{border-left:75px solid transparent;}
#page-header-desktop-nav .sub-link-2{display:block;margin-bottom:10px;font-size:18px;color:#702f8a;}
#page-header-desktop-nav .sub-link-2:hover{text-decoration:underline !important;color:#702f8a !important;}
#page-header-desktop-nav .sub-link-3{display:block;padding:2px 0;font-size:15px;}
#page-header-desktop-nav .sub-link-3:before{font-family:'FontAwesome';content:'\f105';margin-right:7px;}
#page-header-desktop-nav .sub-link-3:hover{color:#000;}
#page-body{overflow:hidden;min-height:500px;}
#page-footer{background-color:#222;text-align:center;font-size:14px;}
#page-footer a{text-decoration:none;}
#page-footer-row-1{padding:45px 0;border-bottom:1px solid #2d2d2d;}
#page-footer-row-2{padding:75px 0;}
#page-footer-survey{font-size:16px;font-weight:400;color:#fff;}
#page-footer-survey .sub-question{display:inline-block;margin-right:10px;}
#page-footer-survey .sub-button{display:inline-block;padding:7px 14px;background-color:#393939;border-radius:20px;border:none;font-size:16px;color:#fff;transition:200ms;cursor:pointer;}
#page-footer-survey .sub-button + .sub-button{margin-left:5px;}
#page-footer-survey .sub-button-icon{font-family:'FontAwesome';margin-right:5px;}
#page-footer-survey .sub-button:hover{background-color:#0aabc2;}
#page-footer-survey-step-freetext{display:none;}
#page-footer-survey-step-confirm{display:none;}
#page-footer-survey #merci-survey{display:none;}
#page-footer-nav{margin-bottom:3px;}
#page-footer-nav > li{display:inline-block;}
#page-footer-nav > li + li{margin-left:15px;}
#page-footer-nav .sub-link-1{text-decoration:underline !important;}
#page-footer-nav .sub-link-1:hover{text-decoration:none !important;}
#page-footer-socialnetwork{margin-top:35px;}
#page-footer-socialnetwork > li{display:inline-block;}
#page-footer-socialnetwork > li + li{margin-left:25px;}
#page-footer-socialnetwork .sub-link-1{font-family:'FontAwesome';font-size:24px;color:#b2b2b2;transition:color 200ms;}
#page-footer-socialnetwork .sub-link-1:hover{color:#f2f2f2;}
#page-backtotop{display:none;position:fixed;right:25px;bottom:25px;width:50px;height:50px;z-index:100;background-image:url(/PublishingImages/site-all/icon-backtotop.png);cursor:pointer;opacity:0.3;filter:alpha(opacity=30);}
#page-backtotop:hover{opacity:0.5;filter:alpha(opacity=50);}

@media (max-width:640px){
	#page-footer-row-1{padding:30px 0;}
	#page-footer-row-2{padding:30px 0;}
	#page-footer-survey .sub-question{display:block;margin-right:0;margin-bottom:10px;}
	#page-footer-nav > li + li{margin-left:5px;}
	#page-footer-socialnetwork{margin-top:-20px;}
}

@media (min-width:480px){
	#page-header-mobile-bilnet:before{font-family:'FontAwesome';content:'\f023';margin-right:7px;}
	#page-header-mobile-client:before{font-family:'FontAwesome';content:'\f007';margin-right:7px;}
	#page-header-mobile-bilnet-ch:before{font-family:'FontAwesome';content:'\f023';margin-right:7px;}
	#page-header-mobile-bilnet-dk:before{font-family:'FontAwesome';content:'\f023';margin-right:7px;}
}

@media only screen and (min-width: 961px) {
	.f-nav{ z-index: 99; position: fixed; left: 0; top: 0; width: 100%;background-color:#fff;} /* this make our menu fixed top */
}

@media only screen and (max-width: 960px) {
	#section-summary{display:none !important;}
}

#page-footer-mylife {
	font-weight: 400;
	border-bottom: 1px solid #2d2d2d;
	padding-bottom: 30px;
    margin-bottom: 45px;
    color: #fff;
}

#page-footer-mylife p{
	margin-bottom: 5px;
}

#page-footer-mylife img{
	margin-top: 10px;
	width: 100px;
}

.hide-desktop{
	display:none;}
#img-full-width-devenir-client {
	display:none;
	width: 100%;
	text-align: center; }

    @media screen and (max-width: 1100px) {
    	.hide-desktop,
    	#img-full-width-devenir-client {
		display:block;} }

/* section */
.section-default{position:relative;padding:100px 0;}
.section-default.is-separator{border-top:1px solid #f1f1f1;}
.section-default.is-silver{background-color:#f6f6f6;}
.section-default.is-silver + .section-default.is-silver{padding-top:0;}
.section-default .grid-visual{padding:100px 0;margin:-100px 0;}
.section-default.is-silver .grid-visual-item .sub-visual{background:#323232;}
.section-default.is-silver .grid-visual-item .sub-visual img{opacity:0.96;}
.section-default.is-silver input[type=text], .section-default.is-silver textarea{background-color:#fff !important;}
.section-default.is-silver select{background-color:#e5e5e5;}
.section-small{position:relative;padding:25px 0;clear:both;float:none;}
.section-small.is-silver{background-color:#f6f6f6;}
.section-smallbottomnull{position:relative;padding:25px 0 0 0;clear:both;float:none;}
.section-smallbottomnull.is-silver{background-color:#f6f6f6;}
.section-small.is-separator{border-top:1px solid #f1f1f1;}
.section-default.is-small{padding:75px 0;}

#section-content{padding:75px 0;border-top:1px solid #e5e5e5;}

#section-banner{background-color:#000;}
#section-banner strong{color:#fff;font-weight:500;}
#section-banner .serialswipe-list{height:600px;}
.section-banner-visual{position:absolute;top:0;left:0;bottom:0;right:0;background-position:top center;background-repeat:no-repeat;background-size:cover;}
.section-banner-item{position:relative;height:100%;text-align:right;word-spacing:-3px;letter-spacing:-3px;}
.section-banner-item:before, .section-banner-item-inner, .section-banner-item-inner-white{display:inline-block;vertical-align:middle;word-spacing:normal;letter-spacing:normal;}
.section-banner-item:before{content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
.section-banner-item-inner{position:relative;overflow:hidden;padding:40px;width:30%;margin-right:50px;background-color:#702f8a;background-color:rgba(113, 47, 138, 0.8);color:#fff;font-weight:100;text-align:left;}
.section-banner-title{margin-bottom:10px;color:#fff;margin-bottom:10px;font-weight:400;font-size:22px;}
.section-banner-deadline{position:absolute;top:11px;right:-48px;width:150px;padding:15px;background-color:#702f8a;color:#fff;text-align:center;text-transform:uppercase;font-size:12px;line-height:1.4;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=5);}
.section-banner-button{display:inline-block;padding:10px 20px;background-color:#fff;color:#702f8a !important;text-align:center;font-size:14px;transition:200ms;text-decoration:none;margin-top: 20px;}

.section-banner-item-inner-white{position:relative;overflow:hidden;padding:40px;width:30%;margin-right:50px;background-color:#FFF;color:#702f8a;font-weight:100;text-align:left;}
.section-banner-item-inner-white h4, .section-banner-item-inner-white p{color:#702f8a !important;}
.section-banner-item-inner-white .section-banner-button{background-color:#05c3de;color:#FFF !important;}
.section-banner-item-inner-white .section-banner-button:hover{background-color:#0e9aae;}

#section-offresdediees{border-bottom:1px solid #e6e6e6;}
#section-offresdediees-list{display:table;width:100%;height:140px;table-layout:fixed;}
#section-offresdediees-list > li{display:table-cell;vertical-align:middle;padding:0 25px;text-align:center;}
#section-offresdediees-list > li + li{border-left:1px solid #e6e6e6;}
#section-offresdediees-list .sub-link-1{display:inline-block;text-transform:uppercase;font-size:12px;transition:color 200ms;text-decoration:none;}
#section-offresdediees-list .sub-link-1:before{display:block;font-family:'FontAwesome';margin-bottom:10px;font-size:30px;}
#section-offresdediees-list .sub-link-1:hover{color:#0aabc2;}
#section-offresdediees-list .sub-link-1.is-jeunes:before{content:'\f025';}
#section-offresdediees-list .sub-link-1.is-bilselect:before{content:'\f219';}
#section-offresdediees-list .sub-link-1.is-frontaliers:before{content:'\f021';}
#section-offresdediees-list .sub-link-1.is-nouveauxarrivants:before{content:'\f067';}
#section-offresdediees-list .sub-link-1.is-fonctionnaireseuropeens:before{content:'\f005';}
#section-offresdediees-list .sub-link-1.is-residentslusophones:before{content:'';width:40px;height:40px;margin-left:auto;margin-right:auto;margin-top:10px;margin-bottom:19px;background-image:url(/PublishingImages/site-particuliers/section-offresdediees-list-lusophones.png);background-size: 40px 40px;}
#section-offresdediees-list .sub-link-1.is-residentslusophones:hover:before{background-image:url(/PublishingImages/site-particuliers/section-offresdediees-list-lusophones-hover.png);}

#section-category{position:relative;padding:125px 0;background-position:center center;background-size:cover;text-align:center;}
#section-category:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background-color: rgba(0, 0, 0, 0.4);}
#section-category-title{position:relative;display:inline-block;padding:15px 35px;margin:15px;border:2px solid #fff;color:#fff;font-size:28px;}

#section-introduction{display:table;width:100%;height:500px;background-position:top center;background-size:cover;background-repeat:no-repeat;}
#section-introduction-inner{display: table-cell;padding: 50px;vertical-align: middle;}
#section-introduction-content{width:30%;padding:40px;margin-left:auto;background-color:#702f8a;background-color:rgba(113, 47, 138, 0.8);color:#fff;font-weight:100;}
#section-introduction-title{margin-bottom:10px;font-size:22px;color:#fff;}
#section-introduction-date{margin-bottom:5px;font-size:18px;color:#fff;}
.section-introduction-button{display:inline-block;padding:10px 20px;background-color:#fff;text-transform:uppercase;color:#702f8a;text-align:center;font-size:12px;white-space:nowrap;text-decoration:none;transition:200ms;}

#section-summary{border-bottom:1px solid #e5e5e5;}
#section-summary-list{margin-bottom:-1px;text-align:center;}
#section-summary-list > li{display:inline-block;}
#section-summary-list > li + li{margin-left:35px;}
#section-summary-list .sub-link-1{display:block;line-height:85px;font-size:15px;cursor:pointer;}
#section-summary-list .sub-link-1.is-current{color:#702f8a;border-bottom:2px solid #702f8a;}
#section-summary-list .sub-link-1:hover{color:#000;}

@media (max-width:960px){
	.section-default{padding:75px 0;}
	.section-default .grid-visual{padding:75px 0;margin:-75px 0;}
	#section-offresdediees .page-wrapper{padding:0;}
	#section-offresdediees-list{display:block;height:auto;}
	#section-offresdediees-list > li{display:block;padding:10px 15px;}
	#section-offresdediees-list > li + li{border-left:none;border-top:1px solid #e6e6e6;}
	#section-offresdediees-list .sub-link-1:before{display:none;}
	#section-summary-list > li{display:block;}
	#section-summary-list > li + li{margin-left:0;border-top:1px solid #e5e5e5;}
	#section-summary-list .sub-link-1{line-height:50px;}
	.section-default.is-small{padding:50px 0;}
}

@media (max-width:800px){
	.section-default{padding:50px 0;}
	.section-default .grid-visual{padding:50px 0;margin:-50px 0;}
	#section-banner .serialswipe-list{height:500px;}
	#section-introduction{height:250px;text-align:center;background-position:left center;}
	#section-introduction.news{background-position:top center;}
	#section-introduction-inner{background-color:rgba(0, 0, 0, 0.5);}
	#section-introduction-content{display:inline-block;width:auto;padding:15px 35px;border:2px solid #fff;background:none;}
	#section-introduction-title{margin-bottom:0;font-size: 20px;}
	#section-introduction-description{display:none;}
	#section-introduction-date{font-size:15px;}
	#section-category{padding:75px 0;background-attachment:scroll;}
	.section-default.is-small{padding:30px 0;}
}

@media (max-width:640px){
	.section-default{padding:25px 0;}
	.section-default .grid-visual{padding:25px 0;margin:-25px 0;}
	#section-banner .serialswipe-list{height:400px;}
	.section-banner-visual{background-position:-250px center;}
	.section-banner-visual:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0, 0, 0, 0.5);}
	.section-banner-item{text-align:center;}
	.section-banner-item-inner{width:auto;margin:25px;padding:0;text-align:center;background-color:transparent;color:#bebfbf;}
	.section-banner-item-inner-white{width:auto;margin:25px;text-align:center;}
	.section-banner-title{color:#fff;}
	.section-default.is-small{padding:10px 0;}
}



/* form */
.form-inside-item{margin-bottom:15px;}
.form-inside-footer{margin-top:30px;text-align:center;}

.form-inline{display:table;width:100%;table-layout:fixed;}
.form-inline-item{display:table-cell;vertical-align:middle;}
.form-inline-item + .form-inline-item{border-left:10px solid transparent;}

.form-above-item{margin-bottom:15px;}
.form-above-term{position:relative;display:block;margin-bottom:5px;padding-right:10px;color:#000;line-height:1.3;}
.form-above-term.is-required:after{content:"*";position:relative;top:-5px;margin-left:5px;color:#be0707;font-size:12px;}
.form-above-caption{display:block;margin-top:3px;color:#999;font-size:12px;line-height:1.35;}
.form-above-title{margin-top:50px;margin-bottom:15px;color:#702f8b;font-size:22px;}
.form-above-footer{margin-top:30px;margin-bottom:15px;text-align:center;}

.form-inline-checkbox{display:inline-block;*display:inline;padding-left:20px;margin:0 15px 0 0;}
.form-inline-checkbox > input{margin:4px 5px 0 -20px;}
.form-inline-radio{display:inline-block;*display:inline;padding-left:20px;margin:0 15px 0 0;}
.form-inline-radio > input{margin:3px 5px 0 -20px;}

.form-aside-fieldset{margin-bottom:40px;background-color:#fff;border:1px solid #e8e8e8;}
.form-aside-item:before, .form-aside-item:after{content:"";display:table;}
.form-aside-item:after{clear:both;}
.form-aside-item{padding:25px 30px 25px 240px;margin-bottom:0;}
.form-aside-item + .form-aside-item{border-top:1px solid #e8e8e8;}
.form-aside-term{position:relative;float:left;padding-right:15px;margin-left:-210px;width:180px;color:#000;}
.form-aside-term.is-required:after{content:"*";position:absolute;right:0;top:0;color:#be0707;font-size:11px;}
.form-aside-other{display:block;margin-top:10px;border-left:5px solid #444;}
.form-aside-title{margin:40px 0 20px 30px;color:#000;font-size:14px;text-transform:uppercase;}
.form-aside-title:first-child{margin-top:0;}
.form-aside-footer{padding:35px;text-align:center;}
.form-aside-caption{display:block;margin-top:3px;color:#999;font-size:12px;line-height:1.35;}
.form-aside-radio{display:block;padding-left:20px;margin-bottom:5px;}
.form-aside-radio > input{float:left;margin:3px 5px 0 -20px;}
.form-aside-checkbox{display:block;padding-left:20px;margin-bottom:5px;}
.form-aside-checkbox > input{float:left;margin:4px 5px 0 -20px;}

@media (max-width:640px){
	/* form */
	.form-aside-item{padding-left:0;}
	.form-aside-term{display:block;float:none;margin-left:0;margin-bottom:5px;width:auto;}
	.form-aside-term.is-required:before{left:-7px;}
}

/* title */
.title-1:first-child, .title-2:first-child, .title-3:first-child, .title-4:first-child, .title-5:first-child, .title-6:first-child{margin-top:0;}
.title-1{margin-bottom:50px;font-size:28px;color:#702f8a;line-height:1.5;}
.title-1-description{margin-bottom:50px;margin-top:-45px;font-size:22px;color:#888;line-height:1.45;}
.title-2{margin-top:50px;margin-bottom:25px;font-size:24px;color:#000;}
.title-2-description{margin-bottom:25px;margin-top:-20px;font-size:19px;color:#888;}
.title-3{margin-top:50px;margin-bottom:15px;font-size:18px;color:#000;}
.title-4{margin-top:30px;margin-bottom:20px;font-size:17px;color:#000;}

.title-page{margin-bottom:40px;font-size:35px;color:#702f8a;text-align:center;}
.title-page-description{margin-top:-30px;font-size:22px;color:#333;text-align:center;}

@media (max-width:640px){
	.title-1{margin-bottom:30px;font-size:26px;}
	.title-1-description{margin-bottom:30px;margin-top:-25px;font-size:19px;}
	.title-2{margin-top:30px;margin-bottom:20px;font-size:22px;}
	.title-2-description{margin-bottom:20px;margin-top:-15px;}
	.title-3{margin-top:30px;}
}

/* list */
.list-1{margin-bottom:30px;padding-left:25px;}
.list-1:last-child{margin-bottom:0;}
.list-1 > li{margin-bottom:10px;list-style:disc;}
.list-2{margin-bottom:30px;padding-left:25px;}
.list-2:last-child{margin-bottom:0;}
.list-2 > li{margin-bottom:10px;list-style:decimal;}

.list-icon{overflow:hidden;margin-bottom:30px;}
.list-icon:last-child{margin-bottom:0;}
.list-icon > li{float:left;clear:left;width:48%;margin-top:20px;}
.list-icon > li:nth-child(even){float:right;clear:right;}
.list-icon .sub-visual{float:left;margin-right:25px;}
.list-icon .sub-content{overflow:hidden;}

.list-contact{margin-bottom:50px;}
.list-contact > li + li{margin-top:20px;}
.list-contact-item{display:table;width:100%;min-height:65px;text-decoration:none;margin-bottom:60px;}
.list-contact-item:before{display:table-cell;vertical-align:middle;font-family:'FontAwesome';content:'\f09d';width:65px;background:url(/PublishingImages/site-all/list-pressrelease-link-before.png) center center no-repeat;color:#0aabc2;text-align:center;}
.list-contact-item.help:before{content:'\f1cd';}
.list-contact-item.mail:before{content:'\f0e0';}
.list-contact-item .sub-inner{display:table-cell;vertical-align:middle;padding-left:20px;}
.list-contact-item .sub-title{display:block;text-transform:uppercase;font-size:14px;line-height:1.4;margin-bottom:10px;}
.list-contact-item .sub-description{display:block;font-size:15px;margin-bottom:20px;}

.list-article{margin-bottom:50px;}
.list-article > li + li{margin-top:20px;}
.list-article-link{display:table;width:100%;min-height:65px;text-decoration:none;}
.list-article-link:before{display:table-cell;vertical-align:middle;font-family:'FontAwesome';content:'\f0f6';width:65px;background:url(/PublishingImages/site-all/list-pressrelease-link-before.png) center center no-repeat;color:#0aabc2;text-align:center;}
.list-article-link .sub-inner{display:table-cell;vertical-align:middle;padding-left:20px;}
.list-article-link .sub-title{display:block;text-transform:uppercase;color:#0aabc2;font-size:14px;line-height:1.4;}
.list-article-link .sub-description{display:block;font-size:15px;}

.list-pressrelease{margin-bottom:50px;}
.list-pressrelease> li + li{margin-top:20px;}
.list-pressrelease-link{display:table;width:100%;min-height:65px;text-decoration:none;}
.list-pressrelease-link:before{display:table-cell;vertical-align:middle;font-family:'FontAwesome';content:'\f0f6';width:65px;background:url(/PublishingImages/site-all/list-pressrelease-link-before.png) center center no-repeat;color:#0aabc2;text-align:center;}
.list-pressrelease-link.calendar:before{display:table-cell;vertical-align:middle;font-family:'FontAwesome';content:'\f073';width:65px;background:url(/PublishingImages/site-all/list-pressrelease-link-before.png) center center no-repeat;color:#0aabc2;text-align:center;}
.list-pressrelease-link .sub-inner{display:table-cell;vertical-align:middle;padding-left:20px;}
.list-pressrelease-link .sub-title{display:block;color:#0aabc2;font-weight:400;font-size:15px;line-height:1.4;}
.list-pressrelease-link .sub-date{display:block;font-size:15px;}

.list-news{margin-bottom:50px;}
.list-news:last-child{margin-bottom:0;}
.list-news > li + li{margin-top:25px;}
.list-news-title{margin-top:20px;margin-bottom:20px;font-size:17px;color:#000;}
.list-news-title a{color:#0aabc2;text-decoration:none;}

#list-jobs,#list-jobs-hp{margin-bottom:50px;}
.list-jobs{margin-bottom:50px;}
.list-jobs:last-child{margin-bottom:0;}
.list-jobs> li + li{margin-top:20px;}
.list-jobs-link{display:table;width:100%;min-height:65px;text-decoration:none;}
.list-jobs-link:before{display:table-cell;vertical-align:middle;font-family:'FontAwesome';content:'\f219';width:65px;background:url(/PublishingImages/site-all/list-pressrelease-link-before.png) center center no-repeat;color:#0aabc2;text-align:center;}
.list-jobs-link .sub-inner{display:table-cell;vertical-align:middle;padding-left:20px;}
.list-jobs-link .sub-title{display:block;color:#0aabc2;font-weight:400;font-size:15px;line-height:1.4;}
.list-jobs-link .sub-description{display:block;font-size:15px;}

.list-testimonials{margin-bottom:50px;}
.list-testimonials:last-child{margin-bottom:0;}
.list-testimonials> li + li{margin-top:20px;}
.list-testimonials-link{display:table;width:100%;min-height:65px;text-decoration:none;}
.list-testimonials-link:before{display:table-cell;vertical-align:middle;font-family:'FontAwesome';content:'\f130';width:65px;background:url(/PublishingImages/site-all/list-pressrelease-link-before.png) center center no-repeat;color:#0aabc2;text-align:center;}
.list-testimonials-link .sub-inner{display:table-cell;vertical-align:middle;padding-left:20px;}
.list-testimonials-link .sub-name{display:block;text-transform:uppercase;color:#0aabc2;font-size:16px;line-height:1.4;}
.list-testimonials-link .sub-jobposition{display:block;font-size:16px;color:#000;}

.list-check{margin-bottom:30px;}
.list-check:last-child{margin-bottom:0;}
.list-check > li{position:relative;padding-left:35px;}
.list-check > li + li{margin-top:15px;}
.list-check > li:before{position:absolute;left:0;font-family:'FontAwesome';content:'\f00c';margin-right:10px;font-size:22px;line-height:1.2;color:#333;}
.list-check.is-dualcolumn{word-spacing:-3px;letter-spacing:-3px;margin-left:-10px;margin-top:-10px;}
.list-check.is-dualcolumn > li{display:inline-block;width:50%;padding-left:45px;margin-top:10px;vertical-align:top;word-spacing:normal;letter-spacing:normal;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.list-check.is-dualcolumn > li:before{left:10px;}

.list-faq{margin-bottom:30px;}
.list-faq:last-child{margin-bottom:0;}
.list-faq > li{position:relative;padding-left:25px;}
.list-faq > li + li{margin-top:15px;}
.list-faq > li:before{position:absolute;top:5px;left:0;font-family:'FontAwesome';content:'\f0f6';margin-right:10px;font-size:18px;line-height:1.2;color:#333;}
.list-faq a{text-decoration:none;}
.list-faq a:hover{text-decoration:underline !important;}
.list-faq.is-dualcolumn{word-spacing:-3px;letter-spacing:-3px;margin-left:-10px;margin-top:-10px;}
.list-faq.is-dualcolumn > li{display:inline-block;width:50%;padding-left:35px;margin-top:10px;vertical-align:top;word-spacing:normal;letter-spacing:normal;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.list-faq.is-dualcolumn > li:before{left:10px;}

.list-accordion{margin-bottom:30px;}
.list-accordion:last-child{margin-bottom:0;}
.list-accordion > li{position:relative;}
.list-accordion > li + li:before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background-color:#ddd;}
.list-accordion-title{position:relative;padding:25px 0 25px 30px;color:#0aabc2;font-size:18px;cursor:pointer;}
.list-accordion-title:before{content:'\f067';position:absolute;top:26px;left:0;font-family:'FontAwesome';font-size:18px;color:#0aabc2;}
.list-accordion-title:hover{text-decoration:underline;}
.list-accordion > li.is-current .list-accordion-title:before{content:'\f068';}
.list-accordion-content{padding-bottom:30px;}

.list-quickcontact{padding-top:5px;}
.list-quickcontact > li{display:inline-block;vertical-align:middle;}
.list-quickcontact > li:nth-child(1){margin-right:15px;}
.list-quickcontact > li:nth-child(2){margin-right:30px;}
.list-quickcontact .sub-visual{border-radius:100%;}

.list-brochure{margin-left:-40px;margin-top:-40px;margin-bottom:40px;word-spacing:-3px;letter-spacing:-3px;}
.list-brochure:last-child{margin-bottom:0;}
.list-brochure > li{padding-left:40px;margin-top:40px;display:inline-block;width:20%;vertical-align:top;word-spacing:normal;letter-spacing:normal;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}

.list-brochure .sub-link{display:block;text-align:center;text-decoration:none;}
.list-brochure .sub-visual{display:block;position:relative;margin-bottom:10px;box-shadow:0 5px 15px rgba(0, 0, 0, 0.05);border:1px solid #d0d0d0;}
.list-brochure .sub-visual:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background-color:#702f8a;opacity:0;filter:alpha(opacity=0);transition:opacity 200ms;}
.list-brochure .sub-link:hover .sub-visual:after{opacity:0.5;filter:alpha(opacity=50);}
.list-brochure .sub-visual img{display:block;}
.list-brochure .sub-title{display:block;line-height:1.4;font-weight:400;font-size:15px;color:#0aabc2;}
.list-brochure .sub-description{display:none;}

.list-brochure[data-grid='3']{margin-left:-30px;margin-top:-30px;margin-bottom:30px;}
.list-brochure[data-grid='3'] > li{width:33.33333%;padding-left:30px;margin-top:30px;}

@media (max-width:960px){
	.list-brochure{margin-left:-30px;margin-top:-30px;margin-bottom:30px;}
	.list-brochure > li{padding-left:30px;margin-top:30px;width:25%;}
}

@media (max-width:640px){
	.list-brochure{margin-left:-20px;margin-top:-20px;margin-bottom:20px;}
	.list-brochure > li{padding-left:20px;margin-top:20px;width:33.33333%;}
	
	.list-brochure[data-grid='3']{margin-left:-20px;margin-top:-20px;margin-bottom:20px;}
	.list-brochure[data-grid='3'] > li{width:50%;padding-left:20px;margin-top:20px;}
}

@media (max-width:480px){
	.list-brochure > li{width:50%;}
}


/* text */
.text-highlight{position:relative;padding:40px 0 40px 40px;font-size:34px;font-weight:100;color:#702f8a;border-left:1px solid #702f8a;}
.text-highlight.is-small{font-size:22px;}
.text-highlight:before, .text-highlight:after{content:'';position:absolute;left:0;width:25px;height:1px;background-color:#702f8a;}
.text-highlight:before{top:0;}
.text-highlight:after{bottom:0;}
.text-big{font-size:32px;}
.text-mention{font-size:13px;}
.text-nobr{white-space:nowrap;}
.text-center{text-align:center;}
.text-white{color:#fff;}
.text-justify{text-align:justify;}
.text-phone{font-size:28px;color:#000;}
.text-phone.is-small{font-size:17px;}
.text-phone:before{font-family:'FontAwesome';content:'\f095';margin-right:10px;font-weight:300;}
.text-email{font-size:26px;color:#000;}
.text-email.is-small{font-size:17px;}
.text-email:before{font-family:'FontAwesome';content:'\f003';margin-right:10px;font-weight:300;}
.clear-div{clear:both;}

/* box */
.box-1{margin-bottom:35px;padding:30px;}
.box-1:last-child{margin-bottom:0;}

.box-event{text-decoration:none;}
.box-event .sub-title{font-size:17px;color:#000;}
.box-event .sub-title a{color:#0aabc2;text-decoration:none;}
.box-event .sub-visual img{display:block;border-radius:3px;box-shadow:0 1px 5px rgba(0, 0, 0, 0.1);}

.box-portail{text-align:center;}
.box-portail .sub-visual{display:block;margin-bottom:15px;}
.box-portail .sub-title{margin-bottom:15px;font-size:24px;color:#702f8b;}
.box-portail .sub-list a{color:#0aabc2;}

.box-icon{position:relative;padding:15px 0 0 90px;}
.box-icon + .box-icon{margin-top:50px;}
.box-icon-type{position:absolute;top:0;left:0;font-family:'FontAwesome';line-height:65px;width:65px;background-color:#e3f2f4;color:#0aabc2;text-align:center;border-radius:100%;}
.box-icon-title{text-transform:uppercase;color:#000;font-size:16px;}

.box-category, .box-category:link, .box-category:visited{text-align:center;color:#2c3e50;text-decoration:none;}
.box-category-visual{position:relative;margin-bottom:10px;overflow:hidden;}
.box-category-visual img{transition-duration:200ms;}
.box-category-title{margin-bottom:30px;font-size:19px;color:#702f8a;line-height:1.4;}
.box-category-description{margin-bottom:30px;font-size:15px;opacity:0.7;filter:alpha(opacity=70);}
a.box-category{display:block;padding:30px;transition:200ms;}
a.box-category:hover{text-decoration:none;background-color:#f5f0f7;border-radius:3px;}

.box-employee{position:relative;display:block;text-decoration:none;text-align:left;}
.box-employee:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(112, 47, 139, 0.5);opacity:0;filter:alpha(opacity=0);transition:200ms;}
.box-employee .sub-visual{display:block;}
.box-employee .sub-content{position:absolute;right:0;bottom:0;left:0;padding:20px;color:#fff;}
.box-employee .sub-name{display:block;text-transform:uppercase;transition:200ms;}
.box-employee .sub-jobposition{display:none;text-transform:uppercase;font-size:13px;}
.box-employee .sub-management{display:none;text-transform:uppercase;font-size:13px;}
.box-employee:hover:before{opacity:1;filter:alpha(opacity=100);}
.box-employee:hover .sub-name{padding-bottom:10px;margin-bottom:10px;border-bottom:3px solid #fff;}
.box-employee:hover .sub-jobposition{display:block;}
.box-employee:hover .sub-management{display:block;}

.box-message{padding:20px;margin-bottom:20px;}
.box-message a{text-decoration:underline;}
.box-message a:hover{text-decoration:none;}
.box-message.is-success{background-color:#edffcd;}
.box-message.is-success, .box-message.is-success a{color:#192a00;}
.box-message.is-info{background-color:#e0efff;}
.box-message.is-info, .box-message.is-info a{color:#08152a;}
.box-message.is-warning{background-color:#ffecec;}
.box-message.is-warning, .box-message.is-warning a{color:#1c0404;}
.box-message.is-notice{background-color:#ffffc5;}
.box-message.is-notice, .box-message.is-notice a{color:#181900;}
.box-message .sub-title{margin-bottom:10px;font-size:15px;}

@media (max-width:1024px){
	.box-employee:hover:before{opacity:0;filter:alpha(opacity=0);}
	.box-employee .sub-content{display:block;position:static;padding:10px 0 0 0;color:#000;}
	.box-employee:hover .sub-name{padding-bottom:0;margin-bottom:0;border-bottom:none;}
	.box-employee .sub-jobposition{display:block;}
	.box-employee .sub-management{display:block;}
}

/* table */
.table-compatibility-outer{overflow-x:auto;}
.table-compatibility{min-width:640px;width:100%;border-collapse:collapse;}
.table-compatibility .sub-title{display:block;margin-bottom:10px;text-transform:uppercase;color:#000;}
.table-compatibility tbody th, .table-compatibility tbody td{padding:10px;background-color:#f3f3f3;}
.table-compatibility tbody td{border-left:5px solid #fff;}
.table-compatibility tbody th{text-align:left;font-weight:400;}

.table-1-outer{overflow-x:auto;margin-bottom:30px;}
.table-1{width:100%;border-collapse:collapse;background-color:#fff;text-align:center;font-size:14px;border:1px solid #e6e6e6;}
.table-1 thead th{border-bottom:3px solid #e6e6e6;text-transform:uppercase;}
.table-1 td, .table-1 th{padding:15px;border-bottom:1px solid #e6e6e6;}
.table-1 th{color:#333;}
.table-1 tr:nth-child(even) td, .table-1 tr:nth-child(even) th{background-color:#f8f8f8;}


/* grid */
.grid-center{max-width:805px;margin:0 auto 50px;text-align:center;}
.grid-center:last-child{margin-bottom:0;}

.grid-visual-item .sub-visual{display:inline-block;vertical-align:middle;}
.grid-visual-item .sub-visual img{display:block;}
.grid-visual[data-position*=top] .grid-visual-item .sub-visual{vertical-align:top;}
.grid-visual[data-position*=bottom] .grid-visual-item .sub-visual{vertical-align:bottom;}
.grid-visual[data-position*=right]{position:relative;width:50%;}
.grid-visual[data-position*=right] .grid-visual-item{position:absolute;left:100%;top:0;bottom:0;margin-left:50px;width:5000px;overflow:hidden;}
.grid-visual[data-position*=right] .grid-visual-item .sub-wrapper{height:100%;}
.grid-visual[data-position*=right] .grid-visual-item .sub-wrapper:before{content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
.grid-visual[data-position*=left]{position:relative;width:50%;margin-left:auto;}
.grid-visual[data-position*=left] .grid-visual-item{position:absolute;right:100%;top:0;bottom:0;margin-right:50px;width:5000px;overflow:hidden;text-align:right;}
.grid-visual[data-position*=left] .grid-visual-item .sub-wrapper{height:100%;}
.grid-visual[data-position*=left] .grid-visual-item .sub-wrapper:before{content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
.grid-visual[data-position*=left][data-position*=sticky]{position:static;}
.grid-visual[data-position*=left][data-position*=sticky] .grid-visual-item{z-index:1;left:0;right:auto;width:50%;letter-spacing:-6px;text-align:left;}
.grid-visual[data-position*=right][data-position*=sticky]{position:static;}
.grid-visual[data-position*=right][data-position*=sticky] .grid-visual-item{z-index:1;left:auto;right:0;width:50%;letter-spacing:-6px;text-align:right;}

.grid-widevisual{margin:0 -70px 50px;}

.grid-adaptive{word-spacing:-5px;letter-spacing:-5px;}
.grid-adaptive:last-child{margin-bottom:0;}
.grid-adaptive > [class*=sub-column-]{display:inline-block;vertical-align:top;word-spacing:normal;letter-spacing:normal;margin:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.grid-adaptive .sub-column-100{width:100%;}
.grid-adaptive .sub-column-80{width:80%;}
.grid-adaptive .sub-column-70{width:70%;}
.grid-adaptive .sub-column-60{width:60%;}
.grid-adaptive .sub-column-50{width:50%;}
.grid-adaptive .sub-column-40{width:40%;}
.grid-adaptive .sub-column-33{width:33.3333333%;}
.grid-adaptive .sub-column-30{width:30%;}
.grid-adaptive .sub-column-25{width:25%;}
.grid-adaptive .sub-column-20{width:20%;}
.grid-adaptive.is-none{margin-left:0;margin-top:0;margin-bottom:0;}
.grid-adaptive.is-none > [class*=sub-column-]{padding-left:0;margin-top:0;}
.grid-adaptive.is-xsmall{margin-left:-15px;margin-top:-15px;margin-bottom:15px;}
.grid-adaptive.is-xsmall > [class*=sub-column-]{padding-left:15px;margin-top:15px;}
.grid-adaptive.is-small{margin-left:-30px;margin-top:-30px;margin-bottom:30px;}
.grid-adaptive.small{margin-bottom:30px;}
.grid-adaptive.is-small > [class*=sub-column-]{padding-left:30px;margin-top:30px;}
.grid-adaptive{margin-left:-75px;margin-top:-75px;margin-bottom:75px;}
.grid-adaptive > [class*=sub-column-]{padding-left:75px;margin-top:75px;}
.grid-adaptive.is-large{margin-left:-100px;margin-top:-100px;margin-bottom:100px;}
.grid-adaptive.is-large > [class*=sub-column-]{padding-left:100px;margin-top:100px;}
.grid-adaptive:last-child{margin-bottom:0;}

.grid-icon{float:left;margin-right:50px;}
.grid-icon-content{overflow:hidden;}

.grid-person{display:table;}
.grid-person-col-1{display:table-cell;padding-right:50px;width:190px;vertical-align:top;}
.grid-person-col-2{display:table-cell;vertical-align:middle;}
.grid-person-title{margin-bottom:25px;font-size:24px;color:#000;}
.grid-person-description{margin-top:-25px;margin-bottom:25px;font-weight:100;}

.grid-youtube{position:relative;padding-bottom:56.25%;padding-top:25px;height:0;margin-bottom:30px;}
.grid-youtube:last-child{margin-bottom:0;}
.grid-youtube iframe {position:absolute;top:0;left:0;width:100%;height:100%;}

/* gridmylife */
.grid-mylife{
	word-spacing: -5px;
    letter-spacing: -5px;
}    
.grid-mylife:last-child{margin-bottom:0;}
.grid-mylife> [class*=sub-mylife]{display:inline-block;vertical-align:top;word-spacing:normal;letter-spacing:normal;margin:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.grid-mylife .sub-mylife{width:33.3333333%;}
.grid-mylife > [class*=sub-mylife]{padding-left:0px;margin: 0;}
.grid-mylife:last-child{margin-bottom:0;}


@media (max-width:768px){
	.grid-mylife .sub-mylife{width:100%;}
	.grid-mylife:last-child{margin-bottom:0;}
}

@media (max-width:480px){
	.grid-mylife > [class*=sub-mylife]{width:100%;}
}

@media (max-width:960px){
	.grid-adaptive .sub-column-20{width:25%;}
}

@media (max-width:800px){
	.grid-icon{float:none;display:block;width:150px;margin:auto;margin-bottom:30px;}
	.grid-icon-content{text-align:center;}
	
	.grid-person{display:block;text-align:center;}
	.grid-person-col-1{display:block;padding-right:0;width:auto;margin-bottom:30px;}
	.grid-person-col-2{display:block;}
}

@media (max-width:768px){
	.grid-adaptive .sub-column-80{width:100%;}
	.grid-adaptive .sub-column-70{width:100%;}
	.grid-adaptive .sub-column-60{width:100%;}
	.grid-adaptive .sub-column-50{width:100%;}
	.grid-adaptive .sub-column-40{width:100%;}
	.grid-adaptive .sub-column-33{width:50%;}
	.grid-adaptive .sub-column-30{width:50%;}
	.grid-adaptive .sub-column-25{width:50%;}
	.grid-adaptive .sub-column-20{width:33.3333333%;}
	.grid-adaptive.is-small{margin-left:-25px;margin-top:-25px;margin-bottom:25px;}
	.grid-adaptive.is-small > [class*=sub-column-]{padding-left:25px;margin-top:25px;}
	.grid-adaptive{margin-left:-50px;margin-top:-50px;margin-bottom:50px;}
	.grid-adaptive > [class*=sub-column-]{padding-left:50px;margin-top:50px;}
	.grid-adaptive.is-large{margin-left:-75px;margin-top:-75px;margin-bottom:75px;}
	.grid-adaptive.is-large > [class*=sub-column-]{padding-left:75px;margin-top:75px;}
	.grid-adaptive:last-child{margin-bottom:0;}
}

@media (max-width:767px){
	.grid-visual[data-position*=left]{width:auto;}
	.grid-visual[data-position*=right]{width:auto;}
	.grid-visual .grid-visual-item{display:none;}
	.grid-visual .grid-visual-item{display:none;}
}


@media (max-width:640px){
	.grid-adaptive .sub-column-20{width:50%;}
}

@media (max-width:480px){
	.grid-adaptive > [class*=sub-column-]{width:100%;}
	.grid-adaptive.is-small{margin-left:-15px;margin-top:-15px;margin-bottom:15px;}
	.grid-adaptive.is-small > [class*=sub-column-]{padding-left:15px;margin-top:15px;}
	.grid-adaptive{margin-left:-25px;margin-top:-25px;margin-bottom:25px;}
	.grid-adaptive > [class*=sub-column-]{padding-left:25px;margin-top:25px;}
	.grid-adaptive.is-large{margin-left:-50px;margin-top:-50px;margin-bottom:50px;}
	.grid-adaptive.is-large > [class*=sub-column-]{padding-left:50px;margin-top:50px;}

}


/* slider */
#slider-gallery{margin:50px 0;}


/* javascript : serialswipe */
.serialswipe{position:relative;}
.serialswipe-wrapper{overflow:hidden;visibility:hidden;}
.serialswipe-list{position:relative;overflow:hidden;}
.serialswipe-list > li{position:relative;float:left;width:100%;height:100%;}
.serialswipe-list img{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;}
.serialswipe-nav{position:absolute;left:0;bottom:35px;right:0;z-index:1;text-align:center;}
.serialswipe-nav > li{opacity:0.5;filter:alpha(opacity=50);display:inline-block;height:12px;width:12px;overflow:hidden;text-indent:-999em;margin:0 10px;cursor:pointer;background-color:#fff;border-radius:10px;}
.serialswipe-nav > li.is-current{opacity:1;filter:alpha(opacity=100);}
.serialswipe-prev, .serialswipe-next{opacity:0;filter:alpha(opacity=0);position:absolute;top:50%;margin-top:-30px;width:50px;height:70px;transition:opacity 0.4s;cursor:pointer;}
.serialswipe:hover .serialswipe-prev, .serialswipe:hover .serialswipe-next{opacity:0.4;filter:alpha(opacity=40);}
.serialswipe .serialswipe-prev:hover, .serialswipe .serialswipe-next:hover{opacity:0.6;filter:alpha(opacity=60);}
.serialswipe-prev{background:url(/PublishingImages/site-all/serialswipe-prev.png);left:0;}
.serialswipe-next{background:url(/PublishingImages/site-all/serialswipe-next.png);right:0;}

@media (max-width:640px){
	.serialswipe-prev, .serialswipe-next{display:none;}
}


/* javascript : serialswipe animation */
.serialswipe-list > li{opacity:0;filter:alpha(opacity=0);}
.serialswipe-list > li.is-current{opacity:1;filter:alpha(opacity=100);}
.serialswipe-list > li [data-serialswipe-fx=zoomin]{transition-duration:1000ms;-moz-transform:scale(0.6, 0.6);-webkit-transform:scale(0.6, 0.6);}
.serialswipe-list > li.is-current [data-serialswipe-fx=zoomin]{-moz-transform:scale(1.0, 1.0);-webkit-transform:scale(1.0, 1.0);}
.serialswipe-list > li [data-serialswipe-fx=zoomout]{transition-duration:1000ms;-moz-transform:scale(2.0, 2.0);-webkit-transform:scale(2.0, 2.0);}
.serialswipe-list > li.is-current [data-serialswipe-fx=zoomout]{-moz-transform:scale(1.0, 1.0);-webkit-transform:scale(1.0, 1.0);}
.serialswipe-list > li [data-serialswipe-fx=slidetop]{transition-duration:1500ms;position:relative;top:-50px;}
.serialswipe-list > li.is-current [data-serialswipe-fx=slidetop]{top:0;}
.serialswipe-list > li [data-serialswipe-fx=slideright]{transition-duration:1500ms;position:relative;right:-50px;}
.serialswipe-list > li.is-current [data-serialswipe-fx=slideright]{right:0;}
.serialswipe-list > li [data-serialswipe-fx=slidebottom]{transition-duration:1500ms;position:relative;bottom:-50px;}
.serialswipe-list > li.is-current [data-serialswipe-fx=slidebottom]{bottom:0;}
.serialswipe-list > li [data-serialswipe-fx=slideleft]{transition-duration:1500ms;position:relative;left:-50px;}
.serialswipe-list > li.is-current [data-serialswipe-fx=slideleft]{left:0;}


/* javascript : serialtip */
[data-serialtip]{display:none;position:absolute;z-index:1001;}


/* javascript : perferct scrollbar */
.ps-scrollbar-y{position:absolute;right:0;width:8px;background-color:#aaa;border-radius:10px;}
.ps-scrollbar-y-rail{position:absolute;right:0;width:8px;opacity:0;transition:opacity 200ms;}
.ps-container:hover .ps-scrollbar-y-rail{opacity:0.6;}


/* javascript : serialcookielaw */
#page-message{background-color:#2b1036;}
#page-message strong{color:#fff;}
.page-message-item{position:relative;overflow:hidden;padding:25px 50px 25px 0;color:#fff;text-align:center;font-size:15px;line-height:1.5;}
.page-message-item + .page-message-item{border-top:1px solid #3f2749;}
.page-message-item-inner{max-width:640px;margin:auto;}
.page-message-close{position:absolute;top:0;right:0;width:70px;height:70px;background:url(/PublishingImages/site-all/page-message-close.png) center center no-repeat;cursor:pointer;transition:250ms ease-out;transform:rotate(0deg);}
.page-message-close:hover{transform:rotate(90deg);}

#page-message .sub-button{display:inline-block;padding:8px 10px 7px;margin-left:15px;min-width:75px;margin-right:15px;font-size:13px;color:#fff;cursor:pointer;border-radius:3px;background-image:linear-gradient(to bottom, #31b2cf, #239fbb);background-color:#31b2cf;text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);border-bottom:1px solid rgba(0, 0, 0, 0.65);}
#page-message .sub-button:hover{background:#31b2cf;}


/* javascript : serialslider */
.serialslider{position:relative;padding-bottom:50px;}
.serialslider-list:before, .serialslider-list:after{display:table;line-height:0;content:"";}
.serialslider-list:after{clear:both;}
.serialslider-list > li{display:none;margin-right:40px;-webkit-backface-visibility:hidden;}
.serialslider-control-nav{position:absolute;left:0;bottom:0;right:0;text-align:center;}
.serialslider-control-nav > li{display:inline-block;}
.serialslider-control-nav a{display:block;height:12px;width:12px;overflow:hidden;text-indent:-999em;margin:0 5px;cursor:pointer;background-color:#301312;border-radius:10px;opacity:0.2;filter:alpha(opacity=20);}
.serialslider-control-nav a:hover{opacity:0.4;filter:alpha(opacity=40);}
.serialslider-control-nav a.serialslider-active{opacity:1;filter:alpha(opacity=100);}
.serialslider-disabled{display:none;}

/* javascript: serialbox (overlay) */
body.is-serialbox-open{overflow:hidden;}
#serialbox{display:none;position:fixed;top:0;left:0;bottom:0;right:0;background:url(/PublishingImages/site-all/serialbox.png);z-index:1000;}
#serialbox-wrapper{height:100%;margin:auto;word-spacing:-3px;letter-spacing:-3px;}
#serialbox-wrapper:before, #serialbox-content{display:inline-block;vertical-align:middle;}
#serialbox-wrapper:before{content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
#serialbox-content{width:100%;word-spacing:normal;letter-spacing:normal;}
#serialbox-prev, #serialbox-next, #serialbox-close{position:absolute;text-indent:-999em;background:center center no-repeat;cursor:pointer;opacity:0.6;filter:alpha(opacity=60);transition:opacity 300ms;z-index:100;}
#serialbox-prev, #serialbox-next{top:50%;width:50px;height:70px;margin-top:-35px;}
#serialbox-prev:hover, #serialbox-next:hover, #serialbox-close:hover{opacity:1;filter:alpha(opacity=100);}
#serialbox-prev.is-disabled, #serialbox-next.is-disabled{opacity:0;filter:alpha(opacity=20);cursor:default;}
#serialbox-prev{background:url(/PublishingImages/site-all/serialbox-prev.png);left:0;}
#serialbox-next{background:url(/PublishingImages/site-all/serialbox-next.png);right:0;}
#serialbox.is-desktop #serialbox-close{top:0;right:0;width:50px;height:50px;background-image:url(/PublishingImages/site-all/serialbox-close.png);background-color:#000;}
#serialbox.is-touchdevice #serialbox-prev{display:none;}
#serialbox.is-touchdevice #serialbox-next{display:none;}
#serialbox.is-touchdevice #serialbox-close{top:15px;right:15px;padding:6px 11px;text-indent:0;background:rgba(0, 0, 0, 0.5);color:#fff;font-size:12px;border:1px solid #fff;border-radius:3px;}
#serialbox.is-touchdevice #serialbox-controls{display:none;}
#serialbox-swipejs{overflow:hidden;visibility:hidden;}
#serialbox-swipejs-list{position:relative;overflow:hidden;text-align:center;-webkit-transform:translateZ(0);-webkit-perspective:1000;-webkit-backface-visibility:hidden;}
#serialbox-swipejs-list > li{position:relative;display:inline-block;width:100%;background:url(/PublishingImages/site-all/serialbox-loading.gif) center center no-repeat;min-height:15px;}
.serialbox-swipejs-visual{max-width:100%;height:auto;transition:max-height 0.2s ease-out;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;}


/* javascript: serialbox (thumbnail) */
.js-serialbox{position:relative;display:block;}
.js-serialbox:before, .js-serialbox:after{opacity:0;filter:alpha(opacity=0);transition:opacity 300ms;}
.js-serialbox:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;}
.js-serialbox:hover:before{opacity:0.3;filter:alpha(opacity=30);}
.js-serialbox:after{content:'+';position:absolute;top:50%;left:50%;margin-top:-2px;margin-left:-8px;color:#fff;font-size:30px;line-height:0;}
.js-serialbox:hover:after{opacity:1;filter:alpha(opacity=100);}

/* javascript: serialoverlay */
#serialoverlay{display:none;position:fixed;top:0;left:0;bottom:0;right:0;padding:25px;background-image:url(/PublishingImages/site-all/serialoverlay.png);z-index:1000;}
#serialoverlay-inner{height:100%;margin:auto;word-spacing:-3px;letter-spacing:-3px;}
#serialoverlay-inner:before, #serialoverlay-wrapper{display:inline-block;vertical-align:middle;}
#serialoverlay-inner:before{content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
#serialoverlay-wrapper{;width:100%;word-spacing:normal;letter-spacing:normal;}
#serialoverlay-content{position:relative;max-width:1120px;margin:auto;padding:35px;background-color:#fff;border-radius:3px;}
#serialoverlay-title{margin-bottom:25px;font-size:18px;line-height:1.3;}
#serialoverlay-close{position:absolute;top:0;right:0;width:50px;height:50px;background:url(/PublishingImages/site-all/serialoverlay-close.png) center center no-repeat;cursor:pointer;}
#serialoverlay-close:hover{color:#702f8a;}
#serialoverlay-footer{margin:30px -25px -20px;padding:20px;background-color:#f8f8f8;border-radius:0 0 3px 3px;border-top:1px solid #e2e2e2;text-align:center;}
#serialoverlay-confirm{display:inline-block;padding:8px 13px 7px;font-size:13px;text-align:center;cursor:pointer;border:none;border-radius:3px;background-image:linear-gradient(to bottom, #7bb815, #72ad10);background-color:#72ad10;color:#fff;}
#serialoverlay-confirm:hover{background:#72ad10;text-decoration:none;}

.js-serialbox .sub-content{position:absolute;right:0;bottom:0;left:0;padding:20px;color:#fff;}
.js-serialbox .sub-name{display:block;text-transform:uppercase;transition:200ms;}
.js-serialbox .sub-subname{display:none;text-transform:uppercase;font-size:13px;}
.js-serialbox .sub-subtitle{display:none;text-transform:uppercase;font-size:13px;}
.js-serialbox:hover .sub-name{padding-bottom:5px;margin-bottom:5px;border-bottom:3px solid #fff;}
.js-serialbox:hover .sub-subname{display:block;}
.js-serialbox:hover .sub-subtitle{display:block;}

@media (max-width:800px){
	.js-serialbox:hover .sub-subname{display:none;}
	.js-serialbox:hover .sub-subtitle{display:none;}
	.js-serialbox:hover .sub-name{padding-bottom:00px;margin-bottom:0px;border-bottom:none;}
}

/* pagelayout news */
.image-news{float:right; margin-left:30px;margin-bottom:5px;max-width: 450px;}
.date-news{margin-bottom:0px;font-size:19px;color:#888;}
.titre-news{margin-bottom:30px;font-size:28px;color:#702f8a;line-height:1.5;}
.description-news{margin-bottom:25px;font-size:20px;color:#000;text-align:justify;}

@media (max-width:800px){
	.image-news{float:none; margin-left:0px;margin-bottom:20px;max-width: 100%;}
	.date-news{font-size:16px;margin-top:15px;}
	.titre-news{margin-bottom:20px;font-size:20px;line-height:1.3;}
	.description-news{margin-bottom:15px;font-size:18px;text-align:left;}
	.text-justify{text-align:left;}
}


/* boxnews */
.box-news {position: relative;display: flex;padding: 10px;padding-left: 0;border:1px solid #dddddd;margin-bottom: 20px;}
.box-news-pdf {padding-right: 80px;}
.box-news .news-logo {width: 20%;display: flex;justify-content: center;align-items: center;}
.box-news .news-logo img {width: 70%;max-width:220px !important;display: block;margin: 0 auto;}
.box-news-pdf .news-logo img {box-shadow: -5px 17px 70px -11px rgba(0,0,0,0.19);transition: all 0.26s ease-in-out;}
.box-news-pdf.box-news-latest .news-logo img {width: 80%;box-shadow: none;}
.box-news .news-content {width: 70%;}

.box-news .btn-download-pdf {position: absolute;bottom: 0;right: 0;display: block;width: 250px;font-size: 14px;text-align: left;border-bottom: 0;border-right: 0;}
.box-news .btn-download-pdf .fa-icon {font-size: 28px;}

.box-news-links {position: absolute;top: 0;right: 0;}
.section-box .box-news-links .box-news-link,.box-news-links .box-news-link {text-align: center;margin-bottom: 0;border:none;}
.box-news-links .box-news-link a {margin-bottom: 0;text-decoration: none;color: #ca1234;display: block;width: 60px;height: 60px;border:1px solid #dddddd;transition: all 0.2s linear;border-bottom: none;}
.box-news-links .box-news-link:last-child a {border:none;border-bottom: 1px solid #dddddd;border-left: 1px solid #dddddd;}
.box-news-links .box-news-link a > img {width: 25px;display: block;margin: 0 auto;margin-top: 12.5px;}
.image-green_information {display: block;}
.box-news-links .box-news-link-pdf > a {background: url('/PublishingImages/site-all/icons/doc-pdf.svg') center no-repeat;background-size: 26px;}
.box-news-links .box-news-link > a:hover {background-color: #dddddd;}
.news-content .title-4 {font-size: 20px;margin-bottom:0;text-decoration:none;}
.news-content a {text-decoration:none;}
.news-content .date {color:#702f8a;}

.btn-arrow-news {position: absolute;overflow: hidden;width: 50px;height: 50px;background: #702f8a;text-decoration: none;bottom: 0;right: 0;transition:200ms;}
.btn-arrow-news:before{position: absolute;content:'\f105';font-family:'FontAwesome';font-size:20px;color:#FFF;right: 0px;top: 8px;background: #702f8a;width: 25px;height: 50px;padding-right: 2px;padding-left: 10px;}
.btn-arrow-news span {color: #FFF;font-size: 12px;line-height: 50px;text-align: left;display: none;padding-left: 15px;padding-right: 20px;opacity: 0;transition: opacity 0.3s ease-in;}
.btn-arrow-news:hover {width: 130px;}
.btn-arrow-news:hover span {display: inline-block;opacity: 1;}

@media only screen and (max-width: 800px) {
  .btn-arrow-news {display:none;}
  .box-news .news-logo {display:none;}
  .box-news .news-content {padding-left:20px;width: 100%;}
  .news-content .title-4 {font-size: 17px;}
  .news-content p {margin-bottom: 10px;}
}

/* button */
.btn-arrow{display:inline-block;padding:5px 0;color:#0aabc2;font-size:17px;white-space:nowrap;cursor:pointer;text-decoration:none;}
.btn-arrow:before{font-family:'FontAwesome';content:'\f101';margin-right:5px;font-weight:400;}
.btn-arrow:hover{}

.btn-default{display:inline-block;padding:10px 25px;background-color:#0aabc2;color:#fff !important;text-align:center;font-size:14px !important;border-radius:3px;transition:300ms;text-decoration:none !important;}
.btn-default:hover{background-color:#0e9aae;cursor:pointer;color:#fff !important;}
.btn-default.is-wide{width:100%;padding-left:0;padding-right:0;}
.btn-default .text-phone{font-size:16px;color:#fff;}
.btn-default .text-email{font-size:16px;color:#fff;}
.btn-default .fa{margin-right:10px;font-size:20px;vertical-align:middle;}

.section-default a.btn-default{text-decoration:none !important;}
.section-default a.btn-default:hover{text-decoration:none !important; color:#fff !important;}


@media (max-width:640px){
	.btn-default{margin-bottom:5px;}
}

.btn-secondary{display:inline-block;padding:15px 25px;background-color:#e5e5e5;color:#000;text-align:center;font-size:14px;white-space:nowrap;border-radius:3px;transition:300ms;text-decoration:none;}
.btn-secondary:hover{background-color:#ddd;}
.btn-secondary.is-wide{width:100%;padding-left:0;padding-right:0;}

.btn-visual{position:relative;display:block;}
.btn-visual .sub-visual{display:block;}
.btn-visual .sub-term{position:absolute;top:0;right:0;bottom:0;left:0;word-spacing:-3px;letter-spacing:-3px;text-align:center;background-image:url(/PublishingImages/site-all/btn-visual-sub-term.png);transition:200ms;}
.btn-visual .sub-term:before, .btn-visual .sub-term-inner{display:inline-block;vertical-align:middle;word-spacing:normal;letter-spacing:normal;}
.btn-visual .sub-term:before{content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
.btn-visual .sub-term-inner{padding:15px 30px;margin:15px;border:2px solid #fff;color:#fff;font-size:22px;line-height:1.45;transition:200ms;}
.btn-visual:hover .sub-term{background-image:url(/PublishingImages/site-all/btn-visual-sub-term-hover.png);}
.btn-visual:hover .sub-term-inner{padding:20px 35px;}


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

Section myLife

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

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

.medium-bullet {
    font-size: 12px;
    color: #e6e6e6;
    padding: 1.5px;
}

.color-purple {
    color: #702f8a;
    margin-bottom: 0;
}

.mylife {
	margin-bottom: 20px;
	    margin-top: 30px;
}

.mylife .logo-mylife{width:100px;display:block;margin:0 auto}

.mylife p{font-size:100%}

.articles{
	margin: 0 auto;
	max-width: 1300px;
}

.article{
	display: block;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-position: center center;
    height: 350px;
}

.article.classie{
    background-size: 200px;
    border: solid 1px #fff;
}


@media (max-width:1024px){
	.article{
	    height: 250px;
	}
}

.articles .filtre {
    background-color: rgba(0,0,0,0.45);
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 1;
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

.articles .filtre:hover {
    background-color: rgba(0,0,0,0.7);
    -webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}
.article-content {
	position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    padding: 15px;
}
.article h3{
	font-size: 24px;
	color: #fff;
	text-decoration: none;
	font-family:"Open Sans Light",sans-serif;
	line-height: 27px;
}


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

Pop-up Main components 

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

.cd-popup-trigger {
}
@media only screen and (min-width: 1170px) {
  .cd-popup-trigger {
    margin: 6em auto;
  }
}

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

xpopup 

-------------------------------- */
.cd-popup {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(94, 110, 141, 0.9);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.cd-popup.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

.cd-popup-container {
  position: relative;
  width: 90%;
  max-width: 400px;
  top:30%;
  margin:auto;
  background: #FFF;
  border-radius: .25em .25em .4em .4em;
  text-align: center;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.cd-popup-container p {
  padding: 3em 1em;
}
.cd-popup-container .cd-buttons:after {
  content: "";
  display: table;
  clear: both;
}
.cd-popup-container .cd-buttons li {
  float: left;
  width: 50%;
  list-style: none;
}
.cd-popup-container .cd-buttons a {
  display: block;
  height: 60px;
  line-height: 60px;
  text-transform: uppercase;
  color: #FFF;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.cd-popup-container .cd-buttons li:first-child a {
  background: #fc7169;
  border-radius: 0 0 0 .25em;
}
.no-touch .cd-popup-container .cd-buttons li:first-child a:hover {
  background-color: #fc8982;
}
.cd-popup-container .cd-buttons li:last-child a {
  background: #b6bece;
  border-radius: 0 0 .25em 0;
}
.no-touch .cd-popup-container .cd-buttons li:last-child a:hover {
  background-color: #c5ccd8;
}
.cd-popup-container .cd-popup-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
}
.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {
  content: '';
  position: absolute;
  top: 12px;
  width: 14px;
  height: 3px;
  background-color: #8f9cb5;
}
.cd-popup-container .cd-popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}
.cd-popup-container .cd-popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 8px;
}
.is-visible .cd-popup-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
@media only screen and (min-width: 1170px) {
  .cd-popup-container {
  }
}

.page-wrapper.social{margin-top:10px;background-color:#f6f6f6;}

.addthis_sharing_toolbox{float: right;text-align:right;}

@media (max-width:767px){
	.addthis_sharing_toolbox{float: left;text-align:left; padding-top: 20px;}
}

#downloadlinknews{float:left;}

#downloadlinknews{ text-decoration:none; }
#downloadlinknews:hover { text-decoration: underline; }

#downloadlinknews:before{font-family:'FontAwesome';content:'\f019';margin-right:5px;color: #05c3de;text-decoration:none;}

#downloadpdfnews a:before{font-family:'FontAwesome';content:'\f1c1';margin-right:5px;color: red;}
#downloadpdfnews a{ text-decoration:none; }
#downloadpdfnews a:hover { text-decoration: underline; }


/* ------------------ SHAREPOINT CSS ------------------ */

/* ribbon */
#pageStatusBar[class]{margin-bottom:0;}

/* edittion */
.ms-formfieldcontainer{margin-bottom:40px;display:block;}
.ms-formfieldcontainer input[type=text]{width:100%;border: solid 1px #ababab !important;border-bottom: solid 1px #ababab !important;}
div.ms-formfieldlabelcontainer span.ms-formfieldlabel{border-bottom: none !important;}

#ctl00_PlaceHolderMain_EditModePanelEdit_NumberFieldPriorityEdit_ctl00_TextField{width:364px !important;}

.labelrequired{float:left;margin-right:10px;}

#globalNavBox, .ms-clientcontrol-chromeheader {background-color: rgba( 239,239,239,1 );}

#suiteBarRight {background-color: rgba( 239,239,239,1 );}

.ms-formfieldvaluecontainer textarea {width: 100% !important;}

.ms-dlgContent {position: fixed !important;}

.ms-cui-menu[id ^= "Ribbon."] {position: fixed !important;}

#WebPartWPQ1 {height:0;}

#PageEdit input[type=text], #PageEdit textarea{padding: 2px !important;}
#PageEdit select{padding: 2px !important;}

#PageEdit #ctl00_PlaceHolderMain_EditModePanelEdit_BILInternetExtendedRichHtmlFieldControlContentEdit_ctl00_TextField {height: 1500px !important;}

/* ------ Bloc pour aller chercher les resultats du site "cios blog" ------ */
.investement-content{
	background-color: rgba(255, 255, 255, 0.89);
    text-align: center;
    padding: 30px;
}

.investement-bloc{
	padding: 100px 30px 30px 30px !important;
	background-size: cover !important;
    background-position: 50% 50% !important;
    height: 100%;
    will-change: transform, top;
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    margin-right: 10px !important;
    margin-top: 0px !important;
    margin-bottom: 20px !important;
}

.investement-contentafter .investement-type{
	text-align: left;
    margin-bottom: 0;
    font-size: 12px;
    color: #05c3de;
}

.investement-contentafter .investement-type .investement-date{
	color: #333;
}
.investement-contentafter .investement-sameheight{
	text-align: left;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 2.06px;
    text-transform: uppercase;
    margin-bottom: 0px;
    margin-top:10px;
    min-height:65px;
}

.investement-contentafter .investement-btn{
	border: 1px solid #212121 !important;
    border-radius: 2px;
    color: #212121;
    background: none;	
    margin-top: 30px;
    padding: 9px 20px;
    margin-bottom: 0px;
    display: inline-block;
    vertical-align: middle;
    font-style: normal;
    font-variant: normal;
    text-transform: uppercase;
    text-align: center;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0.5px;
    font-weight: 600;
    padding: 15px 20px;
    text-decoration: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}
.grid-adaptive-investement{ margin-left: 0px; letter-spacing: 0px; word-spacing: normal;}

.grid-adaptive-investement a{
	color: black;
    text-decoration: none;
    width: auto;
}

@media (max-width:1000px){
	.grid-adaptive .investement-bloc{width:45%; }

}

@media (max-width:780px){
	.grid-adaptive .investement-bloc{width:100%; margin-left: 0px;}
	.investement-bloc{
		padding: 50px 20px 20px 20px !important;
	}
	.investement-contentafter .investement-sameheight{
	    min-height:inherit;
	}


}
@media (max-width:450px){
	.investement-bloc{
	padding: 10px 10px 10px 10px !important;
	background-size: cover !important;
    background-position: 50% 50% !important;
    height: 100%;
    will-change: transform, top;
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    margin-right: 10px !important;
	}
}

/**** pret premiere installation ****/

.input-group .form-control{
	margin-right: -36px;
    border-right: solid 1px rgba(0,0,0,.15)!important;
    border-bottom-right-radius: .25rem!important;
    border-top-right-radius: .25rem!important;
    padding: .5rem .75rem !important;
    font-size: 1rem;
    line-height: 1.25;
    color: #464a4c !important;
    background-color: #fff !important;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15) !important;
    border-radius: .25rem;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;	
}

#results h2.col-12{
	text-transform: inherit;
    color: #535353;
    display: inline-block;
    position: relative;
    font-weight: 600;
    font-size: 2rem;
}

#results .row .text-slider{
	font-size: 12px;
    font-weight: 700;
}

#results .row .col-print-2 .form-control{
	display: block;
    width: 100%;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #464a4c;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

#results h5.text-primary{
	font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 10px;
}

.tipso_bubble{
	text-align:left !important;
}
.tipso-ul{
	list-style-type: disc;
	    margin-left: 15px;
}

/*** Track ID ****/

#iframe-trackid{
	width:100%;
	height:100px;
}
@media (max-width:1500px){
	#iframe-trackid{
		height:150px;
	}
}

@media (max-width:1200px){
	#iframe-trackid{
		height:150px;
	}
}


@media (max-width:769px){
	#iframe-trackid{
		height:150px;
	}
}

@media (max-width:480px){
	#iframe-trackid{
		height:200px;
	}
}

@media (max-width:350px){
	#iframe-trackid{
		height:250px;
	}
}


/***INFOGRAPHIE PICTURE***/
.info-dektop{
	display:inline;
}
.info-mobile{
	display:none;
}

@media (max-width:750px){
	.info-dektop{
		display:none;
	}
	.info-mobile{
		display:inline;
	}
}

.info-section{
    background-color: #e9e3f1;
    text-align: center;
    background: linear-gradient(to right, #ede5f4 , #e8e2f0);
}



ul.support { list-style:none; margin:auto; }
ul.support li { display:inline-block; max-width:33%; padding:0; box-sizing:border-box; }
ul.support li a { text-decoration:none; color:inherit; font-size:16px; margin:20px; display:inline-block; }
ul.support li a span { width:84px; height:84px; background-position:top; display:block; margin:auto; margin-bottom:10px; }
ul.support li a.active span, ul.support li a:hover span { background-position:0 -84px; }
ul.support li a#lien_desktop span { background-image:url(../img/icones/desktop.png); }
ul.support li a#lien_tablet span { background-image:url(../img/icones/tablet.png); }
ul.support li a#lien_smartphone span { background-image:url(../img/icones/smartphone.png); }


.sliders { max-width:831px; margin:auto; position:relative; }
.sliders .slider { margin-bottom:50px; }
.sliders .photo { width:100%; height:510px; background-size:contain; background-repeat:no-repeat; background-position:center center; display:block; }
.sliders li { background-color:#FFFFFF; border-radius:5px; }
.sliders li span { color:#07BFD8; font-weight:bold; }
.sliders li .legende { padding:20px 10px; }

.sliders .unslider { position:relative; }
.sliders .unslider-arrow { top:40%; background-color:rgba(0,0,0,0.5); display:block; text-align:center; width:60px; height:60px; }
.sliders .unslider-arrow img { margin-top:16px; }
.sliders .unslider-arrow.next { right:0; border-radius:3px 0 0 3px; }
.sliders .unslider-arrow.prev { left:0; border-radius:0 3px 3px 0; }

#slider_tablet { display:none; }
#slider_smartphone { display:none; }

p.soustitre { font-size:22px; text-align:center; }
p.soustitre span { display:block; }

hr { margin:50px auto; border:none; border-top:1px solid #D7D7D7; border-bottom:1px solid #FFF; width:60%; max-width:300px; }

p.legende { color:#B2B2B2; font-style:italic; font-size:16px; text-align:center; margin:20px 0; }

#slideapplepayfr {
	background-image: url('/PublishingImages/site-all/campagnes/Moien_Apple-Pay_web.gif');
	background-size: contain;
	background-repeat: no-repeat;
	min-height: 180px;
	background-color: transparent;width: 38%;
	min-width: 250px;
}

#slideapplepayen {
	background-image: url('/PublishingImages/site-all/campagnes/Moien_Apple-Pay_web.gif');
	background-size: contain;
	background-repeat: no-repeat;
	min-height: 180px;
	background-color: transparent;width: 38%;
	min-width: 250px;
}

#slideapplepayde {
	background-image: url('/PublishingImages/site-all/campagnes/Moien_Apple-Pay_web.gif');
	background-size: contain;
	background-repeat: no-repeat;
	min-height: 180px;
	background-color: transparent;width: 38%;
	min-width: 250px;
}
 
 
.loans .title{
	text-align: center;
    color: #702f8a;
}
.loans .subtitle{
    text-align: center;
    margin-bottom: 12%;
	padding-top:10px;
    color: #666;
    font-size: 1.7rem;
    font-weight: 600;
}
.subtitle-loan{
    font-size: 21px;
    font-weight: 900;
    color: #702f8a;
	font-family: 'Open Sans Bold',sans-serif !important;	
	margin-top: 25px;
	text-align:left;
}
.subtitle-loan:before{
	content: '';
    display: block;
    width: 100%;
    height: 45px;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 1;
	top:0;
    transition: all .5s;
    -webkit-transition: all .5s;
}
.loan-step.step-one .subtitle-loan:before,
.loan-step.step-two .subtitle-loan:before{
	background-image:url('/PublishingImages/site-particuliers/step-line.svg');
}
.loan-step.step-one:hover .subtitle-loan:before,
.loan-step.step-two:hover .subtitle-loan:before{
	background-image:url('/PublishingImages/site-particuliers/step-line-active.svg');
}
.loan-step.step-three .subtitle-loan:before{
	background-image:url('/PublishingImages/site-particuliers/step-dot.svg');
	background-size: 330px 12px;
}
.loan-step.step-three:hover .subtitle-loan:before{
	background-image:url('/PublishingImages/site-particuliers/step-dot-active.svg');
}	
.subtitle-loan:after{
    content: '';
    width: 35px;
    border-bottom: solid 3px #05c3de;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -3px;
}
.loan-step{
	display:block;
	padding: 35px 35px 50px 35px;
    margin-top: -40px;
    border-radius: 12px;
	text-align:right;
	transition: all .5s;
	-webkit-transition: all .5s;
}
.loan-step:hover{
	background-color: #fff;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.1), 0 1px 15px rgba(0, 0, 0, 0.1);
}
.loan-step:before{
	content:'';
	display:block;
	width:100%;
	height:60px;
	background-repeat:no-repeat;
	background-position: bottom left;
	position:absolute;
	z-index:1;
	transition: all .1s;
	-webkit-transition: all .1s;
	top:-70px;
	left:22px;
}
.loan-step:hover:before{
    height: 100px;
    top: -110px;
    left: 16px;
}
.loan-step.step-one:before{
	background-image:url('/PublishingImages/site-particuliers/think.svg');
}
.loan-step.step-one:hover:before{
	background-image:url('/PublishingImages/site-particuliers/think-bubble.svg')
}
.loan-step.step-two:before,
.loan-step.personnel.step-two:before{
	background-image:url('/PublishingImages/site-particuliers/search.svg')
}
.loan-step.step-two:hover:before{
	background-image:url('/PublishingImages/site-particuliers/search-bubble.svg')
}
.loan-step.step-three:before{
	background-image:url('/PublishingImages/site-particuliers/house.svg')
}
.loan-step.step-three:hover:before{
	background-image:url('/PublishingImages/site-particuliers/house-bubble.svg')
}
.row.steps {position:relative;}
.row.steps:after {
    content: '';
    display: block;
    height: 100px;
    width: 100px;
    background: url('/PublishingImages/site-particuliers/keys.svg');
	background-repeat:no-repeat;
    position: absolute;
	right: 0;
    top: -50px;
    z-index: 1;
}
.loans{
	background-image:url('/PublishingImages/site-particuliers/mortgage-bg.jpg');
	background-size:cover;
        padding-top:30px;
}
.loan-step p{
	color:#666;
	font-size: 14px;
    line-height: 20px;
	text-align:left;
}
.loan-step.personnel {
	max-width: 580px;
	margin:auto;
    background-color: #fff;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.1), 0 1px 15px rgba(0, 0, 0, 0.1);
    padding-top: 60px;
    padding-bottom: 65px;
    margin-bottom: 70px;
	position:relative;
}
.loan-step p b{
	font-family: 'Open Sans Bold',sans-serif !important;	
}
p.loan-link{
    display: inline-block;
    color: #05c3de;
    font-weight: 900;
    margin-top:50px;
	padding: 15px 0;
	border-radius:3px;
	text-align:right;
	transition: all .5s;
	-webkit-transition: all .5s;
}
.loan-step:hover p.loan-link:hover{
	color: white;
    background-color: #05c3de;
	padding: 15px 30px;
}
p.loan-link:after{
	display:block;
	opacity:0;
	position:absolute;
	color:black;
	background-image:url('/PublishingImages/site-particuliers/time%20black.svg');
	background-repeat:no-repeat;
	background-position:left;
	padding:30px 25px;
	right:25px;
	font-size:11px;
	font-weight:900;
	transition: all .5s;
	-webkit-transition: all .5s;
}
.loan-step.step-one:hover p.loan-link:hover:after{
	content:'3 minutes';
	opacity:1;
}
.loan-step.step-two:hover p.loan-link:hover:after{
	content:'5 minutes';
	opacity:1;
}
.loan-step.personnel.step-two:hover p.loan-link:hover:after{
	content:'5 minutes';
	opacity:1;
}
.loan-step.step-three:hover p.loan-link:hover:after{
	content:'10 minutes';
	opacity:1;
}
.btn-blue-inverse{
    border-color: #05C3DE !important;
    color: #05C3DE !important;
    background-color: #FFFFFF;
}
.btn-blue-inverse:hover{
    color: #FFFFFF !important;
    background-color: #05C3DE;
}
.subtitle-loan.personnel:before {
    display: none;
}
.subtitle-loan.personnel {
    margin-top: -10px;
}
.loan-step.personnel:before,
.loan-step.personnel:hover:before{
    height: 100px;
    top: -60px;
    left: 16px;
	background-image:url('/PublishingImages/site-particuliers/search-bubble.svg') !important;
}
@media (min-width: 1500px){
	.container.loans-simulateur {
		width: 1375px;
	}
}
@media (max-width:1199px){
	.row.steps:after {
		right: -5%;
	}
}
@media (max-width:991px){
	.subtitle-loan.personnel {
		margin-top: 35px;
	}
	.loan-step.personnel{
		padding-top: 30px;
		padding-bottom: 45px;
	}
	.subtitle-loan:before,
	.row.steps:after{ display:none; }
	.loan-step{
		max-width:none;
		background-color: #fff;
		box-shadow: 0 0 0 rgba(0, 0, 0, 0.1), 0 1px 15px rgba(0, 0, 0, 0.1);
		padding-top:60px;
		padding-bottom:65px;
		margin-bottom:70px;
	}
	.loan-step:before,
	.loan-step:hover:before{
		height:60px;
		top:15px;
		left:35px; }
	.loan-step.step-one:hover:before{ background-image:url('/PublishingImages/site-particuliers/think.svg'); }
	.loan-step.step-two:hover:before{ background-image:url('/PublishingImages/site-particuliers/search.svg') }
	.loan-step.step-three:hover:before{ background-image:url('/PublishingImages/site-particuliers/house.svg') }
	p.loan-link {
		color: white;
		background-color: #05c3de;
		padding: 15px 30px;
		margin-top:35px; margin-bottom: 30px !important;}
	p.loan-link:after{	opacity:1; }
	.loan-step.step-one p.loan-link:after{
		content:'3 minutes';
	}
	.loan-step.step-two p.loan-link:after{
		content:'5 minutes';
	}
	.loan-step.step-three p.loan-link:after{
		content:'10 minutes';
	}
	.loans .row{ margin:auto !important;padding:0 15px !important; }
	.loans .row h1.title { margin-bottom: 0 !important; }
	.loans .subtitle {
		margin-bottom: 80px;
		font-size: 1.4rem;
	}
}