/*
 * Layout
 */

 .navbar{
  background-color: #5a52ff;
  height: 76px;
  border-radius: 0;
}

.navbar-blog{
  height: 100px !important;
}

.navbar-blog .logo-blog{
  height: 30px;
  margin-top: 35px
}

.navbar-blog .navbar-center{
  margin: auto !important;
  float: none;
  width: 252px;
}

.navbar-blog .navbar-right{
  position: absolute;
  right: 15px;
  top: 0;
  margin-top: 10px;
  margin-right: 20px !important;
  width: 137px;
}

.navbar-blog .back-to-site{
  margin-top: 10px;
}

.navbar-blog #blog-header-phonenumber{
  font-family: "avenir-medium",sans-serif;
  font-weight: 500;
  color: white;
  font-size: 20px;
  margin-top: 27px;
  background-color: #5a52ff;
}

.footer{
  overflow: hidden;
  background-color: white;
}

.footer .container{
  margin-top: 50px;
}

/*
 * Content
 */

 body{
  background-color: #ebedf6;
  font-family: 'avenir-book',sans-serif;
}

.blog #maincontent{
  margin-top: 120px;
}

.blog #content{
  position: relative;
  margin-bottom: 50px;
}

.blog .entry-header{
  border-radius: 7px;
}

.blog .entry-header, .blog .entry-content{
  background: white;
}

#sidebar{
  margin-top: 10px;
}

.blog h1{
  color: #252323;
  font-size: 35px;
  width: 100%;
  line-height: 1.13;
  font-size: 40px;
  font-weight: 500;
  font-family: 'avenir-medium',sans-serif;
  text-align: left; 
  margin-left: 35px;
}

.blog li {
  list-style-image: url('../../Site/images/layout/li-check-blue.png');
}

.blog blockquote{
  border:none;
  padding: 0 50px;
  margin: 10px 0;
  background-image: url('../images/quote_in.png'), url('../images/quote_out.png');
  background-repeat: no-repeat, no-repeat;
  background-position: top left, bottom right;
}

.blog blockquote p{
  font-size: 17px !important;
  text-align: center;
  font-style: italic;

}

.blog .feed a{
  color: #797A7A;
  font-style: italic;
}

.blog .entry-preview{
  margin-top: 10px;
  margin-bottom: 10px;

}

.blog .entry-full{
  margin-top: 10px;
}

.blog .entry-preview:hover .entry-header{
  border: 1px solid #5a52ff;
  margin: -1px;
  border-radius: 7px;
}

.blog .entry-title {
  min-height: 105px;
  margin: 0;
  padding: 10px;
  border-radius: 7px;
}

.blog .entry-title h2{
  color: #5a52ff;
  font-family: 'avenir-medium',sans-serif;
  font-size: 20px;
  margin: auto;
  display: block;
  text-align: left;
  min-height: 44px;
  font-weight: 500;
}

.blog .entry-title p{
  margin-top: 5px;
  color: #212431;
  font-size: 14px;
  font-family: 'avenir-medium',sans-serif;
  font-weight: 500;
    text-align: left;
}

.blog .entry-title-link:hover {
  text-decoration: none;
}

.blog .widget{
  background: white;
  margin: 20px;
  border-radius: 7px;
}

.blog .widget-title{
  height: 50px;
  margin: 0;
  padding-left: 20px;
  line-height: 50px;
}

.blog .widget h3 {
  color: #02111b;
  font-family: 'avenir-book',sans-serif;
  font-size: 14px;
  font-weight: 900;
  text-align: left;
  vertical-align: left;
  display: inline-block;
  width: 100%;
  margin: 0;
}

.blog .widget h3 a {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  color: #0F2042;
}

.blog .widget ul {
  margin: 0;
  padding: 0;
  display: table;
  width: 100%;
  padding-bottom: 15px;
}

.blog .widget ul li {
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none;
  display: table;
  table-layout: fixed;
}

.blog .widget ul li a{
  height: 30px;
  margin: 0;
  padding: 0;
  padding-left: 20px;
  padding-right: 10px;
  font-family: 'avenir-medium',sans-serif;
  font-weight: bold;
  color: #5a52ff;
  font-size: 14px;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  overflow: hidden;
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: left;
  font-weight: 500;

}

.blog .widget ul li.recentcomments {
  height: 50px;
  padding-top: 14px;
  padding-left: 20px;
}

.blog .widget ul li.current {
  background-color: #5a52ff;
}

.blog .widget ul li.current a {
  color: white;
}

.blog #widget-categories ul li a{
  font-size: 15px;
}

.blog #widget-categories ul li a span{
  font-weight: normal;
  color: #CFCFCF;
}

.blog #widget-contactus .widget-title{
  border:none !important;
}

.blog #widget-contactus .widget-title{
  font-size: 20px;
}

.blog .blog-moreinfo-phonenumber a{
  text-align: center;
  padding: 0 !important;
  font-size: 25px !important;
}

.blog .entry-image{
  overflow: hidden;
  position: relative;
  border-radius: 7px 7px 0 0;
}
.blog .entry-image img{
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
  min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    object-position: center;
}

.blog .entry-full .entry-image{
  height: 460px;
  border-radius: 7px 7px 0 0;
}

.blog .entry-preview.large-image .entry-image{
  height: 323px;
}

.blog .entry-preview.small-image .entry-image{
  height: 235px;
}

.blog .search{
  position: relative;
}

.blog .search #searchbox{
  border: none;
  height: 50px;
  width: 100%;
  padding-right:50px; 
  padding-left: 50px;
  background: url('../images/search.png') no-repeat 5px center;
  background-size: 23px;
  background-color: white;
  font-style: italic;
  border-radius: 7px;
}

.blog .search .submitbutton{
  border: none;
  position: absolute;
  right: 10px;
  top: 0;
  height: 50px;
  width: 50px;
  color: #DCDee6;
  font-size: 22px;
  font-weight: bold;
  background-color: white;
}

.entry-content img{
  max-width: 90%;
  margin-left: 5%;
  margin-right: 5%;
}

.blog .widget-share-content{
  padding: 10px;
}

.blog #widget-share .fb-like{
  text-align: center;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

.blog #widget-share #twitter-widget-0{
  display: block;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 18px;
}

.blog #widget-share #___plusone_0{
  display: block !important;
  margin: auto !important;
  margin-top: 0px !important;
  margin-bottom: 10px !important;
  padding-left: 45px !important;
}

.blog.comment-preview #content{
  background-color: white;
  margin-top: 10px;
}

.blog .form-submit #submit{
  display: block;
  margin: 30px auto 10px auto;
}

/*
 * Entry full
 */
.blog .entry-full .entry-image{
  height: 460px;
}

.blog .entry-full .entry-content{
  padding: 0 10px 20px 10px;
  margin-top: 0;
    overflow: hidden;
}

@media(min-width: 768px){
  .blog .entry-full .entry-content{
    padding: 0 50px 20px 50px;
  }
}

.blog .entry-full .entry-content em,
.blog .entry-full .entry-content p,
.blog .entry-full .entry-content li,
.blog .entry-full .entry-content h3,
.blog .entry-full .entry-content h4{
  font-family: 'avenir-book',sans-serif;
  color: #252323;
  font-size: 18px;
}

.blog .entry-full .entry-content a{
  text-decoration: underline;
  color: #5a52ff;
  font-family: 'avenir-heavy',sans-serif;

}


.blog .entry-full .entry-title{
  height: auto;
}

.blog .entry-full .entry-title h2{
  font-size: 30px;
  margin: 25px 0;
  min-height: 0 !important;
}


.blog .entry-full .entry-content h3 {
  font-size: 25px;
  margin: 25px 0;
  line-height: 1.17;
}

.blog .entry-full .entry-content h4{
  font-size: 25px;
  margin: 25px 0;
  line-height: 1.17;
}

.blog .entry-full .entry-content h5{
  font-size: 25px;
  margin: 25px 0;
  line-height: 1.17;
}

.blog .entry-full .entry-content th,
.blog .entry-full .entry-content td{
  text-align: center;
}

.blog .entry-full .entry-content em{
  text-align: center;
  display: block;
}

.blog .comments-content{
  background-color: white;
  margin: 20px 0;
  padding: 20px 50px;
}

.blog .comments-content h3{
  color: #5a52ff;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  margin: 25px 0;
}

.blog .comments-content p{
  font-family: 'avenir-book',sans-serif;
  color: #252323;
  font-size: 18px;
}


.comment .comment-wrapper div{
  border-left: solid 2px #E9E9E9;
  margin-left: 5px;
  padding-left: 20px;
}

.comment .comment-wrapper{
  border-left: solid 2px #E9E9E9;
  padding-left: 5px;
}

.comment .fn{
  font-weight: bold;
}

.comment .anchor-link{
  color: #5a52ff;
}

.blog #commentform{
  position: relative;
}
.blog #commentform input[type=text], .blog #commentform input[type=email], .blog #commentform input[type=url], .blog #commentform textarea{
  height: 50px;
  width: 100%;
  font-family: 'avenir-book',sans-serif;
  color: #252323;
  font-size: 18px;
  font-style: italic;
  background-color: #E9E9E9;
  border:0;
  box-shadow: 0;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.blog #commentform input#id_name{
  width: 48%;
}

.blog #commentform input#id_url{
  width: 48%;
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 0px;
}

.blog #commentform #id_comment{
  height: 100px;
  padding-top: 20px;
  padding-bottom: 20px;
}


.blog .form-control{
  border-radius: 0px;
}

.blog .submit{
  margin: 10px auto;
  height: 40px;
  width: 300px;
}

.blog .submit input{
  width: 45%;
  margin: 0 5px;
}

.blog .entry-body-footer{
  height: 62px;
  background-color: #5a52ff;
  border-radius: 0 0 7px 7px;
  margin-bottom: 30px;
}

#footer-link-mail{
  background-image: url('../images/mail.png');
}

#footer-link-mail:hover{
  background-image: url('../images/mail-darkblue.png');
}

.blog .comment{
  list-style: none;
}

.blog .footer-picto{
  height: 30px !important;
  margin-top: 16px!important ;
}

.blog #footer-link-googleplus {
  height: 40px !important;
  margin-top: 13px!important ;
}

.blog .entry-content h1, .blog .entry-content h2 {
  font-size: 25px;
  margin: 25px 0;
}

.blog #illustration{
  display: none;
}

.single-post #illustration{
  display: block;
  position: absolute;
  bottom: 70px;
  right: -400px;
}

.single-post #illustration img{
  width: 450px;
}

.single-post .entry-info{
  height: 30px;
  padding-top: 10px;
  position: relative;
  display: block;
}

.blog .entry-info-picto{
  height: 20px;
  display: inline;
}

.blog .entry-info p{
  display: inline;
  font-family: 'avenir-medium',sans-serif;
  color: #252323;
  font-size: 18px;
}

.blog .entry-info .entry-authors{
  position: absolute;
  top: 0;
  right: 0;
  padding-top: 10px;
  padding-right: 20px;
}

.blog .entry-info .entry-published{
  margin-left: 45px;
  margin-top: 15px;
}

.blog #prefooter{
  height: 400px;
  background-color: white;
  margin-bottom: 0;
}

.blog #carousel-related .carousel-control{
  background: none;
  margin-top: 160px;
}

.blog #carousel-related #picto-chevron-right{
  width: 10%;
  margin-left: 90%;
}

.blog #carousel-related #picto-chevron-left{
  width: 10%;
}

.blog #carousel-related .article-similar{
  height: 400px;
  padding: 35px 20px;
}

.blog #carousel-related .article-similar:hover>div{
  border: 8px solid #5a52ff;
  margin: -8px;
}

.blog #carousel-related .article-similar a{
  height: 100%;
  width: 100%;
  text-decoration: none;
}

.blog #carousel-related .article-similar .entry-image{
  height: 235px;
}

.blog #carousel-related .article-similar h3{
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: bold;
  color: #0F2042;
  font-size: 21px;
}

.blog .entry-hr{
  margin: 0;
  color: #E9E9E9;
  margin: 0 10%;
  background-color: white;
}

.blog .entry-body-authordescription{
  background-color: white;
}

.blog .entry-body-authordescription .entry-author-picto{
  height: 28px;
  display: inline;
  padding-right: 10px;
}

.blog .entry-body-authordescription .author{
  margin-top: 15px;
  text-align: center;
}

.blog .entry-body-authordescription  .author-bio, .blog .entry-body-authordescription .article-tags{
  font-family: 'avenir-book',sans-serif;
  color: #252323;
  font-size: 18px;
  font-style: italic;
  text-align: center;
  padding: 0  30px;
}

.blog .entry-body-authordescription .article-tags{
  margin-bottom: 0;
  padding-bottom: 15px;
}

.blog .entry-body-authordescription .article-meta{
  text-align: center;
  margin-bottom: 0px;
  padding-bottom: 10px;
  color: #808080;
}

.blog .entry-body-authordescription .article-meta .glyphicon, .blog .entry-body-authordescription .article-meta .pipe {
  margin: auto 5px;
}

.blog .entry-body-authordescription a{
  color: #808080;
}

.blog .paginator{
  text-align: center;
}
.blog .paginator li{
  list-style: none;
}

.blog .paginator .page, .blog .paginator .ellipsis{
  display: inline;
}

.blog iframe{
  margin: auto;
  display: block;
  width: 100%;
}

@media (min-width: 768px){
  .blog iframe{
    width: 640px;
    height: 360px;
  }
}
/*
 * Masonry style, to be deleted on small screen
 */

@media(min-width: 992px){
  .blog .entry-preview{
    display: inline-block;
    float:none;
      width:100%;
  }

  .row.row-content{
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    max-height: 1700px;
  }
}

.blog .thumbnail{
  padding: 0px;
  border: none;
  border-radius: 0px;
}

.blog .blue-abstract{
  min-height: 40px;
}

.blog .blog-sidebar{
  margin-top: -10px;
}

.pager li>a, .pager li>span{
  background: none;
  border: none;
  font-family: 'avenir-book',sans-serif;
  color: #252323;
  font-size: 18px;
}
.pager li>a:hover{
  text-decoration: underline;
  background: none;
}

.blog .blog-moreinfo-phonenumber{
  list-style: none;
  height: 50px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: bold;
  color: #5a52ff;
  font-size: 25px !important;
  text-align: center;
  padding-top: 7px;
}

#logo-footer{
  width: 167px;
  float: left;
}

.footer-links-list-title{
  color: #27283d;
  font-size: 16px;
  font-family: 'avenir-medium',sans-serif;
  margin-left: 1px;
  margin-top: 52px;
  margin-bottom: 30px;
}

.footer-links-list-text{
  color: #81859a;
  text-decoration: none;
  font-family: 'avenir-medium',sans-serif;
}

.footer-links-list{
  margin: 20px 0px;
}

.footer-about-list{
    list-style-type: none;
    display:none;
}

html[lang="es-ES"] .footer-about-list--es{
  display:block;
}

html[lang="fr-FR"] .footer-about-list--fr{
  display:block;
}

.footer-links-list-text:hover{
  color: #5a4df9;
}

.footer-about{
      float: right;
    margin-right: 100px;
    text-align: left;
}

.social-links{
  float: right;
  margin-right: 40px;
  margin-top: 20px;
}

.entry-body-footer-new{
  background-color: white;
  height: 70px;
  margin-bottom: 50px;
  border-top: 1px solid #dcdee6;
}

.entry-body-footer-new .author{
  float: left;
  font-family: 'avenir-medium',sans-serif;
  color: #81859a;
  margin-left: 55px;
  margin-top: 25px;
  font-size: 14px;
}
.entry-body-footer-new img{
  margin: 0 4px;
}