html body { background: #d5d5d5}
/* Home page*/
.wrapper { position:relative;  background-color: #f1efef; z-index: 1;}
.wrapper.home   { padding-top: 0;}
.recap-popup .mfp-close{display:none;}
.thnks-postuler{display:none;}
.thnks-postuler p{color:#17479f;font-size:13px;margin-bottom:20px}
.thnks-postuler .visu{color:#17479f;font-size:13px;margin-bottom:20px}
.msg-user, .msg-register{display:none;text-align:center;font-size:14px;color:#F00;margin-bottom:14px;text-transform:uppercase;}
.msg-user.success{color:#066;}
.msg-rest-password{display:none;color:#066;    text-align: center;
    padding: 20px 0;}
.msg-restPassword{display:none;color:#F00;    text-align: center;
    padding: 20px 0;}
.laoding-usr{opacity:0;transition: all 0.5s ease;display:inline-block;vertical-align:middle;margin-right:20px;}
.laoding-usr span.loading{width:20px;height:20px;opacity:1;}
.laoding-usr.load{opacity:1;}
.content-profil .form-profil div.error{display:none!important;}
.content-profil .form-profil .fields input.error{background: #fff1f1!important;}
.content-profil .personaliz-checkbox label .check{background:#113983;border:2px solid transparent;}
.content-profil .personaliz-checkbox label .check:after{background:#113983;left:3px;top:3px;}
.content-profil .personaliz-checkbox label input:checked+span:after{background:#fff;}
.content-profil .personaliz-checkbox label input.error+span{border:2px solid #da1515;}
.content-profil .personaliz-checkbox label input.error+*{color:#da1515;}

.content-profil .form-profil .js-register .fields{margin-bottom:16px;}
.content-profil .form-profil .js-register .fields input{line-height:40px;height:40px;}
.content-profil .form-profil .js-register .btn-profil{margin-top:26px;}
.content-profil .form-profil{padding:30px 0;}

.content-profil .form-profil .fields .personaliz-checkbox a{font-size: 12px;text-decoration: none;}

.content-profil .form-profil .link-compte{display: block;
    overflow: hidden;
    position: absolute;
    bottom: 12px;
    width: 100%;
    left: 0;
    padding: 0 20px;}
.content-profil .form-profil .link-compte a{float:left;font-size:14px;}
.content-profil .form-profil .link-compte a:last-child{float:right;}

.content-profil .msg-fav{display:block;    padding-top: 18px;
    text-align: center;
    color: #ff0f0f;}

.body_account .disclaimer{margin-top:20px;}

.my_account .wrap-account .fields.remove_user a{ 
    line-height: 40px;
    background: #ff5a5a;
    padding: 0 10px;
    color: #fff;
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
}
.my_account .wrap-account .fields.remove_user a:hover{text-decoration:none;}

.my_account .wrap-account .fields div.error{display:none!important;}
.my_account .wrap-account .fields .personaliz-checkbox label{font-size: 14px!important;
    line-height: 28px;}
.my_account .wrap-account .fields .personaliz-checkbox input.error + .check{background: #f33d3d!important;}

#popupterms{display:none;position:absolute;left:0px;top:0px;width:100%;height:100%;background:#e2e2e2;padding:40px;z-index:99;    font-size: 16px;
    line-height: 28px;}
#popupterms .close-terms{position:absolute;right:12px;top:12px;text-decoration:none;}
#popupterms .close-terms:after{content: "\00d7";
    color: #fff;
    font-size: 3vw;
    z-index: 9999;}
.content-profil{position:relative;}

.masonry .item .head .favoris_disabled{
	/*display:none;*/
	position: relative;
    top: -15px;
    float: right;
    text-align: left;
    background: url(../img/pictos/ico-star-off.png) #d2d2d2 no-repeat;
    width: 25px;
    height: 30px;}

.content_showPrivacyCenter{
    display: block;
    max-width: 1024px;
    background: #fff;
    margin: auto;
	padding:40px;
	position:relative
}
.content_showPrivacyCenter h4{font-size: 26px;
    color: #113983;
    font-weight: 500;
    margin-bottom: 22px;
    line-height: 42px;}
.content_showPrivacyCenter p{    font-size: 14px;
    color: #000;
    font-weight: 300;
    margin: 0;
    line-height: 24px;}
.content_showPrivacyCenter .item_privacy{display:block;margin-top:40px;}
.content_showPrivacyCenter .item-title{font-size: 18px;
    color: #113983;
    font-weight: 500;
    margin-bottom: 12px;
    line-height: 32px;}

.content_showPrivacyCenter .shows-once{    display: block;
    line-height: 36px;
    background: #fdcb26;
    color: #000;
    font-weight: bold;
    margin: auto;
    max-width: 80px;
    text-align: center;
    margin-top: 50px;
    border-radius: 0;
    padding: 0;
    font-size: initial;float: none;opacity: 1;}

.content_showPrivacyCenter .modal-dismiss-profil:after{left:initial;margin-left:0px;right:0px;}

.content_showPrivacyCenter .shows-once:hover{text-decoration:none;}

#showPrivacyCenter .mfp-close{display:none!important;}

section.fonds.results .disclimer_morning{color: #969696;
    font-size: 0.75em;
    line-height: 1.4em;
    font-family: arial;
    display: block;
    max-width: 90%;
    margin: auto;
    margin-bottom: 20px;
    border: 1px solid #d8d8d8;
    padding: 25px;
    text-align: left;
    background: #fff;}
section.fonds.results .disclimer_morning u{}


/*****************Flat Checkbox********************/

.check_flat input[type="checkbox"]:not(:checked),
	.check_flat input[type="checkbox"]:checked {
		position: absolute;
		left: -9999px;
	}
	.check_flat input[type="checkbox"]:not(:checked) + label,
	.check_flat input[type="checkbox"]:checked + label {
		position: relative;
		padding-left: 75px;
		cursor: pointer;
		vertical-align: top;
	}
	.check_flat input[type="checkbox"]:not(:checked) + label:before,
	.check_flat input[type="checkbox"]:checked + label:before,
	.check_flat input[type="checkbox"]:not(:checked) + label:after,
	.check_flat input[type="checkbox"]:checked + label:after {
		content: '';
		position: absolute;
	}
	.check_flat input[type="checkbox"]:not(:checked) + label:before,
	.check_flat input[type="checkbox"]:checked + label:before {
		left:0; top: -3px;
		width: 65px; height: 30px;
		background: #DDDDDD;
		border-radius: 15px;
		-webkit-transition: background-color .2s;
		-moz-transition: background-color .2s;
		-ms-transition: background-color .2s;
		transition: background-color .2s;
	}
	.check_flat input[type="checkbox"]:not(:checked) + label:after,
	.check_flat input[type="checkbox"]:checked + label:after {
		width: 20px; height: 20px;
		-webkit-transition: all .2s;
		-moz-transition: all .2s;
		-ms-transition: all .2s;
		transition: all .2s;
		border-radius: 50%;
		background: #7F8C9A;
		top: 2px; left: 5px;
	}

	/* on checked */
	.check_flat input[type="checkbox"]:checked + label:before {
		background:#34495E; 
	}
	.check_flat input[type="checkbox"]:checked + label:after {
		background: #fff;
		top: 2px; left: 40px;
	}

	.check_flat input[type="checkbox"]:checked + label .ui,
	.check_flat input[type="checkbox"]:not(:checked) + label .ui:before,
	.check_flat input[type="checkbox"]:checked + label .ui:after {
		position: absolute;
		left: 6px;
		width: 65px;
		border-radius: 15px;
		font-size: 14px;
		font-weight: bold;
		line-height: 22px;
		-webkit-transition: all .2s;
		-moz-transition: all .2s;
		-ms-transition: all .2s;
		transition: all .2s;
	}
	.check_flat input[type="checkbox"]:not(:checked) + label .ui:before {
		content: "";
		left: 32px
	}
	.check_flat input[type="checkbox"]:checked + label .ui:after {
		content: "";
		color: #fff;
	}
	.check_flat input[type="checkbox"]:focus + label:before {
		border: 1px dashed #777;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		margin-top: -1px;
	}


.tt-menu { width:300px; }
ul.typeahead{margin:0px;padding:10px 0px;background: #17479f; min-width: 480px;}
ul.typeahead.dropdown-menu li a {padding: 10px !important;	border-bottom:#CCC 1px solid;color:#FFF;}
ul.typeahead.dropdown-menu li:last-child a { border-bottom:0px !important; }
.demo-label {font-size:1.5em;color: #686868;font-weight: 500;color:#FFF;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
	text-decoration: none;
	background-color: #1f3f41;
	outline: 0;
}

.confirmPassword{display:none;margin-top:20px;}

.msg-compte{display:none;width:100%;padding:20px 0;text-align:center;}
.msg-compte p{color:#F00;font-size:14px;}
.msg-compte.success p{color:#030;}

.my_account .wrap-account .btn-compte{position: absolute;
    right: 0;
    bottom: -8px;text-align:right;}
.my_account .wrap-account .js_update_password .btn-compte{position:relative;bottom:0px;}
.my_account .wrap-account .btn-compte .laoding-compte{
    opacity: 0;
    transition: all 0.5s ease;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}
.my_account .wrap-account .btn-compte .laoding-compte span.loading {
    width: 20px;
    height: 20px;
    opacity: 1;
}
.my_account .wrap-account .btn-compte .laoding-compte.load {
    opacity: 1;
}

.rule_pass{display: block;
    font-size: 11px;
    margin-top: 8px;
    color: #113983;}
.formpassword-reset h4{color: #17479f;
    display: block;
    font-weight: bold;
    margin-bottom: 30px;
    text-align: center;}
.formpassword-reset label.error{display:none!important;}
.js-search-funds{display:none;margin-top: -62px;margin-bottom:16px;}
.js-search-funds input[type="text"]{       width: auto;
    font-size: 0.7em;
    padding: 7px 0;
    display: block;
    background: transparent;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #c0c0c0;
    outline: 0;
    min-width: 200px;}
.js-search-funds .container{max-width: 1195px;padding: 10px 110px;}

.js-search-funds .fields{display:inline-block;position:relative;}
.js-search-funds .fields:after{    position: absolute;
    right: 4px;
    top: 5px;
    content: "\f002";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}


#progress-div {
    border: #0FA015 1px solid;
    padding: 0px;
    margin: 30px 0px;
    text-align: center;
	display:none;
}
#progress-bar {
    background-color: #12CC1A;
    height: 20px;
    color: #FFFFFF;
    width: 0%;
    -webkit-transition: width .3s;
    -moz-transition: width .3s;
    transition: width .3s;
}

@media (max-width: 768px) { 
body .navbar-toggle { display: block;margin-left: 0!important; margin-right: 0!important;padding-top: 0px;}
header .bloc.logo { margin: 15px; position: relative;top: 0;}
body .wrap-popin-carriers a.popup-modal-dismiss:after{right:0px;}

}
@media (min-width: 769px) { 
.wrapper   {   }
.wrapper header { background: #fff;   width: 100%; }	
.wrapper header .wrap-header { overflow:visible;  padding:0 15px;  width:100%;   }

nav.breadcrumb, .publications-categoriesfilters, .publications-no-results {   padding:0 15px 20px 15px;  width:100%; max-width: 1215px; margin: auto;   }
.publications-categoriesfilters .categoryfilter { margin:0 20px;border-right:3px solid #1d6eb0;padding-right:40px; }
.publications-categoriesfilters .categoryfilter.active { font-weight:bold;color:#23527c; }
.publications-categoriesfilters .categoryfilter:hover { text-decoration: none; }
.publications-categoriesfilters .categoryfilter:first-child { margin-left:0; }
.publications-categoriesfilters .categoryfilter:last-child { margin-right:0;border-right:0; }
.publications-no-results { padding:30px 0; }

.wrapper header .bloc.logo {  width:100px; height:140px; }
.wrapper.home header .bloc.logo { background:url(../img/logo-lbpam-w.png) no-repeat; }
}
@media (min-width: 768px) and (max-width: 1024px) {  
.wrapper {  }
.wrapper header {   }  
header .bloc.menu .wrap-search .search-results { top: 109px;}
body section.masonry.bg-grey.center .item .keys { margin-bottom: 0;}
body section.masonry.bg-grey.center .item .keys li { margin-bottom: 15px;}
}
@media (max-width: 1200px) {   
body .slider .item .container {   }	
body .slider .item .container p { padding-bottom:15px;  } 
body .keys.row li big { font-size: 4em;}
body section.masonry.bg-grey.center .item.bg-img h2 {font-size: 2em;}
body section.masonry.bg-grey.center .item.bg-bleu p { font-size: 0.8em;}
}

@media (min-width: 1700px) {  
header .menu nav.menu-main ul li a { /* font-size: 0.7vw;*/ } 
}
@media (min-width:900px) and (max-width: 1600px) {  
header .menu nav.menu-main ul li a {  font-size: 0.95vw; } 
}
@media (max-width:900px) {  
header .menu nav.menu-main ul li a {  font-size: 1vw; } 
}
@media (min-width: 1024px) {   
body .owl-carousel .item .container {  }
}

@media (min-width: 640px) and (max-width: 768px) {  
header .menu-mobile { height: auto; top: 111px; padding-bottom: 30px; }  
header .menu-mobile ul { float: left; width: 50%; } 
header .menu-mobile ul:last-child { float: none; width: 100%; clear: both;; }  
header .menu-mobile ul.btn { float: right; margin-top:60px;   }
header .menu-mobile ul.btn li a {padding: 20px 30px;}   
header .menu-mobile li a { font-size: 3vw; padding: 15px 0;}
header .menu-mobile .btn li a i {font-size: 4vw;}
header .menu-mobile li.inline a { font-size: 2vw;}
body.open-menu .navbar-toggle .icon-bar { background-color: #17479f;}
}
@media (max-width: 640px)   { 
section.masonry.bg-grey.center .item, body section.masonry.bg-grey.center .col-md-6 { padding:0 0 12px 0;} 
body section.masonry.bg-grey.center .item .keys {
    margin-bottom: 0; }
}


/**/
.owl-next,.owl-prev { position: absolute; top:50%; color: #fff; font-size:4vw;} 

.owl-next { right: 40px;}
.owl-prev {left: 40px;}
.home .owl-carousel .item:after { content:''; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.4); }

.slider .item:after,
.owl-carousel .item:after { content:''; width:100%; height:100%; position:absolute; left:0; top:0; background: -moz-linear-gradient(top, rgba(17,57,131,0) 0%, rgba(0,0,0,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(17,57,131,0) 0%,rgba(0,0,0,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(17,57,131,0) 0%,rgba(0,0,0,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80113983', endColorstr='#80000000',GradientType=0 ); }
.slider .item .container,
.owl-carousel .item .container { width: 90%; position: absolute; right: 0; bottom: 50%; transform: translate(0,50%); color: #fff; z-index: 2; max-width: 810px; padding: 40px;}
.slider .item .container p, .owl-carousel .item .container p { font-size: 2.7vw; line-height: 4vw; line-height:normal;padding-bottom:30px; font-weight: 600; }
.slider .item .container p.small, .owl-carousel .item .container p.small { font-size: 1.3vw; line-height: 1.8vw; font-weight: 400; }
.slider .item .container .title, .owl-carousel .item .container .title{font-size: 1.2vw;line-height:3em; font-weight: 400; padding-bottom: 0;}
.slider .item .container .title:after,.owl-carousel .item .container .title:after{  content:''; height:3px; background:#d3aa23; width:55px; display:block; }
/**/
.btn-cta,.btn-cta:active,.btn-cta:focus   { text-decoration: none; border: 0; text-decoration:none;letter-spacing: 1px; outline: none; font-size: 0.75em; text-transform:uppercase; margin:15px 0; display:inline-block; background:#17479f; color:#fff!important; position:relative; padding:10px 20px 10px 20px; height:auto; line-height:16px; position: relative;transition: all 0.5s ease;}

.btn-bleu  { text-decoration: none; border: 0; text-decoration:none;letter-spacing: 1px; outline: none; font-size: 0.75em; text-transform:uppercase; margin:15px 0; display:inline-block; background:#042a71; color:#fff!important; position:relative; padding:10px 20px 10px 20px; height:auto; line-height:16px; position: relative;transition: all 0.5s ease;}
.btn-cta,.btn-cta:active,.btn-cta:focus  { padding-left: 60px;  }
.btn-cta:hover {  color:#fff; text-decoration:none; opacity: 0.8; }
.btn-cta:before { content:'➞'; background:#2b56a7; color: #fff; display:inline-block; width:40px; height:100%; text-align: center;
    font-size: 1.4em;  margin:0; line-height: 38px; position: absolute; left: 0; top: 0;}
.btn-default, .btn-default:focus, .btn-default:active, .search-results div .btn { letter-spacing: 1px;text-shadow:none; outline: none; text-decoration:none; font-size: 0.75em; text-transform:uppercase; margin:15px 0; display:inline-block; color:#8a9dc0; position:relative; padding:10px 10px ; height:auto; line-height:40px; background:none;box-shadow: none;}
.btn-default:focus,.btn-default:active:focus,.btn-default:visited,.btn-default:hover  { background-color:transparent; text-decoration: none;}
.btn-default:after { content:''; height:2px; background:#8a9dc0; width:100%;display: block; position: relative; top: -2px; left:0; }


/**/
.wrapper section  { background:#fff; /*min-height:300px;*/} 
.wrapper.home section.masonry  { background:#f0f0f0; }
.masonry .item .content{ background:#f1efef;  }
/**/
section.masonry  { width: 100%;  }
section.masonry .masonry.inner  { width: 100%;  /* display: flex;  flex-direction: row;  flex-wrap: wrap; align-items:flex-start;   justify-content: space-around;  */}
.home section.masonry nav {  background: #f1efef;}
section.masonry nav { padding: 0 15px 0 15px; text-align: center; background: #f8f8f8; /*overflow-x: scroll; 
  -webkit-overflow-scrolling: touch; width: 100%; height: 125px;*/}
section.masonry nav ul{ -webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: auto;    overflow: auto; white-space: nowrap;}
section.masonry nav ul::-webkit-scrollbar { display: none; }
section.masonry nav ul li{ display: inline-block; color: #597bbb; margin:0 1px 7px 0; font-size: 0.75em; font-weight: 600;padding: 40px 0 25px 0; }
section.masonry nav ul li:first-child{ font-size: 0.9em; text-transform: uppercase; padding-left:20px; padding-right: 20px;}
section.masonry nav ul li a{ text-decoration:none; background: #fff; padding: 8px; border:2px solid #fff; display: inline-block; color: #597bbb; border-radius: 3px; transition: all 0.5s ease;}
section.masonry nav ul li a:hover{border-color: #e6e6e6; color:#999; background: #e6e6e6;}
section.masonry nav ul li.active a{background: #a7a7a7; border-color: #a7a7a7; color: #fff;}
.masonry .item {  padding:15px; /* display: flex; flex: 1 1 auto; float: none;*/ }
.item.video .visu { min-height: 500px; height: 100%; overflow: hidden; }
.masonry .item .visu{ width: 100%; display: flex; position: relative;}
.masonry .item .visu img { width:100%; height: 100%;}
.masonry .item img {max-width:100%;} 
section.posts .item .content div#content { min-height: 60px;}
.masonry .item.video .visu img { width: auto; height: inherit; max-width: inherit;}
.masonry .item.col-lg-4.video  .visu img {/*height: initial;*/ height: 100%; position: absolute; left: 0; top: 0;}
@media (min-width: 1400px)  {
.masonry .item.video .visu img{ width: 100%}
}
@media (max-width: 768px) { 
 .item.video .visu { max-height: 500px;  }
.masonry .item.col-lg-4.video  .visu img,
.masonry .item.video .visu img { width: auto; height: auto; max-width: inherit; transform: translate(-50%,-50%); position: absolute; left: 50%; top: 50%;}
 }

.masonry .item .body,.masonry .item .foot { padding:15px 10%;}
.masonry .item .content{  position: relative; width: 100%; height: auto;}
.masonry .item .head {  padding:15px 20px!important; text-align:center; color:#2a4d90; overflow: hidden;}
.masonry .item .head .title-cat { float:left ; text-align:left; font-size: 0.95em; font-weight: 500; line-height: 1.2em; min-height: 35px; }
.masonry .item .head .tag{ display:block; display: block; text-align: left; clear: both; position: relative; top: -10px; overflow: hidden;  }
.masonry .item .head .tag i { margin: 3px 2px 0 0; background: #e6e6e6; padding:2px 9px; border-radius: 3px; font-style: normal; font-size: 0.6em; text-transform: uppercase; color: #9ba9c3;    display: inline-block;
    float: left; }
.masonry .item .head .favoris { position:relative; top:-15px; float:right ; text-align:left; background:url(../img/pictos/ico-star-off.png) no-repeat ; width:25px; height:30px;}
.masonry .item .head .time { font-size: 0.8em;  line-height: 1.2em;  }
.masonry .item .head .favoris.true { background:url(../img/pictos/ico-star-on.png) no-repeat ; } 
.masonry .item .body { }
.masonry .item .body h2 { font-size: 1.5em; color: #7b7b7b;  display: block; margin-bottom: 15px; }
.masonry .item .body h2 a{ text-decoration: none; color: #7b7b7b;  }
.masonry .item .body p{ font-size: 0.9em; color: #9f9f9f; line-height: 1.4em;}
.masonry .item .foot { padding-bottom:30px; }
.masonry .item .foot a{ margin-right:10px; }
.masonry .item.video .head,.masonry .item.video .body,.masonry .item.video .foot  
{ position: absolute; color: #fff;  left: 0; width: 100%;  z-index: 2}
.masonry .item.video .head { min-height: 130px; top: 0; background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); 
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); 
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);  
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );   }
.masonry .item.video .body { top: 50%; left:50%; transform: translate(-50%,-50%); text-align: center;}
.masonry .item.video .body h2 { color: #fff; /*max-width: 300px;*/ font-size: 3em; font-weight: 100; display: inline-block;}
.masonry .item.video .body h2 a:after {  width:88px; height: 89px; margin: 10px auto 0 auto;  background:url("../img/pictos/ico-play.png") no-repeat;content:"";display:block; }
.masonry .item.video .body h2 a,.masonry .item.video .body h2 a:hover {outline: none; display: inline-block; text-decoration: none; color: #fff; }
.masonry .item.video .foot { bottom: 10px; padding: 0 30px; }
.masonry .item.video .content{ background:#aaa8a8;min-height: 500px;}
.masonry .item.video .visu:after{ width: 100%; height: 100%; content: ''; background: rgba(0,0,0,0.7); position: absolute; left: 0; top: 0; transition: all 0.5s ease;}
.masonry .item.video:hover .visu:after{  background: rgba(0,0,0,0.3);  }
.masonry .item.video .foot .btn-default ,.masonry .item.doc .foot .btn-default , header .menu .wrap-search .search-results div .btn,  .posts.bg-bleu .col-md-12 .btn-cta{ padding-right: 40px; border:1px solid #fff; color: #fff ; line-height: 16px;}
.masonry .item.video .foot .btn-default:after ,.masonry .item.doc .foot .btn-default:after , header .menu .wrap-search .search-results div .btn:after{ display:none; ;}
.masonry .item.video { float: none;}  
.masonry .item.video .foot .btn-default:before, .masonry .item.doc .foot .btn-default:before, header .menu .wrap-search .search-results div .btn:before{ content:'➞'; background:transparent; color: #fff; display:inline-block; width:30px;  text-align: right; font-size: 1.4em;   position: absolute;  top: 29%;
    right: 10px; height: auto; }  
.masonry .item.doc .content{  background:#1e6eb0!important; color: #fff; padding: 0; min-height: inherit; }
.masonry .item.doc:nth-child(even) .content {background: #4896d7!important;}
.masonry .item.doc .head,.masonry .item.doc .body h2 ,.masonry .item.doc .body p{   color: #fff; background: transparent; }
.masonry .item.doc .head .title-cat{line-height: 22px; font-size: 1.0em; }
.masonry .item.doc .body  { margin: 20px 50px; height: 400px;position: relative;overflow: hidden;}
@media (max-width: 768px) {
body .masonry .item.video .body h2 { font-size: 2.2em; }
section.fonds.results .view .pull-right, article.fonds .sidebar{ display: none;}
article.fonds .bloc .input, article.fonds .bloc .select {margin-left: 0; margin-right: 0;}
.body .contact .fields div { margin-bottom: 20px;}
header .bloc.menu  {position:static;} 
}
.masonry .item.doc .body h2 { font-size: 1.7em; font-weight: 100; padding: 0; margin: 0;line-height: 1.35em;}
.masonry .item.doc .body h2:before { content: ''; display: block; background: url(../img/pictos/ico-doc.png) no-repeat 0 0; height: 64px; width: 46px; margin-bottom: 10px;  }
.masonry .item.doc .body h2:after { content: ''; display: block; height: 1px; width: 50%; background: #fff; margin: 10px 0 0 0;  }
.masonry .item.doc .body p { font-size: 1.2em;}	
.masonry .item.doc .foot {/* padding-bottom: 0;*/}
.masonry .item.doc .foot .btn-cta:before { content: '➞'; font-size:1.3em; }
.masonry .item.flash .content, body .wrapper .item.flash .head { background: #e6e6e6!important}
.masonry .item.hebdo .content, body .wrapper .item.hebdo .head  { background: #d5d5d5!important}
.masonry .item .content .podcast a{ text-decoration: none; display: block; position: relative; color: #000; font-size: 1.1em;color: #113983; padding:25px 0 15px 85px; font-weight: bold;}
.masonry .item .content .podcast a .infos{ display: block; font-size: 0.9em; color: #9f9f9f; padding-top: 3px; font-weight: normal;}
.masonry .item .content .podcast a:before { position: absolute; left: 0; top: 0; content: '▷';
    border: 2px solid #113983; color: #113983; border-radius: 50%; display: block; width: 75px; height: 75px; line-height: 65px; text-align: center; margin: 10px auto 0 auto; font-size: 2.8em; text-indent: 10px;}
.masonry .item.post .foot a.btn-cta { background: #fdcb26; padding-left: 40px;}
.masonry .item.post .foot a.btn-cta:before { background: transparent;}
/**/
.posts.bg-bleu h3{ color: #fff; text-align: left; padding: 20px 0;}
.posts.bg-bleu h3:after{ display: none}
.posts.bg-bleu .col-md-12 .btn-cta , .posts.bg-bleu .col-md-12 .btn-cta:before, 
section.posts.bg-bleu  .item:hover .content {background: transparent!important; }
section.posts.bg-bleu  .item .content p { font-size: 0.95em; color:#88abec; padding-bottom: 0;}
.bg-bleu.linkedin { background-color: #1e6eb0!important}
/**/
.load-more  { padding: 40px 15px; text-align: center;}
.load-more a { text-decoration: none; transition: all 0.5s ease; display: inline-block; margin: auto; background: #d8d8d8; padding:20px 50px; color: #17479f; font-size:0.8em; font-weight: bold; transition: all 0.5s ease; text-transform: uppercase; margin-bottom: 50px;}
.load-more a:hover { text-decoration: none; background: #e6e6e6; color: #999; }
span.loading  {  border: 4px solid #d8d8d8;  border-radius: 50%;  border-top: 4px solid #113983;  border-right: 4px solid #113983;  width:60px; height:60px; display: block; margin: 20px auto; animation: spin 2s linear infinite;  -webkit-animation: spin 2s linear infinite; /* Safari */ transition: all 0.5s ease; opacity: 0; }
.load-more.load span.loading { opacity: 1;}
.load-more.load a { display: none;}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/**/
.rpi{ height:8px; background:#d8d8d8; width: 100%; overflow: hidden;}
.rpi span{ width:0; background:#fdcb26; display: block; height: 8px;}
.rpi span.p10{ width:10%;}
.rpi span.p20{ width:20%;}    
.rpi span.p30{ width:30%;}
.rpi span.p40{ width:40%;}
.rpi span.p50{ width:50%;}
.rpi span.p60{ width:60%;}
.rpi span.p70{ width:70%;}
.rpi span.p80{ width:80%;}
.rpi span.p90{ width:90%;}
.rpi span.p100{ width:100%;}


 /* post article */
nav.breadcrumb { background: transparent; clear: both; color: #a7a7a7;   }  
nav.breadcrumb ul {  }	
nav.breadcrumb ul li  { display: inline-block;line-height: 1.2em; font-size: 1.25em; height: 27px; }
nav.breadcrumb ul li a{ color: #a7a7a7; text-decoration: none; overflow: hidden; width: 60px;}
nav.breadcrumb ul li a:hover { color:#113983;  }
nav.breadcrumb ul li:first-child a:hover:after{ color:#fdcb26;  }
nav.breadcrumb ul li a span{ display: none;  }	
nav.breadcrumb ul li:first-child a{ display: inline-block;   color: #e6e6e6;  -webkit-transform: rotate(-180deg); transform: rotate(-180deg);  -ms-transform: rotate(-180deg); }	
nav.breadcrumb ul li:first-child a:after{ content: '➞'; font-size: 2.0em; position: absolute; left:23px; top: -5px;  }	
nav.breadcrumb ul li:first-child a:before{ content: '|'; padding:0 9px 0 18px ; top: -4px; position: relative; background: #f1efef; z-index: 2; }
.scrollreading nav.breadcrumb ul li:first-child a:before{ background: #f8f8f8; }
nav.breadcrumb ul li:after{ content: '|'; margin:0 15px 0 10px ; top: -4px; position: relative; }
nav.breadcrumb ul li:last-child:after{ display: none; }
nav.breadcrumb ul li:first-child:after{ display: none; }
/**/
div.body article{ background-color: #fff; padding: 60px 0 80px 0; }
div.body article .container {  padding: 0 40px; max-width: 1125px; }	
div.body article .container img { max-width: 100%; height: auto; }	
div.body article h1,div.body article h2,div.body article h3,div.body article h4,div.body article h5,div.body article h6 
{  padding: 0 0 30px 0; color: #113983; font-size: 1em; line-height: normal; font-weight: bold; }		
div.body article h1 {font-size: 4em; line-height: inherit; padding: 10px 0 20px 0; }
div.body article h2 {font-size: 2.2em; }	
div.body article h3 {font-size: 1.2em; }	
div.body article h4 {font-size: 1em; }
div.body article h5 {font-size: 1em; }	
div.body article h6 {font-size: 1em; }	
		
@media (max-width: 768px) {  
nav.breadcrumb ul li:last-child { /*display: none;*/}
div.body article h1 {font-size: 2em; }
div.body article h2 {font-size: 1.8em; }
body div.body article .intro p {font-size: 1.3em; }
}
div.body article time {font-size: 0.95em; color: #88abec; } 	

div.body article p {  padding: 0 0 30px 0; color: #4f4f4f; font-size: 1em; line-height: 1.6em; }  
div.body article ul, div.body article ol {  padding: 0 0 30px 40px; color: #4f4f4f; font-size: 1em; line-height: 1.6em;  } 
div.body article ul { list-style: disc; }  
div.body article ol { list-style: decimal; }  
div.body article .intro p { font-size: 1.7em; line-height: 1.4em; font-weight: 700;}	
div.body article blockquote { position: relative; font-size: 1.5em; line-height: 1.5em; background: #f6f6f6; color: #113983; padding: 30px 50px; font-weight: 500; text-align: center; margin-bottom: 40px;}
div.body article blockquote p {   color: #000; padding: 0; font-weight: 500; text-align: left; margin-bottom: 10px; text-transform: uppercase;}
div.body article blockquote .inner , 
div.body article blockquote .inner p, 
div.body article blockquote li p { line-height: 1.3em; font-size: 90%;  color: #4f4f4f; padding: 0; font-weight: 500; text-align: left; margin-bottom: 25px; text-transform: none;}
div.body article blockquote .inner p { color: #113983; }
div.body article blockquote ul { padding:0 0 0 30px; list-style: disc; font-size: 85%;}
div.body article blockquote li {line-height: 1.4em; color: #113983; padding: 0; font-weight: 500; text-align: left;  }
div.body article blockquote.focus  { margin-bottom: 0 }
  div.body article blockquote.focus:after { z-index: 2;  font-size: 5em; position: absolute; left: 50%; bottom: -27px; width: 50px; margin-left: -20px; color: #f6f6f6; content: '‣'; -webkit-transform: rotate(90deg); transform: rotate(90deg); }
div.body article figure { background: #e6e6e6; padding: 60px 32px; text-align: center; margin-bottom: 30px; font-size: 1em; color: #113983; font-weight: bold;}
div.body article figure li { padding: 0 10px 10px 10px; /*max-width: 300px;*/620 padding-bottom: 20px; background: #e6e6e6; white-space: inherit; line-height: normal; color: #1e3766;}
div.body article figure li p { padding-bottom: 0; line-height: normal; color: #1e3766;}
div.body article figure big { display: block; color: #88abec; font-size: 3em;  font-family: 'Lato'; padding: 0 0 4px 0; }
div.body div.disclaimer {transition: all 0.5s ease; display: block; margin-bottom: 30px; font-style: normal; clear: both; width: 100%; border:1px solid #d8d8d8; padding: 25px;position: relative;overflow: hidden;}
div.body div.disclaimer, div.body div.disclaimer p{ color: #969696; font-size: 0.75em; line-height: 1.4em; font-family: arial; }
div.body div.disclaimer p{ padding: 0 0 10px 0; margin: 0;}
div.body div.disclaimer a{color: #92d048; text-decoration: underline;}
.mfp-content .disclaimer{ max-width: 880px; margin: 20px auto 20px auto!important;  }
.mfp-content div.disclaimer, .mfp-content div.disclaimer p{color: #979694!important; font-size: 11px!important; line-height: 14px; margin-bottom: 15px;}
div.body div.disclaimer.x2, div.body div.disclaimer.x2 p{font-family: 'Open Sans', sans-serif; font-size: 1em; line-height: 1.6em; }
div.body div.disclaimer .inner{transition: all 2s ease; max-height:600px; } 
div.body div.disclaimer.minim .inner{max-height:50px; overflow: hidden; position: relative; }
div.body div.disclaimer.minim:after{ cursor: pointer; content:attr(data-link); color: #92d048; text-decoration: underline; background: #fff; font-size: 0.75em; }
div.body div.disclaimer.minim:before_{ position: absolute; bottom: 0; left: 0; cursor:pointer; content: ''; width: 100%; height: 100%;background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */   }
div.body form .disclaimer { background: #fff; margin: 20px; width: auto; display: block; clear: both;}
div.body article .masonry .item.video .visu img { height: 100%}	
div.body article .media-list     { padding:0px; list-style: none;}
div.body article .media-list h4 { padding-top: 6px;}
div.body article .media-list h4 small { display: block;}
div.body article .media-left { min-width: 52px; max-width: 52px; width: 52px; padding-top: 3px;}


.article-padding,
.article-block-container { padding-left:150px;padding-right:150px; }

.article-block > * { margin-left:150px;margin-right:150px; }

@media (max-width: 1024px) {
    .article-padding,
    .article-block-container  { padding-left:75px;padding-right:75px; }

    .article-block > * { margin-left:75px;margin-right:75px; }
}

@media ( max-width: 480px ) {
    .article-padding,
    .article-block-container { padding-left:30px;padding-right:30px; }

    .article-block > * { margin-left:30px;margin-right:30px; }
}

.article-block-container { padding-top:20px;padding-bottom:20px; }
.article-block-container.white { background-color:#FFF; }
.article-block-container.grey { background-color:#d5d5d5; }
.article-block-container.blue { background-color:#17479f;color:white; }
.article-block-container.blue .article-block-content p { color:white; }
.article-block-container .article-block-content > strong { margin-bottom:14px;display:inline-block; }
.article-block-container .article-block-content { padding-top:25px;position:relative; }
.img-fullwidth img { width:100%; }

.quote { padding-top:30px;padding-bottom:30px;position:relative; }
.quote.blue { background-color:#092658;color:white; }
.quote.yellow { background-color:#fdcb26;color:#092658; }
.quote .quote-content { padding:25px 40px 0 80px !important;line-height:25px;background: url(../img/pictos/quote.png) no-repeat 0 0; }
.quote.yellow .quote-content { background-image:url(../img/pictos/quote-yellow.png); }

/**/
.post-tools  { margin-bottom: 30px; padding: 0!important}
.post-tools li { display: inline-block; margin:0 5px 10px 0;}
.post-tools li a, .post-tools li .btn.focus, .post-tools li .btn:focus  { display: inline-block; width: 50px; height: 50px; text-align: center;   color: #fff; background: #113983; border-radius: 50%; font-size: 1.5em;}
.post-tools li:last-child a {  /*display: none;*/ }
.post-tools li:last-child a.true{background: #fdcb26;}
.post-tools li a:hover { opacity: 0.8; color: #fff;  }
.post-tools li a:active , .post-tools li a:focus{ outline:none; box-shadow:none;  }
.post-tools.pull-right { margin: 27px 0 0 20px;}
.post-tools.disabled li a{background: #f1efef;;pointer-events: none;text-decoration: none;}
/**/
section.posts.slider { padding-bottom: 0; overflow: hidden; max-height: 560px; position: relative;}
section.posts { padding-bottom: 40px; clear: both;}
section.posts .row { margin: 0; /*display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; justify-content: space-around; */}
section.posts h3 { padding: 50px 0; font-size: 1.1em!important; color: #17479f; line-height: 0.3em; font-weight: bold; position: relative;}
section.posts h3 span { background: #f8f8f8; padding-right: 10px;position: relative; z-index: 2;}
section.posts h3:after { content: ''; height: 1px; background: #fdcb26; width: 100%; display: block; position: absolute; left: 0; top: 53%; }
@media (max-width: 768px) {  
body section.posts h3:after {  top:inherit; bottom: 40px; }
}
section.video .item,
section.posts .item { position: relative;}
section.posts .item { min-height: 325px;}
section.posts .item .visu { /* height: 150px;overflow: hidden;*/}
section.posts .item .visu img{ width: 100%; height: 100%; max-width: 100%;transition: all 0.5s ease;}
section.posts .item .content { padding: 20px 15px; min-height: 200px; transition: all 0.5s ease; text-align: left;} 
section.posts .item .content .tags { font-size: 1.0em; color: #88abec; display: block;}
section.posts .item .content h4 { font-size: 1.1em; color: #000; padding: 15px 0; font-weight: 700;}
section.posts .item .content p { line-height: 1.5em; padding-bottom: 20px; }
section.posts .col-md-3.item .content h4 { font-size: 0.9em;  }
section.posts .col-md-3.item .content p { line-height: 1.3em; font-size: 0.8em;  }
section.posts .item .content a { color: #000; text-decoration: none;}
section.posts .item .content h4.bleu , section.posts .item .content h4.bleu a{ color: #17479f;}
section.posts .item .content small {font-size: 0.8em; color: #9d9d9d;}
section.posts .item:hover .content  { background: #f2f2f2;}
section.posts .item:hover .visu img { /*opacity: 0.8 ;*/}
section.posts.list .item .content { padding: 0 15px 20px 15px; min-height:inherit; text-align: center;   } 
section.posts.list .item:hover .content { background-color: transparent!important;} 
section.posts.list .item .content h4 { font-size: 1.5em;} 

/**/
article .sidebar { margin-top: 20px ;}
.cta.visuel { position: relative; margin-bottom: 30px;}
.cta.visuel img { width: 100%;}
.cta.visuel .btn-cta { overflow: hidden; position: absolute; bottom: 15px; left: 50%; transform: translate(-50%, 0);width: calc(100% - 30px); margin: 0;}



/**/
.tabbable  { margin-bottom: 30px;}
.tabbable .nav-tabs  {border: 0; display: table; width: 100%; position: relative; top: 2px; list-style: none; padding: 0; }
.tabbable .nav-tabs li { display: table-cell; float: none; text-align: center; font-weight: 700; }
.tabbable .nav-tabs>li { margin-bottom: -2px;}
.tabbable .nav-tabs li a{ color: #9b9b9b; font-size: 0.8em; }
.tabbable .nav-tabs li.active a{ background-color:#f1efef; color:#1e3766; } 
.tabbable .nav-tabs>li>a, .tabbable  .nav-tabs>li.active>a, .tabbable .nav-tabs>li.active>a:focus, .tabbable .nav-tabs>li.active>a:hover{ border-radius: 0; border: 0 }
.tabbable .tab-content { background-color: #f1efef; } 
.tabbable .tab-content ul {padding: 0 0 0 0 ; list-style: none;}
.tabbable .tab-content ul li{ border-bottom: 1px solid #d8d8d8; padding:30px ; transition: 0.8s all ease; background-color:transparent; }  
.tabbable .tab-content ul li:hover{ background-color:#ebebeb; }
.tabbable .tab-content ul li:hover cite{ color:#999; }  
.tabbable .tab-content ul li a { color: #1e3766; font-size: 1.0em; line-height: 1.3em; text-decoration: none; font-weight: 700;}
.tabbable .tab-content cite  { display: block;; font-size: 0.8em; color: #c4c4c4; font-style: normal; padding:10px 0 0 0;}	
.tabbable .nav-tabs li.one { display:block; float: left; font-size: 1.3em; margin-bottom: 0;   }
 
/* PRODUCTS // FONDS */
article.fonds hr { visibility: hidden; margin:35px 0;}
 
article.fonds .sidebar { position:relative; z-index: 8;  }
article.fonds nav.menu.fixed  { position: fixed; left: 0; top:20%;  }
 
article.fonds nav.menu  { margin-bottom: 40px; max-width: 200px; z-index: 9; width: 100%!important;}
article.fonds nav.menu ul {  }
article.fonds nav.menu ul.sec { display: table; width: 100%; list-style: none; padding: 0; }
article.fonds nav.menu ul.sec li { display: table-cell; width: 50%;  }
article.fonds nav.menu ul.sec li a{ display:block; padding: 44px 10px 10px 10px; text-align: center; border:1px solid #88abec;  font-size: 0.6em; text-decoration: none; }
article.fonds nav.menu ul.sec li:last-child a{ border-left: 0;  }
article.fonds nav.menu ul.sec li.abo a{ background: url('../img/pictos/ico-fond-abo.png') #fff no-repeat 50% 10px;    }
article.fonds nav.menu ul.sec li.lrt a{ background: url('../img/pictos/ico-fond-alert.png') #fff no-repeat 50% 10px;   }
 
article.fonds nav.menu ul.menu { text-transform: uppercase; list-style: none; padding: 0;}
article.fonds nav.menu ul.menu li{  }
article.fonds nav.menu ul.menu li a { line-height: normal; transition: all 0.5s ease; display: block; padding:30px 20px; background: #f8f8f8; color: #000;   text-align: center; text-decoration: none; font-weight: 700;  font-size: 0.75em;  border-bottom: 1px solid #fff; }
article.fonds nav.menu ul.menu li a:hover{background: #d8d8d8;   }
article.fonds nav.menu ul.menu li.current a{ background: #042a71; color: #fff; }
/**/
article.fonds section{ clear: both;padding-bottom: 50px; overflow: hidden;}
article.fonds section.intro { float: left; width: 100%; padding-bottom: 0 ; overflow: visible; clear: none; } 
article.fonds .bloc { background: #f1efef;  padding: 26px 30px 20px 30px; border: 1px solid #e5e5e5; border-width: 0 0 1px 1px; float: right; min-height: 167px; /*overflow: hidden;*/}
article.fonds .bloc.rating-bloc{    padding: 16px 30px 8px 30px;}
article.fonds .bloc p{ overflow: hidden; }
article.fonds .bloc.row { background: #113983; padding-bottom:55px; margin: -10px 0 -10px 0; min-height: 355px; }
@media (max-width: 992px) {  
article.fonds .bloc.row { padding-bottom:20px; margin: 0; min-height: 334px;}
} 
@media (max-width: 767px) { 
article.fonds .bloc, article.fonds .bloc.row { min-height: auto;}
} 
@media (max-width: 768px) { 
article.fonds .cd-faq-items ,
article.fonds .row.flex [class*="col-"] { width: 100%!important;}
} 
@media screen and (min-width: 600px){
article.fonds section#sec7 {overflow: inherit;}
article.fonds section#sec7 table {font-size: 80%;}
}

article.fonds .bloc.row img { margin: auto;}
article.fonds .bloc.row .col-md-6:first-child { padding-left: 0;} 
article.fonds .bloc.row .col-md-6:nth-child(2) { padding-right: 0;} 
article.fonds .bloc.row h4  { line-height: inherit; color: #fff;padding: 10px 0 10px 0;
    font-size: 0.8em;
    text-align: center;}
article.fonds .bloc.row h4 small  { line-height: inherit; color: #fff; font-size: 0.9em;
    padding: 3px 0 0 0;
    display: block;}
article.fonds .bloc.row p { line-height: inherit; color: #fff;}
article.fonds .bloc label { display: block; font-size: 0.6em; color: #acacac; margin-bottom: 10px; text-transform: uppercase; overflow: hidden;line-height: 1.2em; }
article.fonds .bloc label i { font-size: 1.3em; color: #113983; }
article.fonds .bloc select,article.fonds .bloc select:focus, article.fonds .bloc input[type="text"]{ float: right; max-width: 208px; position: relative; top: 0px; font-size: 0.8em; text-transform: uppercase; background: #fff; color: #113983; border-color: transparent; padding: 6px 20px 6px 6px; line-height: 20px; -moz-appearance: none; -webkit-appearance: none; outline: none; width: 100%;}
article.fonds .bloc input[type="submit"]{ float: right; max-width: 208px; position: relative; top: -2px; font-size: 1em; text-transform: uppercase; background: #113983; color: #fff; border-color: transparent; padding: 6px 20px 6px 6px; line-height: normal; -moz-appearance: none; -webkit-appearance: none; outline: none; width: 100%;} 
article.fonds .bloc select:focus,article.fonds .bloc input[type="text"]:focus  {/* background: #e9e9e9;*/}
article.fonds .intro .bloc .select { max-width: 100%;}
article.fonds .intro .bloc select { float: none; max-width: 100%; padding: 12px 20px 12px 10px;z-index: 9;background: transparent;cursor: pointer;}
article.fonds .intro .bloc select::-ms-expand { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);  opacity:0;}
article.fonds .bloc .input.date:after {  font-size: 2.6em;    position: absolute;    right: 2px;    top: 0px;    color: #113983; content: '‣'; -webkit-transform: rotate(90deg); transform: rotate(90deg); z-index:8; }
article.fonds .bloc .date input[type="text"]{z-index: 9;background: transparent; cursor: pointer;}
article.fonds .bloc .date div{background:#fff;display:inline-block;width: calc(100% - 61px);}
article.fonds .intro .bloc .select:after {right: 12px;    top: 0px;    }
article.fonds .bloc .input  { overflow: hidden; margin: 13px auto 0 auto; max-width: 268px; position: relative; background: #fff;} 
article.fonds .bloc .select  {   margin: 13px auto 0 auto; max-width: 268px; position: relative;  }
article.fonds .bloc .input label, 
article.fonds .bloc .select label { float: left; width: 60px; padding: 10px 0 0 0; font-size: 1.0em; color: #113983; background: #f1efef; height: 36px; margin: 0; }
article.fonds .intro .bloc abbr {font-size: 1.3em; padding: 10px; display: inline-block; }
body div.body article.fonds .intro p{ padding: 7px 0 0 0; color: #113983; font-size: 0.8em; font-weight: 400; }
article.fonds .bloc input[type="text"] { }
div.body article.fonds .bloc .summe ,
div.body article.fonds .bloc .duree {font-size: 2.8em; padding: 0; overflow: inherit; white-space: inherit; }
div.body article.fonds .bloc .summe {  color: #7ed321; }
div.body article.fonds .bloc .duree { color: #9b9b9b; }
div.body article.fonds .bloc .duree span{ color: #113983; }


@media (max-width: 1120px) { 
body div.body article.fonds .bloc .summe, body div.body article.fonds .bloc .duree { font-size: 2em;}
}


article.fonds .bloc .post-tools { margin-bottom: 0; margin:10px auto 33px auto; width: 100%; display: table;}
article.fonds .bloc .post-tools li{ text-align: center; display: table-cell;}
article.fonds .bloc hr { margin:16px 0  1px 0; visibility: hidden; } 
.range{ }
.rangecite { color: #88abec; font-size: 0.6em; font-style: normal;   }
.range.risque p  { clear: both; display: table; width: 100%; padding: 30px 0 6px 0!important; position: relative; }
.range.risque p:before , 
.range.risque p:after  { height: 1px; border-bottom-width: 19px; border-bottom-style:  solid; content: ''; position: absolute; left: 0px; top: 5px;}
.range.risque p:before  {  width: 100%;  background: #d8d8d8;  border-bottom-color: #d8d8d8;  }
.range.risque p:after  {  background: #113983;	 border-bottom-color: #113983; }
.range.risque.range1 p:after  {  width: 11%; }
.range.risque.range2 p:after  {  width: 24%; }
.range.risque.range3 p:after  {  width: 38%; }
.range.risque.range4 p:after  {  width: 52%; }
.range.risque.range5 p:after  {  width: 67%; }
.range.risque.range6 p:after  {  width: 80%; }
.range.risque.range7 p:after  {  width: 100%; }
.range.risque  { margin: 20px 0 22px 0 }
.range.risque span { display: table-cell; width:14.28%; text-align: center; font-size: 1.2em; color: #ccc; font-weight: bold; padding-top: 5px;} 
.range.risque cite {color: #88abec; font-size: 0.8em; font-style: normal; } 
.range.risque cite small { font-size: 100%} 
.intro .bloc .range.risque { margin: 14px 0 0 0; }
article.fonds section.intro .tooltip.bottom .tooltip-inner{padding:8px;color:#000;}
.info_rate{position: absolute;right: 12px;top: 90px;}
.range.note  { display: table; width: 100%; }
.range.note i {text-align: center; font-size:1.8em; color: #ccc; display:inline-block;background:url("../img/pictos/ico-star.gif") no-repeat;width:28px;height:27px;margin-right:5px; }
.range.note.sustainability i{background:url("../img/pictos/ico-sustainability.png") no-repeat;height:25px;}
.range.note i.disabled{opacity:0.2;}
.range.note.range1 i:nth-child(1),
.range.note.range2 i:nth-child(1),
.range.note.range2 i:nth-child(2),
.range.note.range3 i:nth-child(1),
.range.note.range3 i:nth-child(2),
.range.note.range3 i:nth-child(3),
.range.note.range4 i:nth-child(1),
.range.note.range4 i:nth-child(2),
.range.note.range4 i:nth-child(3),
.range.note.range4 i:nth-child(4),
.range.note.range5 i:nth-child(1),
.range.note.range5 i:nth-child(2),
.range.note.range5 i:nth-child(3),
.range.note.range5 i:nth-child(4),
.range.note.range5 i:nth-child(5),
.range.risque.range1 span:nth-child(1),  
.range.risque.range2 span:nth-child(1),
.range.risque.range2 span:nth-child(2),
.range.risque.range3 span:nth-child(1),
.range.risque.range3 span:nth-child(2),
.range.risque.range3 span:nth-child(3),
.range.risque.range4 span:nth-child(1),
.range.risque.range4 span:nth-child(2),
.range.risque.range4 span:nth-child(3),
.range.risque.range4 span:nth-child(4),
.range.risque.range5 span:nth-child(1),
.range.risque.range5 span:nth-child(2),
.range.risque.range5 span:nth-child(3),
.range.risque.range5 span:nth-child(4),
.range.risque.range5 span:nth-child(5),
.range.risque.range6 span:nth-child(1),
.range.risque.range6 span:nth-child(2),
.range.risque.range6 span:nth-child(3),
.range.risque.range6 span:nth-child(4),
.range.risque.range6 span:nth-child(5),
.range.risque.range6 span:nth-child(6),
.range.risque.range7 span:nth-child(1),
.range.risque.range7 span:nth-child(2),
.range.risque.range7 span:nth-child(3),
.range.risque.range7 span:nth-child(4),
.range.risque.range7 span:nth-child(5),
.range.risque.range7 span:nth-child(6),
.range.risque.range7 span:nth-child(7)
 { color: #113983; } 
article.fonds .bloc.row .media-heading { }
article.fonds .bloc.row .media-heading small{ }
article.fonds .bloc.row .news { clear: both; border-top: 1px solid #88abec; padding: 14px 0 0 0; margin: 10px 0 0 0; font-size: 0.8em; }
article.fonds .bloc.row .news time { color:#88abec;   }
article.fonds .bloc.row .news p {padding: 3px 0; line-height: 1.2em; font-size: 0.9em;color: #fff;font-weight: normal; }
article.fonds .bloc.row .news a { display: block; color:#fdcb26; }
/**/
div.body article.fonds h1 { font-weight: 400; max-width: 100%; padding-bottom: 20px;}
div.body article.fonds h2 { font-weight: 100; padding-bottom: 20px;}
div.body article.fonds h3 {  padding-bottom: 20px; color: #000}
div.body article.fonds h4 {  padding-bottom: 20px;}
div.body article.fonds h1 + p strong{font-weight: normal; font-size: 1.3em;}

div.body article.fonds .js-video video{width:100%;}
div.body article.fonds .js-video.hasthumbnail video{opacity: 0;}
div.body article.fonds .hasthumbnail{position: relative;z-index: 99;}
div.body article.fonds .hasthumbnail .thumbnail_video{position: absolute;left:0px;top:0px;width: 100%;height: 100%;    width: 100%;}
div.body article.fonds .hasthumbnail .thumbnail_video:after{width: 100%;
    height: 100%;
    content: '';
    background: rgba(0,0,0,0.7);
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.5s ease;z-index: 9;}
div.body article.fonds .hasthumbnail .thumbnail_video img{max-width: 100%;height: 100%;}
div.body article.fonds .hasthumbnail .thumbnail_video a{position: absolute;left:50%;top: 50%;transform: translate(-50%,-50%);z-index: 999;}
div.body article.fonds .hasthumbnail .thumbnail_video a:after {
    width: 88px;
    height: 89px;
    margin: 10px auto 0 auto;
    background: url(../img/pictos/ico-play.png) no-repeat;
    content: "";
    display: block;
    z-index: 999;
}

/**/
div.body article.fonds  { padding-bottom: 0; }
div.body article.fonds .container { padding: 0 20px; max-width: 1230px; width: 100%;}
div.body article.fonds .intro p  { font-size: 1.0em; line-height: 1.0em; font-weight: 500;}
/**/


/**/
.row.flex {  display: flex;}
.row.flex [class*="col-"] { float: none; padding: 30px; position: relative;}
.row.flex [class*="col-"] .summe{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 2em!important;}

@media (max-width: 768px) { 
.results-grid .row.flex {  display: flex;}
.row.flex {  display: block;}
.row.flex [class*="col-"] .summe{ position:static;   transform: translate(0,0);}

body .slider.slider-page.video .item .container a { font-size: 0.8em; letter-spacing: 2px;}
body .slider.slider-page.video .item .container { padding: 20px;} 
}
/**/
div.body article.fonds .badges { padding:0 0 40px 0; overflow: hidden;}
div.body article.fonds .badges .media { margin: 0 0 30px 0;}
div.body article.fonds .badges .media-left { vertical-align: middle;} 
div.body article.fonds .badges p { padding:0;max-width: 240px;font-size: 0.9em;}
div.body article.fonds .badges p.title { color: #113983; font-weight: bold;}
/**/
div.body article.fonds .infos.bg { background: #f8f8f8;}
div.body article.fonds .infos { padding: 40px; overflow: hidden; }
div.body article.fonds .infos ul {  list-style: none; padding: 0; }
div.body article.fonds .infos ul:first-child{ padding-right: 40px;  }
div.body article.fonds .infos ul li { line-height: normal; color: #88abec; font-size: 1em; font-weight: normal; padding: 30px 10px; border-bottom: 1px solid #dfdfdf; }
div.body article.fonds .infos ul label { color: #113983; display: block; font-size: 1.2em; font-weight: bold; padding: 0 0 10px;}
@media (max-width: 768px) { 
div.body article.fonds .infos { padding: 0; }
.fonds.results .row { margin: 0}
}

/**/
div.body article.fonds table   {     border-bottom: 1px solid #ddd; }
div.body article.fonds table tr  {  }
div.body article.fonds table tr td { color: #88abec; padding:20px 20px; border-left: 1px solid #ddd; text-align: right;  }
div.body article.fonds table.large tr td { padding:8px; }
div.body article.fonds table tr td:first-child { color: #113983;  font-weight: bold; border-left: 0; text-align: left;}
div.body article.fonds table tr th { color: #113983; padding:25px 20px; font-weight: bold;  background: rgb(217,217,217);
background: linear-gradient(0deg, rgba(217,217,217,1) 0%, rgba(237,237,237,1) 100%);  text-align: right;}
div.body article.fonds table tr th:first-child { text-align: left; }
/**/

@media screen and (max-width: 600px) {
   
  div.body article.fonds table caption {
    font-size: 1.3em;
  }
  
  div.body article.fonds table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
div.body article.fonds table {
    border-right: 1px solid #ddd;
}
  div.body article.fonds table tr { 
    display: block;
    margin-bottom: .625em;
  }
  
  div.body article.fonds table tr td { 
    color: #111; 
    display: block;
    font-size: .8em;
    text-align: right;
  }
  
  div.body article.fonds table tr td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;    
    padding-right: 10px;
    opacity: 0.7;
    color: #88abec;
  }
  
  div.body article.fonds table td:last-child { 
  }
}
/**/

div.body article.fonds section.docs  {  }
div.body article.fonds section.docs h3 { background-position: 0 50%; background-repeat: no-repeat; color:#113983; font-weight: 500; padding:0 0 0 40px; margin-bottom: 20px; line-height: 43px;   }
div.body article.fonds section.docs h3.reg { background-image: url(../img/pictos/ico-doc-reg.png);  }
div.body article.fonds section.docs h3.com { background-image: url(../img/pictos/ico-doc-com.png);  }
div.body article.fonds section.docs h3 {  }
div.body article.fonds section.docs ul  { margin-bottom: 40px; max-width: 440px;  list-style: none; padding: 0;}
div.body article.fonds section.docs ul li   {  }
div.body article.fonds section.docs ul li a { transition: all 0.5s ease;line-height: 1.3em; text-decoration: none; position: relative; display: block; padding: 14px 10px 14px 30px ; border: 1px solid #113983; color: #113983; margin-bottom: 10px; font-size: 0.8em; text-transform: uppercase;  } 
div.body article.fonds section.docs ul li a:before { content: '‣'; -webkit-transform: rotate(90deg); transform: rotate(90deg);  font-size: 1.9em; position: absolute; left: 14px; top: 14px; color: #d6d6d6;}
div.body article.fonds section.docs ul li a:hover { background: #113983;color: #fff;} 
div.body article.fonds section.docs ul li a:hover:before { color: #fff;}

div.body article.fonds cite.note {
	background: #f2f2f2;line-height: 1.5em; 
	padding: 20px 40px 20px 20px ; margin: 20px 0 30px 0; display: block; text-align: left; font-size: 0.8em; position: relative;
}
div.body article.fonds cite.note:after { display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; content: "\f071"; position: absolute; right: 10px; bottom:35%;  color: #d8d8d8; font-size: 1.5em;
}
div.body article.fonds cite.note em{font-style: normal;font-size: 0.8em;}
/**/

div.body article.fonds #graphwrapper { position:relative; min-height:500px;}
div.body article.fonds #graphdiv {	position: absolute;	left: 0; right: 0;	top: 0;	bottom: 0;}
div.body article.fonds #graphlabel { transition: all 0.5s ease; overflow: hidden;}
div.body article.fonds #graphlabel span { display: inline-block; padding: 0 7px;}
div.body article.fonds #graphnote { text-align: center; padding-top: 20px; } 
div.body article.fonds #graphnote .Unzoom{ position: relative; top: -84px; left: -20px; font-size: 2em; float: right; color: #d3d2d2; } 
/**/
.head .search { margin: 0 0 25px 0; }
.head .search div{ position: relative; max-width:300px; margin:auto; }
.head .search input[type="text"] { width: 100%; font-size: 1em;  padding:  7px 0; display: block; background: transparent; border-width: 0 0 1px 0; border-style: solid; border-color: #113983; outline: 0;color: #113983;}
.head .search input[type="submit"] { outline: 0; background: transparent; border: 0; position: absolute; right: 0; top: 0; width: 50px; height: 50px; }
.head .search div:before{ position: absolute; right: 4px; top: 5px; content: "\f002";display: inline-block;
    font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.5em; color: #113983;}
/**/
@media (min-width:768px) { 
body section.fonds.filter .container{ padding: 10px 110px; }
}
section.fonds.filter { background: #f1efef; padding: 47px 10px 0 10px}
section.fonds.filter .container{ width: 100%!important; padding: 10px 10px 0px 10px ;max-width: 1195px; margin: auto;}
section.fonds.filter .search { margin: 0 0 25px 0; }
section.fonds.filter .search div{ position: relative; max-width: 217px; }
section.fonds.filter .search input[type="text"] { width: 100%; font-size: 0.7em;  padding:  7px 0; display: block; background: transparent; border-width: 0 0 1px 0; border-style: solid; border-color: #c0c0c0; outline: 0;}
section.fonds.filter .search input[type="submit"] { outline: 0; background: transparent; border: 0; position: absolute; right: 0; top: 0; width: 36px; height: 36px; }
section.fonds.filter .search div:before{ position: absolute; right: 4px; top: 5px; content: "\f002";display: inline-block;
    font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
section.fonds.filter label { cursor: pointer; display: block; width: 100%; font-size: 0.6em; text-transform: uppercase; color:#4f4f4f; padding: 5px;}
section.fonds.filter .options {}
section.fonds.filter .options li {padding:5px; position: relative; cursor: pointer;} 
section.fonds.filter .options li label{ line-height: 1.3em;background: #fff; border-radius: 5px; margin: 5px 0; color: #113983; padding:10px; font-size: 0.75em; min-height:77px; font-weight: bold; margin: 0; border:2px solid #fff;}
section.fonds.filter .options li:hover label{background: #e8e4e4;}
section.fonds.filter .options li.active label{background: #17479f; border-color: #17479f; color: #fff;} 
section.fonds.filter .options li.active:before  { content: 'x'; position: absolute; right: 10px; top: 10px; color: #99aed4; font-size: 0.65em;} 
section.fonds.filter .options li label i { display: block; text-align: right; position: absolute; right: 15px; bottom: 15px; font-style: normal; font-size: 0.9em; color: #9b9b9b;} 
section.fonds.filter .options li input { position: absolute; left: 15px; bottom: 15px; display: none;}

section.fonds.filter .center { text-align: center; padding-top: 20px; clear: both; }
section.fonds.filter .center .btn-bleu { margin: 0;position: relative;top: 17px;}
section.fonds.filter button[type="reset"] { padding-right: 30px; position: relative; }
section.fonds.filter button[type="reset"]:after { content: 'x';  position: absolute; right: 10px; top: 10px; color: #99aed4; font-size: 0.85em;} 

section.fonds.filter .center .btn-bleu span.min,
section.fonds.filter.av .center .btn-bleu span.max  {display: none; }
section.fonds.filter .center .btn-bleu span.max,
section.fonds.filter.av .center .btn-bleu span.min  {display: block; }
section.fonds.filter .col-md-4.select, section.fonds.filter .col-md-6.select, section.fonds.filter .col-md-3.select { height: 0px; overflow: hidden; margin-top: 30px;  transition: all 0.5s ease;}
section.fonds.filter.av .col-md-4.select, section.fonds.filter.av .col-md-6.select, section.fonds.filter.av .col-md-3.select { height: 60px; }
@media (min-width: 992px) {
section.fonds.filter .col-md-3.col-sm-6.col-xs-12 {max-height: 276px;}
}

/**/
section.fonds.results { background: #17479f;} 
section.fonds.results .view { color: #fff; padding: 40px 40px 30px 40px; font-size: 1.3em; max-width: 1200px; margin: auto; }
section.fonds.results .view .results-count{ color: #88abec;} 
section.fonds.results .view a { color: #446ab1; padding: 0 0 0 12px; text-decoration: none; font-size: 1.5em;} 
section.fonds.results .view a.current { color: #fff;} 
section.fonds.results .view .pull-right { font-size: 0.8em;}   
section.fonds.results .results-grid { overflow: hidden; color: #000;} 
section.fonds.results .results-grid .col-md-4{ padding: 15px;} 
section.fonds.results .results-grid .content { background: #fff; padding: 15px 30px 10px 30px ;} 
section.fonds.results .results-grid .content .favoris, section.fonds.results .results-grid .content .favoris_disabled{
     position: relative; top: -15px; float: right; text-align: left; background-image: url(../img/pictos/ico-star-off.png); background-repeat:  no-repeat; background-color: #d2d2d2; width: 25px; height: 30px;}
section.fonds.results .results-grid .content .favoris.true{
    background: url(../img/pictos/ico-star-on.png) no-repeat;}  
section.fonds.results .results-grid .content .date  {color: #113983; font-size: 0.6em; height: 34px;} 
section.fonds.results .results-grid .content .date strong{ display: block; padding-bottom: 1px;} 
section.fonds.results .results-grid .content .graph { border-bottom: 2px solid #f1efef; padding: 0 0 10px 0; margin: 0 0 20px 0; min-height: 170px; position: relative;} 
section.fonds.results .results-grid .content .graph ul{ position: absolute;left: 0%;bottom: 0;width: 100%; margin: 0} 
section.fonds.results .results-grid .content .graph ul li { position: static!important;  float: none; display: inline-block; vertical-align: bottom; text-align: center; font-size: 1em; align-self: flex-end; padding: 0 15px 30px 15px;} 
section.fonds.results .results-grid .content .graph ul li .bar{ background: #4896d7; max-width: 70px; margin: auto; position: relative;overflow: visible;height: inherit; padding: 0;} 
section.fonds.results .results-grid .content .graph ul li .bar span{ position: absolute; top: -20px; color: #113983; left: 0; width: 100%; font-weight: bold; } 
section.fonds.results .results-grid .content .graph ul li .bar.neg{ background: #8b8b8b; } 
section.fonds.results .results-grid .content .graph ul li label{height: 27px; position: relative; color:#595959; padding: 5px;} 
section.fonds.results .results-grid .content .graph ul:before { height: 1px; width: 100%; position: absolute;    content: ''; left: 0; bottom: 57px; background: #f1efef;}
section.fonds.results .results-grid .content .title{color: #113983; font-size: 1.6em; font-weight: bold; padding-bottom: 0; height: 75px;} 
section.fonds.results .results-grid .content p{ color: #9b9b9b; padding: 0 0 15px 0; line-height: normal;} 
section.fonds.results .results-grid .content p.description {height: 67px; margin-bottom: 10px; overflow: hidden;}
section.fonds.results .results-grid .content .bloc { margin-bottom: 20px;} 
section.fonds.results .results-grid .content .bloc.no-padd{padding:0px!important;}
section.fonds.results .results-grid .content .bloc .btn-cta{ /*display: block;*/ padding: 16px 16px 16px 54px; margin: 0;} 
section.fonds.results .results-grid .content .bloc .btn-cta:before{ line-height: 2.8em;} 
section.fonds.results .results-grid .content .bloc label { font-size: 0.6em; color: #9b9b9b}  
section.fonds.results .results-grid .content .range.note {color: #9b9b9b; padding-top: 10px; font-size: 0.8em;max-width: 160px;}
section.fonds.results .results-grid .content .range.note.range-list{max-width:100%;}
.date-rate{font-weight: bold;font-size: 8px;display: block;margin-top: 5px;color: #acacac;}
section.fonds.results .center .btn-default, .btn-load , .btn-load:hover { text-decoration: none; color: #113983; background: #d8d8d8; padding: 15px 60px; font-size: 1.1em; margin: 20px 0 40px 0 ; font-weight: 600; letter-spacing: 0;text-transform: uppercase;outline: none;line-height: 40px;  display: inline-block;}
section.fonds.results .center .btn-default:after { display: none}
/**/

section.fonds.results .results-list  { display: none; padding-top: 20px;}
section.fonds.results .results-list thead th { border: 1px solid #979797;  color: #fff; padding: 10px; vertical-align: middle; text-align: center;}
section.fonds.results .results-list thead th:first-child { border-width: 0 1px 1px 0;  }
section.fonds.results .results-list tbody td { border-bottom: 1px solid #17479f; background-color: #f1efef; color: #17479f; padding: 10px; vertical-align: middle; text-align: center; font-weight: bold; transition: all 0.5s ease;}
section.fonds.results .results-list tbody td:first-child { text-align: left;padding-left:40px; min-width: 250px;}
section.fonds.results .results-list tbody td:last-child { border-right: 1px solid #f1efef;}
section.fonds.results .results-list tbody tr:hover td { background-color: #fff; }
section.fonds.results .results-list tbody td p { color: #9b9b9b; font-size: 1em; font-weight: normal;}
section.fonds.results .results-list tbody td p.title {  color: #17479f; font-size: 1.5em;font-weight:bold; text-decoration:none;}
section.fonds.results .results-list tbody td p.title a{  color: #17479f;   text-decoration:none;}
section.fonds.results .results-list tbody td .range.note { max-width: 188px; font-size: 0.70em; margin: auto;}

@media (max-width:768px){ 
body section.fonds.results .results-grid .content .title, body section.fonds.results .results-grid .content p.description{ height:auto;}
}
/**/

.select.bleu { position: relative; cursor: pointer; min-height: inherit;}
.select.bleu select { background: #17479f; color: #fff; border: 0; padding: 15px 20px; display: block; width: 100% ; line-height: 1.5em; -moz-appearance: none; -webkit-appearance: none; outline: none;margin-top: 1px; cursor: pointer; } 
.select.bleu select::-ms-expand { display: none;}
.select.bleu:after{ font-size: 1.7em; position: absolute; right: 25px; top: 12px; color: #fff; content: '‣';
    -webkit-transform: rotate(90deg); transform: rotate(90deg); /*display: none;*/ }
/**/

.bg-white { background: #fff;  }
.bg-grey { background: #f8f8f8!important;  }
.bg-bleu { background: #17479f!important; color: #fff; }
.bg-bleu p, .bg-bleu h2{ color: #fff!important; }
.bg-bleu .btn-cta, .bg-bleu .btn-cta:active, .bg-bleu .btn-cta:focus {background: #113983;}
section.bg-bleu,section.bg-white, section.bg-grey  { padding: 60px 20px; }
section.bg-bleu h2,section.bg-white h2,section.bg-grey h2 { font-size: 3.4em; line-height: normal; padding-bottom: 50px; font-weight: 600;} 
@media (max-width:768px){ 
section.bg-bleu h2,section.bg-white h2,section.bg-grey h2 { font-size: 2.4em;  }
}
section.bg-white h2,section.bg-grey h2 { color: #113983;}
section.bg-bleu h2:after,section.bg-white h2:after,section.bg-grey h2:after { content: ''; height: 3px; background: #d3aa23; width: 120px; display: block; margin: auto; position: relative; top: 20px; }

section.bg-bleu h3,section.bg-white h3,section.bg-grey h3 { font-size: 2.0em; line-height: normal; padding-bottom: 50px; font-weight: 600;color: #113983;}
section.bg-bleu.center p.intro,section.bg-white.center p.intro,section.bg-grey.center p.intro { font-size: 1.5em; line-height: 2vw; line-height: normal; padding-bottom: 30px; font-weight: 400;}
section.posts p.intro { padding-bottom:60px; font-size: 1.6em; line-height: 1.5em; max-width: 900px; margin: auto;}
/**/
.posts .owl-carousel .item .container,.video .owl-carousel .item .container,
.slider.posts .item .container,.slider.video .item .container
  { left: 50%;  transform: translate(-50%, -50%); bottom: inherit; top:40%; width: 100%; max-width: 1100px; padding: 0 40px; position: absolute;}
.slider.posts .item .container p  { font-size: 1.5vw; line-height: normal; padding-bottom: 20px; font-weight: 600;}
.slider.posts .item .container p.title { font-size: 2vw; line-height: normal; padding-bottom: 30px; font-weight: 100; text-transform: uppercase; letter-spacing: 7px; word-spacing: 10px;}
.slider.posts .item .container p.title strong { display: block; font-size: 3.0vw; }
.slider.posts .item .container p.title:after { width: 120px; position: relative; top: 10px;}
.slider.video .item .container p { text-align: center; font-size: 2vw; line-height: normal; padding-bottom: 30px; font-weight: 100; text-transform: uppercase; letter-spacing: 7px; word-spacing: 10px; }
.slider.video .item .container p strong { display: block; font-size: 3.4vw;}
.slider.video .item .container a  { color: #fff; text-decoration: none; transition: all 0.5s ease;display:block; }
.slider.video .item .container a:after { width:88px; height: 89px; margin: 10px auto 0 auto;  background:url("../img/pictos/ico-play.png") no-repeat;content:"";display:block;}
.slider.video .item .container a:hover { } 
section.slider-hp { overflow: hidden; width: 100%;}
@media (max-width:480px){ 
body section.bg-bleu,  body section.bg-white, body section.bg-grey, body .col-xs-12.item  { padding: 0;}
.col-xs-12.item.video  { padding:10 10px 0 10px;}
 }
@media (max-width: 768px){  
.slider.video .item .container p {  font-size: 1.5em;}
.slider.posts .item .container p.title { font-size: 3vw;}
.slider.posts .item .container p.title strong { font-size: 4.4vw; }
.slider.posts .item .container p { font-size: 2.5vw;  }
body .slider .item, body .owl-carousel .item  { overflow: hidden; position: relative; }
body .slider .item img, body .owl-carousel .item img {width: inherit; height: 100%; max-width: inherit; left:50%; transform: translate(-50%,0%);  /* max-height: 320px; */}
.owl-carousel .item .container {width: 100%;}
.owl-carousel .item .container p { font-size: 4.7vw;  }
.owl-carousel .item .container .title { font-size: 3.2vw;}
.owl-carousel .item .container p.small { font-size: 2.7vw;line-height: 3.5vw;}
.owl-carousel .item   { position: relative; overflow: hidden;}
} 
section.slider-hp .owl-nav {display: none;}
/**/
.keys.row {
    margin-top:30px;
}
.keys.row li{ font-size: 1.2em; color: #113983; padding: 0 40px 40px 40px ;}
.keys.row li big { display: block; color: #88abec; font-size: 5em; font-family: 'Lato'; font-weight: bold;}
.keys.row li p {margin-top:40px; padding: 0 40px;}
/**/
.masonry .item .head .favoris { background-color: #d2d2d2; /*background-image: none;*/}
/**/
#fonds .item { padding: 16px;}
#fonds .item .head { min-height: 80px; background:#fff; padding: 10px 50px;font-weight: bold; position: relative;}
#fonds .item .head p{ font-size:0.9em ; padding: 0; color: #17479f;}
#fonds .item .head p.title-cat{ font-size:1.6em ; color: #092558; padding: 0}
#fonds .item .body {}
.content-favoris #fonds .item .body{overflow:hidden;padding:0px;}
.content-favoris #fonds .item .head{text-align:left;}
.content-favoris #fonds .masonry .item .head .title-cat{    float: none;min-height: initial;font-weight: bold;line-height:normal;}
#fonds article.fonds  { background-color: transparent; padding: 0; }
#fonds article.fonds .bloc { min-height: 95px; padding: 20px; float: left; text-align: center; }
#fonds article.fonds .bloc .summe, #fonds article.fonds .bloc .duree { font-size: 2.3em; text-align: center; line-height: normal;}
.content-favoris #fonds article.fonds .bloc .summe, .content-favoris #fonds article.fonds .bloc .duree{font-size:1.5em;}
.content-favoris #fonds .ranges{overflow:initial;}
#fonds .range.risque   { margin-bottom: 0;}
#fonds .range.risque p { padding-bottom: 0;}
#fonds .ranges { padding:0; height: 28px; font-size:  1.3em; color: #acacac;}
#fonds .ranges big{ font-size: 2em; color: #113983;}
#fonds article.fonds .bloc .btn{ margin: 5px 0 4px 0;}
/**/
table.tool { margin: 0; padding: 0; width: 100%;}
table.tool tr{ padding: 0;}
table.tool tr th{ padding: 4px 6px!important;}
table.tool tr td{color: #113983!important; font-weight: bold; font-size: 0.8em; border: 0!important; padding:3px 6px!important;  }
table.tool td .pagination{border-radius:0; margin: 0; padding: 0!important; width:100%; overflow: hidden; border-right:1px solid #113983;}
table.tool td .pagination li { width: 14.28% ; display: block; float: left;}
table.tool td .pagination li a{ display: block; width:100%; text-align: center; padding: 5px 0; font-size: 1.2em; border-right:0} 
table.tool th i{ font-size: 120%;} 
table.tool td.pad{ padding: 0 7px;   } 
.tootip-link { cursor: pointer;}
.tootip-link i{ position: relative; width: 50px; display: inline-block; height: 12px;}
.tootip-link i:before{ font-size: 200%; position: absolute; top: 0; left: 2px;}
.tooltip {   opacity: 1!important;}
.tooltip.top .tooltip-inner, .tooltip.bottom .tooltip-inner{ max-width:500px; -webkit-border-radius:5px; -moz-border-radius:5px;
border-radius:5px; background: #fff; padding: 0; opacity: 1}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before ,
.tooltip > .tooltip-arrow{
  border-bottom-color: rgba(237,237,237,1)!important;
  /* Red */
}
/**/
.item .head .delet{ position: absolute; right: 0; top: 0; background-color: #d8d8d8; width: 40px; height: 40px; background-image: url(../img/pictos/ico-delet.png);background-repeat: no-repeat; background-position: 50% 50%;transition: all 0.5s ease;}
.item .head .delet:hover{ opacity: 0.6 ; background-color: #000;}
/**/

.select.bleu .select { max-width: 90%; margin: auto; } 
.select.bleu .select label { color: #092558; font-size:1.5em; display:inline-block; width: 33%; text-align: right; padding-right: 15px;  } 
.select.bleu .select select { width: 66%; background: #17479f; color: #fff; border: 0; padding: 20px 40px; display:inline-block; line-height: 2.5em; font-size:1.4em; -moz-appearance: none; -webkit-appearance: none; outline: none;margin-top: 1px; border-radius: 0; } 
.select.bleu .select select::-ms-expand { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);  opacity:0;}
.select.bleu .select { position: relative; }
.select.bleu .select option {padding: 20px 40px;}
.select.bleu .select:after{ content: '‣'; font-size: 80px; position: absolute; right: 30px; top: 8px; color: #fff; -webkit-transform: rotate(90deg); transform: rotate(90deg); font-family: arial;display:none; }
.select.bleu .select div:after{display: none;}


.custom-select-wrapper {
	position: relative;
	display: inline-block;
	user-select: none;
	width:66%;
}
.custom-select-wrapper select {
	display: none;
}
.custom-select {
	position: relative;
	display: inline-block;
	width:100%; 
}
.select.bleu .custom-select { 
	z-index: 2;
}
.custom-select-trigger {
	position: relative;
	display: block; 
	padding: 20px 80px 20px 20px;
	font-size: 22px;
	font-weight: 300;
	color: #fff; 
	background: #17479f; 
	cursor: pointer;
	line-height: 2.5rem;
}
.custom-select-trigger:after {
	content: '‣';
    font-size: 80px;
    position: absolute;
    right: 30px;
    top: 50%;
    color: #fff;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    font-family: arial;
    margin-top: -14px;
}
.custom-select.opened .custom-select-trigger { 
	/*color: #17479f;  
	background: #f8f8f8;  */
}
.custom-select.opened .custom-select-trigger:after {
	transform: rotate(-90deg);
	/*border-color: #17479f;  
	color: #17479f; */ 
}
.custom-options {
	position: absolute;
	display: block;
	top: 100%;
	left: 0;
	right: 0;
	min-width: 100%;
	margin: 0;
	border: 1px solid #b5b5b5; 
	box-sizing: border-box;
	box-shadow: 0 2px 1px rgba(0,0,0,.07);
	background: #f8f8f8;
	transition: all .4s ease-in-out;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(-15px);
	z-index:9999;
}
.custom-select.opened .custom-options {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
	transform: translateY(0); 
} 
.option-hover:before {
	background: #f9f9f9;
}
.custom-option {
	position: relative;
	display: block;
	padding: 20px 22px;
	font-size: 18px;
	font-weight: 600;
	color: #17479f; 
	cursor: pointer;
	transition: all .4s ease-in-out;
	border-bottom: 1px solid #dddcdc;
	line-height: 2.5rem;
}
.custom-option:first-of-type { 
}
.custom-option:last-of-type {
	border-bottom: 0; 
}
.custom-option:hover,  .custom-option.selection {
	background: #17479f; color:#fff;
}
.custom-select-wrapper.sm { width: 100%; max-width: 208px;}
.intro .custom-select-wrapper.sm {  max-width: 100%;}
.sm .custom-select-trigger  { 
	padding: 7px 25px 7px 10px;
	font-size: 14px;
	font-weight: 500;
	color: #113983; 
	background: #fff;  
	line-height: 1.5rem;
}
.sm .custom-option {  
	padding: 7px 25px 7px 10px;
	font-size: 14px;
	font-weight: 500; 
	line-height: 1.5rem;  
}
.sm .custom-select-trigger:after {font-size: 40px;margin-top: -12px; right: 5px; color: #113983;}
.sm .custom-select.opened .custom-select-trigger:after { margin-top: -12px; right: 9px;  }
/**/
@media (max-width: 768px){ 
body .select.bleu .select select, body .innerSelect div.label,body .innerSelect div.content, body .innerSelect div.label span{display:block; width: 100%; float: none; text-align: left; padding: 30px 10px; text-align: left;}
body .select.bleu .select { max-width: 100%;}
body .select.bleu .select label {display:none}
body .custom-select-wrapper { width: 100%}
body section.cards li:hover , body section.cards li:nth-child(even), body section.cards li:hover  p.title{/* background: #4896d7;*/ color: #fff; }
}

.innerSelect {}
.innerSelect .item{position: relative; padding:50px 0 60px 0; max-width: 90%; margin: auto;  display: none;}
.innerSelect .item:after { content: '‣'; -webkit-transform: rotate(90deg); transform: rotate(90deg);font-size: 9em; position: absolute; left:50%; bottom: -81px; color: #fff;}
.innerSelect div.label {border-radius: 0; float: left; position: relative; width: 33%;display:inline-block; border-right: 1px solid #dbdbdb; min-height: 140px; font-size: 2em; color: #17479f; padding:0;cursor: text; }
.innerSelect div.label span { text-align: right; display: block; white-space: normal; padding:20px 40px; position: absolute; top: 50%;transform: translateY(-50%);}
.innerSelect div.content { width: 66%;display:inline-block;min-height: 140px;}
.innerSelect div.content p{color: #4f4f4f; padding: 14px 40px; font-size: 1.7em;cursor: text; }
.innerSelect div.content a{color: #17479f; text-decoration: underline; font-size: 1.3em; padding-left:40px;display: none; }

section.cards li, section.cards .itemT { transition: all .6s ease;  display: block; vertical-align: middle; position: relative; background:#4896d7; color: #fff;border:15px solid #f8f8f8; padding: 30px; overflow: hidden; }
section.cards li{min-height: 300px;border-top: 10px solid #fff;border-bottom: 0px;}
section.cards .itemT{background:none;border: none;padding: 0px;text-align: center;}
section.cards .itemT.first{background: #0FA015;border:15px solid #f8f8f8;padding: 44px 10px;}
section.cards .itemT .wrap-item{background:#17479f;border:15px solid #f8f8f8;padding: 40px 10px;min-height: 168px;border-bottom: none;border-top: none;position: relative;    min-height: 300px;}
section.cards .itemT .wrap-item .wrapsecond{    width: 100%;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    left: 0px;
    padding: 0 22px;}
section.cards .itemT .wrap-item .wrapsecond .btn-cta{display:none;}
section.cards .itemT .wrap-item:hover .wrapsecond .btn-cta{display:block;}
section.cards .itemT .wrap-item:hover{background: #f1efef;color: #737373;}
section.cards .itemT .wrap-item.off .btn-cta, section.cards .itemT .wrap-item.off p{display: none!important;}
section.cards .itemT .wrap-item.off p.title{display: block!important;}
section.cards .itemT .wrap-item:hover p.title {
        padding-bottom: 15px;
}
section.cards .itemT .wrap-item:hover p.title a{
        color: #113983;
}
section.cards .itemT .wrap-item:hover p{display: block;}
section.cards .itemT .wrap-item.off{opacity: 0.6;}
section.cards .itemT .wrap-item.off a{cursor: not-allowed;pointer-events: none;}
section.cards .itemT .wrap-item .fadeExpertise{display: none;
    color: #fff;
    font-size: 1.6em;
    border-radius: 100%;
    border: 2px solid;
    width: 44px;
    height: 44px;
    line-height: 44px;margin-top: 20px;}
@media (max-width: 768px){ 
    section.cards .itemT .wrap-item .fadeExpertise{display: inline-block;outline: none;}
    section.cards .itemT .wrap-item .fadeExpertise:hover{text-decoration: none;}
    section.cards .itemT .child{display: none;}
}
section.cards li .content{width: 100%;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    left: 0px;
    padding: 30px;}
section.cards li p,section.cards li a { display: none; transition: all 0.3s ease; }
section.cards li p.title, section.cards .itemT p.title { display: block;   font-size: 1.5em; display: block; }
section.cards .itemT.first p.title{font-weight: bold; font-size: 1.6em;}
section.cards .itemT p.title a{color: #fff;}
section.cards .itemT p.title a:hover{text-decoration: none;}
section.cards li:hover p.title { color: #113983; padding-bottom: 15px;  }
section.cards li:hover { background:#f1efef; color: #737373;  }
section.cards li:hover p{ display: block; }
section.cards li:hover a{ display: inline-block; }
section.cards li.off { background:#a7c6e0; }
section.cards li.off p.title{ color: #fff; }
section.cards li.off:hover  p,section.cards li.off:hover a { display: none;   }
section.cards li.off:hover  p.title { display: block;padding-bottom:15px;   }
section.item.bg-img { position: relative; overflow: hidden; }
section.item.bg-img .content {  padding: 0; overflow: hidden;  background:#314b79; height:300px;  }
section.item.bg-img img { max-width: 100%; opacity: 0.4; height: auto; width: 100%; position: absolute; left: 0%; top: 50%; transform: translate(0%, -50%); transition: all 0.5s ease;}
section.item.bg-img:hover img {/*top: 65%; */ }
section.item.bg-img h2 { width: 100%; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 0; font-size: 2.6em;font-family: 'Lato';font-weight: 700; }
section.item.bg-img h2 a { color: #fff; text-decoration: none }
section.item.bg-img h2:after{ display: none;}
@media (max-width: 768px){ 
section.item.bg-img .content {height: inherit; min-height: 200px; }
body section.cards li p,section.cards li a { display:inline-block; padding-bottom: 15px}
body section.cards li.off p,section.cards li.off a { display:none}
body section.cards li.off p.title { display:inline-block}
.personaliz-checkbox label{font-size: 12px!important;}
}
/**/
.heading { letter-spacing: 15px; word-spacing: 10px; font-size: 1.3em; color: #fff; line-height: normal; text-transform: uppercase; padding: 25px 0;}
.heading.bleu {background: #092558;}
.heading.yellow {background: #fdcb26;}
.popup_condition_acces, .popup_condition_acces_lng{    display: block;
    max-width: 900px;
    background: #fff;
    margin: auto;padding:36px 22px}
.scroll-js{    width: 100%;
    height: 300px;
    margin: 0 20px 20px 0;display:block}
.popup_condition_acces p, .popup_condition_acces_lng p{font-size:13px;color:#6c778f;font-family:Arial, Helvetica, sans-serif;line-height:24px;margin-bottom:26px;}
.popup_condition_acces h3, .popup_condition_acces_lng h3{margin-bottom:11px;}
.popup_condition_acces h3, .popup_condition_acces h4, .popup_condition_acces_lng h3, .popup_condition_acces_lng h4{font-size:13px;color:#6c778f;font-family:Arial, Helvetica, sans-serif;font-weight:bold;}
.popup_condition_acces h4, .popup_condition_acces_lng h4{margin-left:10px;margin-bottom:6px;}
.popup_condition_acces ul, .popup_condition_acces_lng ul{margin-bottom:26px;list-style:inside;}
.popup_condition_acces ul li, .popup_condition_acces_lng ul li{font-size:13px;color:#6c778f;font-family:Arial, Helvetica, sans-serif;line-height:24px;}
.popup_condition_acces .btn-validate, .popup_condition_acces_lng .btn-validate{display:block;text-align:right;margin-top:40px;}
.popup_condition_acces .btn-validate button, .popup_condition_acces_lng .btn-validate button{    display: inline-block;
    position: relative;
    background: #17479f;
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    padding: 0 66px 0 26px;
    line-height: 60px;
    height: 60px;
    border: none;}
.popup_condition_acces .btn-validate button.popup-modal-dismiss, .popup_condition_acces_lng .btn-validate button.popup-modal-dismiss{padding:0 26px;background: #b1aeae;}
.popup_condition_acces .btn-validate button.popup-modal-dismiss:after, .popup_condition_acces_lng .btn-validate button.popup-modal-dismiss:after{display:none;}
.popup_condition_acces .btn-validate button:after, .popup_condition_acces_lng .btn-validate button:after{
    content: '➞';
    line-height: 60px;
    font-size: 1.4em;
    color: #fff;
    position: absolute;
    right: 18px;
    top: 0;
}
.popup_condition_acces a.popup-modal-dismiss, .popup_condition_acces_lng a.popup-modal-dismiss{
    position: relative;
    display: block;
    width: 100%;
}
.popup_condition_acces a.popup-modal-dismiss:after, .popup_condition_acces_lng a.popup-modal-dismiss:after{
    content: "\00d7";
    color: #fff;
    font-size: 5vw;
    position: absolute;
    top: -132px;
    left: 50%;
    z-index: 9999;
    margin-left: 400px;
}

body .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{display:none;}
body .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px;background-color: #000!important;}

@media (max-width: 480px){ 
.heading { text-align: center;  }
}
@media (max-width: 768px){ 
.heading { letter-spacing: 5px; word-spacing: 0px;  }
}
/**/
.staffs {}
.staffs .item {   }
.staffs .item .content { text-align: center!important;background: #fff;padding-top: 100px!important;transition: all 0.5s ease; border-bottom: 5px solid #fff;}
.staffs .item:hover .content {  background: #f2f2f2; border-color: #d3aa23; }
.staffs .item .visu  { position: relative; padding-top: 180px;}
.staffs .item .visu img{ max-width: 180px!important; margin: auto; position: absolute; left: 50%; top: 100%; width: 100%; height: auto;transform: translate(-50%, -50%);}
.staffs .item .content h4 { padding-bottom: 0;}
.staffs .item .content h4 a { color: #113983; text-decoration: none;}
.staffs .item .content p { color: #17479f; font-size: 0.8em;}
.staffs .item .content small { text-align: left; color: #4f4f4f; font-size: 0.8em; line-height: 1.8em; padding: 0 30px 30px 30px; display: block;}
.staffs .btn-cta{ padding-left: 20px; min-width: 180px; max-width: 100%; }
.staffs .btn-cta:before{ display: none; }
.sidebar .staffs .item  { margin: 0 0 30px 0;}
.sidebar .staffs .item .content  {background: #f2f2f2;}
.sidebar .staffs .item:hover .content{border-color:#fff;}
div.body article .sidebar .staffs h4 { font-size: 1.4em;}
div.body article .sidebar .staffs p { font-size: 1.0em;}
 
@media (max-width: 768px){ 
.sidebar .staffs .item .visu  { padding-top:90px;}
}
/**/ 
.slider-page { max-height: 560px; overflow: hidden;}
.owl-carousel.carousel-hp.one-item { display: block;}
@media (max-width: 768px) { body .container { max-width: 750px; width: 100%; margin-bottom: 20px;}}
@media (min-width: 992px) { section.masonry.bg-grey.center { overflow: hidden; flex: 1; display: flex;}section.masonry.bg-grey.center .item.bg-bleu .content { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%;}}
section.masonry.bg-grey.center { padding: 0; clear: both; }
section.masonry.bg-grey.center .item  { height: 63%;}
section.masonry.bg-grey.center .item.bg-img, section.masonry.bg-grey.center .item.doc { height: 37%;}
section.masonry.bg-grey.center .item,
section.masonry.bg-grey.center .col-md-6 { padding: 0;}
section.masonry.bg-grey.center .item .content { background-color:transparent;  padding: 30px 40px 30px 40px;}
section.masonry.bg-grey.center .item .content h2 { font-size: 3em }
section.masonry.bg-grey.center .item.doc { }
section.masonry.bg-grey.center .item.doc .content{ background: #4896d7!important; height: 100%; position: relative;  padding: 40px; min-height: 280px; }
section.masonry.bg-grey.center .item.doc .content .body{ padding: 30px;left: 0;transform: translate(0%, -50%); top: 50%; width: 100%; position: absolute;height: auto;margin: 0;}
section.masonry.bg-grey.center .item.doc h2{ display: inline-block; margin: auto; padding: 0; text-align: left; font-size: 2em; }
section.masonry.bg-grey.center .item.doc h2:before{height: 136px; width:100px; float: left; background-size: contain; margin-right: 40px;  }
section.masonry.bg-grey.center .item.doc h2:after{ display: none; }
section.masonry.bg-grey.center .item.doc h2 a.btn-cta{  font-size:13px; }
section.masonry.bg-grey.center .item .keys { margin-bottom: 40px }
section.masonry.bg-grey.center .item.bg-bleu { min-height: 400px; position: relative; }

section.masonry.bg-grey.center .item.bg-bleu h2 { color: #fff; }
section.masonry.bg-grey.center .item.bg-bleu a { color: #fff; text-decoration: none; }
section.masonry.bg-grey.center .item.bg-bleu p {font-size: 1.0em; max-width: 600px; margin: 0 auto 7px auto; line-height: 1.3em;}
section.masonry.bg-grey.center .item.bg-img { position: relative; }
section.masonry.bg-grey.center .item.bg-img .content { height: 100%; padding: 0; overflow: hidden;  background:#314b79;}
section.masonry.bg-grey.center .item.bg-img img { max-width: 100%; opacity: 0.4; height: 100%; width: 100%;}
section.masonry.bg-grey.center .item.bg-img .inner { width: 100%; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 0;font-family: 'Lato'; font-weight: 700;letter-spacing: 1px; }
section.masonry.bg-grey.center .item.bg-img h2 { color: #fff;  }
section.masonry.bg-grey.center .item.bg-img h2:after{ display: none;}
section.masonry.bg-grey.center .item  { height: 63%;}
section.masonry.bg-grey.center .item.doc { height: 37%;}
section.masonry.bg-grey.center .item.bg-img { height: 37%;}
@media (max-width: 1300px) {   
	section.masonry.bg-grey.center .item.bg-bleu p{font-size:0.9em;}
}
@media (max-width: 768px) { 
section.masonry.bg-grey.center .item.bg-bleu .content { position: static; transform: none;}
.masonry .item.doc .body { /*height: inherit;*/ padding: 0px; margin: 20px;}
.masonry .item.doc .body h2 { transform: none; position: static;}
.slider.posts  .item .container p { padding-bottom:10px; }
.slider.posts .item .container, .slider.video .item .container { /*top: 50%*/}
body section.masonry.bg-grey.center .item.bg-img h2 { font-size: 6vw ; padding-bottom: 1vw;}
section.masonry.bg-grey.center .item.doc h2{ line-height: 1.2em; font-size: 2em; }
section.masonry.bg-grey.center .item.doc h2:before { height: 100px; width: 75px; margin-right: 20px; margin-bottom: 40px;}
}
@media (max-width: 767px) {  
.masonry .item.doc .body {  height: inherit;  } 
}
/**/
.col-two {column-count:2}
.col-tree{column-count:3}
.col-four {column-count:4}
.col-five {column-count:5}
/**/
section.jobs.filter { background: #e6e6e6; padding:20px 20px 5px 20px ; min-height: inherit;}
section.jobs.filter label { color: #092558; font-size: 1.7em; padding:0 10px;line-height: 1.5em;}
section.jobs.filter div { text-align: center;}
section.jobs.filter div div { display:inline-block; min-width: 180px; margin-bottom: 20px; margin-right: 4px;}
section.jobs.filter a { color: #fff; border: 0; padding: 15px 20px; line-height: 1.5em; outline: none; margin:0px; font-size: 1em; text-decoration: none; margin-bottom: 20px;}
section.jobs.filter .select.bleu select ,
section.jobs.filter  a { font-size: 0.8em;} 
@media (max-width: 768px){
section.jobs.filter a,  
section.jobs.filter div div  { display:block;}
}

section.jobs.list {  }
section.jobs.list .container .loading{text-align: center;margin-top: 40px;display: block;}
section.jobs.list ul { padding-top: 80px;  }
section.jobs.list ul li {  padding: 15px 20px 15px 0; border-bottom: 1px solid #979797; transition: all 0.5s ease;}
section.jobs.list ul li:last-child { border-bottom: 0; margin-bottom: 50px; }
section.jobs.list ul li:hover { padding: 15px 0  15px 20px; background-color: #f2f2f266; }
section.jobs.list ul li p {  color: #383838; font-size: 1.2em; line-height: 1.8em; padding: 0 0 10px 0; }
section.jobs.list ul li p.title, section.jobs.infos p.title { color: #113983; font-size: 2em; line-height: 1em; padding: 0 0 30px 0 ; }
section.jobs.list ul li p.infos, section.jobs.infos p.infos { color: #113983; font-size: 1.3em; line-height: 1em; padding: 0 0 15px 0; font-weight: 700;}

section.jobs.infos { background: #e6e6e6; padding:20px 20px  20px ; min-height: inherit;} 
section.jobs.infos p{ padding:6px!important;} 
section.jobs.infos a.btn-cta{ padding-bottom: 10px; padding-top: 12px;  margin: 0;font-size: 0.8em;position: relative; top: -20px;} 
section.jobs.offre {  padding:40px 20px ;} 
section.jobs.offre h2 {color: #113983; font-size:2em; line-height: 1em; padding: 30px 0 30px 0 ; font-weight: 600;} 
section.jobs.offre p {color: #383838; font-size: 1.2em; line-height: 1.6em; padding: 0 0 30px 0 ;max-width: 700px;} 
section.jobs.offre ul{list-style:disc;padding-left:20px;max-width: 700px;} 
section.jobs.offre li{color: #383838; font-size: 1.2em; line-height: 1.6em;} 
section.jobs.infos p.title , section.jobs.infos p.infos {float: left; width: calc(100% - 300px);}
@media (max-width: 768px){ 
section.jobs.infos p.title ,  section.jobs.infos p.infos {float: none; width: 100%  ;}
section.jobs.infos a.btn-cta{ float: none!important; top: 0; margin: 10px 0 10px 0 }
body .modal-dismiss-profil:after{left:initial;right:0px;top:-16px;font-size: 26vw;margin-left:0px;}
body .mfp-container { padding-right: 10px;}
a.popup-modal-dismiss{float:right;}
a.popup-modal-dismiss:after{position:relative;top:0px;right:0px;}
.navbar-toggle{z-index: 999999999;}
body .mfp-container{overflow:scroll;-webkit-overflow-scrolling: touch;padding:86px 14px;}
body header .menu-mobile{z-index: 9999999;}
body .navbar-toggle{z-index: 9999999999;}
#popupterms .close-terms:after{font-size:14vw;}
body #popupterms{height:auto;min-height:100%;font-size:14px;padding:50px 20px 40px 20px;}
.mfp-wrap .content-favoris h2{font-size:2em;}
.content-favoris a.popup-modal-dismiss:after{left:initial;right:0px;}
body video.custom_videos, .home-grid div.video{height:auto;width:100%!important;min-height:316px;}
body video.custom_videos, body .home-grid div.video, body .player{opacity: initial!important;}
.mfp-wrap .content-favoris .videoShow .back_favoris{right: 0;top: -36px;}
.mfp-wrap .content-favoris .videoShow{padding:20px 10px;}
body .player{z-index:999;}
.mfp-wrap .content-favoris .row{margin:0px;}
.content-favoris #fonds article.fonds .bloc .summe, .content-favoris #fonds article.fonds .bloc .duree{font-size:1.2em;}
.content-favoris .btn-cta, .btn-cta:active, .content-favoris .btn-cta:focus{padding-left:10px;}
.content-favoris .btn-cta:before{display:none;}
}
/**/
div.body article ul.links-ancre { padding: 30px 40px;  list-style: none; background: #f3f3f3!important;}
div.body article ul.links-ancre li {  }
div.body article ul.links-ancre li a { color: #1b4188; padding:5px; font-size: 1.2em; display: block; text-decoration: none;}
div.body article ul.links-ancre li a:hover { color: #000;background: #f8f8f8; }
div.body article figure ul{ list-style: none; padding: 0;}
div.accordion p {padding-bottom:10px!important;}
div.accordion .panel { border:0;box-shadow: none; margin-bottom: 10px;}
div.accordion .panel-content { }
/*
section.fonds.results .results-grid {padding: 20px;
    -webkit-column-count: 3; -moz-column-count: 3; column-count: 3;
}
@media (max-width: 992px) {
 section.fonds.results .results-grid { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
}
@media (max-width: 480px) {
 section.fonds.results .results-grid { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
}
section.fonds.results .results-grid > div { margin: 0 0 20px 0; width: 100%; float: none; padding:0;}
section.fonds.results .results-grid .col-md-4 { padding: 0}
*/


/** bloc bleu **/
.blocs-bleu { display:flex;flex-direction:row;justify-content:space-around;background-color:#F1EFEF;padding:30px 0; }
.blocs-bleu .bloc-item { display:flex;background-color:#121D55;border-radius:20px;margin-left:3%;padding: 30px 10px;align-items: center;text-align: center;line-height: 24px;color: white;text-decoration: none;justify-content:center; }
.blocs-bleu .bloc-item:last-child { margin-right:3%; }
.blocs-bleu .bloc-item:hover { background-color:#FFCA45; }

/* one item */
.blocs-bleu .bloc-item:first-child:nth-last-child(1) {
    /* -or- li:only-child { */
    width: 100%;
}

/* two items */
.blocs-bleu .bloc-item:first-child:nth-last-child(2),
.blocs-bleu .bloc-item:first-child:nth-last-child(2) ~ .bloc-item {
    width: 50%;
}

/* three items */
.blocs-bleu .bloc-item:first-child:nth-last-child(3),
.blocs-bleu .bloc-item:first-child:nth-last-child(3) ~ .bloc-item {
    width: 33.3333%;
}

/* four items */
.blocs-bleu .bloc-item:first-child:nth-last-child(4),
.blocs-bleu .bloc-item:first-child:nth-last-child(4) ~ .bloc-item {
    width: 25%;
}




/**************css longue profil******************/

.profil-longue{float: right;margin-left: 20px;position: relative;padding-top: 12px;}
header .menu nav.menu-top .profil-longue button,header .menu nav.menu-top .profil-longue button:hover{
    background: none!important;
    border: none!important;
    color: #000;
    padding: 0px;
    display: block;
    box-shadow: none;
    font-size: .6em!important;
    color: #474747!important;
    outline: none;
    font-weight: bold;
}
header .menu nav.menu-top .profil-longue img{max-width: 20px;display: inline-block;vertical-align: middle;}
header .menu nav.menu-top .profil-longue button span{color: #dfdfdf;font-size: 1.4em;}
header .menu nav.menu-top .profil-longue button em{font-style: normal;margin-left: 6px;display: inline-block;vertical-align: middle;}

header .menu nav.menu-top .profil-longue ul{display: none;line-height: normal;background: #f1efef;min-width: 48px;}
header .menu nav.menu-top .profil-longue .dropdown.open ul{display: block;}
header .menu nav.menu-top .profil-longue ul li{display: block;padding: 0px;margin-left: 0px;color: #000;}
header .menu nav.menu-top .profil-longue ul li:before{display: none;}
header .menu nav.menu-top .profil-longue ul li img{display: inline-block;margin-right: 6px;vertical-align: middle;}
header .menu nav.menu-top .profil-longue ul li a{display: block;padding: 4px;font-size: 1em;color: #474747;font-weight: bold;}
header .menu nav.menu-top .profil-longue ul li.current a{background: #fdcb26;border-radius:6px;}
.modal-dismiss-profil-longue:after{    
    content: "\00d7";
    color: #fff;
    font-size: 5vw;
    position: absolute;
    top: -90px;
    left: 50%;
    z-index: 9999;
    margin-left: 400px;
}
#profil-long .content-profil .wrap-content-profil{
    padding-top: 70px;
    padding-bottom: 70px;
}
#profil-long .btn-profil {
    text-align: left;
    display: block;
    margin-top: 14px;
    margin-bottom: 30px;
}
#profil-long .btn-profil button {
    display: inline-block;
    position: relative;
    background: #17479f;
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    padding: 0 66px 0 26px;
    line-height: 60px;
    height: 60px;
    border: none;
}
#profil-long .btn-profil button:after {
    content: '➞';
    line-height: 60px;
    font-size: 1.4em;
    color: #fff;
    position: absolute;
    right: 18px;
    top: 0;
}
#profil-long label{    
    color: #113983;
    display: block;
    margin-bottom: 12px;
    font-size: 14px;
    cursor: pointer;
}
#profil-long .back-home{
    display: inline-block;
    padding: 0 20px;
    line-height: 36px;
    background: #fdcb26;
    border-radius:6px;
    margin-top: 12px;
    color: #17479f;
    text-decoration: none;
}

#profil-long .trad{font-size: 10px;font-style: italic;display: block;}

#profil-popup .content-profil .wrap-content-profil .txtProfil{display: none;width: 100%;}
body #profil-popup .content-profil .wrap-content-profil{padding-top: 0px;float: left;width: 100%;}

body #profil-popup .content-profil .wrap-content-profil .fields-residence-fiscale { margin-bottom:40px;}

body #profil-popup .content-profil .wrap-content-profil .bootstrap-select .dropdown-toggle { padding:0 10px;margin-bottom:0;margin-top:0; }
body #profil-popup .content-profil .wrap-content-profil .bootstrap-select .dropdown-toggle:after { display:none; }
body #profil-popup .content-profil .wrap-content-profil .bootstrap-select .dropdown-toggle .filter-option-inner-inner { line-height:45px; }
body #profil-popup .content-profil .wrap-content-profil .bootstrap-select .dropdown-toggle .filter-option-inner-inner img { float:left;margin:6px;margin-left:0; }
body #profil-popup .content-profil .wrap-content-profil .dropdown-menu { padding:0; }
body #profil-popup .content-profil .wrap-content-profil ul.dropdown-menu li a { padding:5px 10px; }
body #profil-popup .content-profil .wrap-content-profil ul.dropdown-menu li a .text img { float:left;margin-right:6px; }
body #profil-popup .content-profil .wrap-content-profil ul.dropdown-menu li a span.text { line-height:32px; }

/*body #profil-popup .content-profil .wrap-content-profil .dropdown-menu .media { width:100%;margin-top:6px; }*/
/*body #profil-popup .content-profil .wrap-content-profil .dropdown-menu .media .media-left { display:inline-block; }*/
/*body #profil-popup .content-profil .wrap-content-profil .dropdown-menu .media .media-body { display:inline; }*/


#profil-popup .btn-profil button.disabled{background: #e6e6e6;}

#profil-popup .fields.check-disclimer{display: none;}
.loading-profil.load{display: block;}
.loading-profil{display: none;}
.loading-profil.load span.loading{opacity: 1;}
body .popup_condition_acces{height: 340px;position: relative;}
body .popup_condition_acces .scroll-js{position: absolute;background: #fff;width: 96%;}
.expertise-particulier{display: block;max-width: 700px;margin: auto;}
.select.bleu{cursor: auto;}
.sub-menu .fondsphares-list h4{font-size: 1.1em;
    padding: 10px 0;
    line-height: normal;font-weight: bold;}
header .menu nav.menu-main ul li .sub-menu .fondsphares-list a{font-weight: normal;
        font-size: 0.8em!important;
        padding: 0!important;
        margin-bottom: 4px;}
header .menu nav.menu-main ul li .sub-menu .fondsphares-mention{position: absolute;
    bottom: 4px;
    font-size: 0.7em;left:8px;}
    section.cards .itemT .wrap-item p{display:none;    transition: all 0.3s ease;}
section.cards .itemT .wrap-item p.title{    font-size: 1.5em;
    display: block;}
.row.centered{    display: flex;
    justify-content: center;}

header .sub-menu h3.titleFondsmenu{font-size:1.3em;}

header .sub-menu .visufondsmenu{display: block;}
header .sub-menu .visufondsmenu img{max-width: 100px;}
header .sub-menu .visufondsmenu img:first-child{margin-bottom:20px;}
.slectDevis{display: none!important;}

@media (max-width: 768px){ 
    section.cards .itemT{margin-bottom: 14px;}
    body header .menu nav.menu-top{float: none;display: block;overflow: hidden;    min-height: 65px;}
    body .bloc.menu.visible-xs-block #ico-search{z-index: 1!important;margin-top: 12px!important;margin-right: 8px!important;}
    body #profil-popup .fields{max-width: 100%;}
    body #profil-popup .btn-profil{text-align: left;margin-bottom: 20px;}
    body #profil-popup .btn-profil button{display: block;width: 100%;text-align: center;}

    .row.centered {
        display: initial;
        justify-content: initial;
    }
}
.keys {
    margin-top:30px;
}