/*! 
 * medium-editor-insert-plugin v2.3.2 - jQuery insert plugin for MediumEditor
 *
 * http://linkesch.com/medium-editor-insert-plugin
 * 
 * Copyright (c) 2014 Pavel Linkesch (http://linkesch.com)
 * Released under the MIT license
 */

.medium-insert-images, .mediumInsert {
  text-align: center; }
  .medium-insert-images figure, .mediumInsert figure {
    margin: 0;
    display: block; }
    .medium-insert-images figure img, .mediumInsert figure img {
      max-width: 100%;
      margin-top: 1em;
      vertical-align: top; }
    .medium-insert-images figure:first-child img, .mediumInsert figure:first-child img {
      margin-top: 0; }
  .medium-insert-images.medium-insert-images-left, .medium-insert-images-left.mediumInsert, .mediumInsert.small {
    max-width: 33.33%;
    float: left;
      margin: 30px 30px 20px 0; }
  .medium-insert-images.medium-insert-images-right, .medium-insert-images-right.mediumInsert {
    max-width: 33.33%;
    float: right;
      margin: 30px 30px 20px 0; }
  .medium-insert-images.medium-insert-images-grid, .medium-insert-images-grid.mediumInsert {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0.5em -0.5em; }
    .medium-insert-images.medium-insert-images-grid figure, .medium-insert-images-grid.mediumInsert figure {
      width: 33.33%;
      display: inline-block; }
      .medium-insert-images.medium-insert-images-grid figure img, .medium-insert-images-grid.mediumInsert figure img {
        max-width: calc(100% - 1em);
        margin: 0.5em; }

.medium-insert-embeds, .mediumInsert-embeds {
  text-align: center;
  margin: 1em 0;
  position: relative; }
  .medium-insert-embeds iframe, .mediumInsert-embeds iframe {
    margin: 0 auto !important; }
  .medium-insert-embeds div, .mediumInsert-embeds div {
    margin: 0 auto !important; }
  .medium-insert-embeds.medium-insert-embeds-left, .medium-insert-embeds-left.mediumInsert-embeds {
    width: 33.33%;
    float: left;
    margin: 0 30px 20px 0; }
  .medium-insert-embeds.medium-insert-embeds-right, .medium-insert-embeds-right.mediumInsert-embeds {
    width: 33.33%;
    float: right;
    margin: 0 0 20px 30px; }

.medium-insert-images figure, .mediumInsert figure, .medium-insert-embeds figure, .mediumInsert-embeds figure {
  position: relative; }
  .medium-insert-images figure figcaption, .mediumInsert figure figcaption, .medium-insert-embeds figure figcaption, .mediumInsert-embeds figure figcaption {
    position: relative;
    z-index: 1;
    display: block;
    text-align: center;
    margin: 10px 0;
        line-height: 20px;
    color: #ccc;
    font-size: 13px;
    font-weight: 500;
    outline: 0 solid transparent; }
    .medium-insert-images figure figcaption:focus, .mediumInsert figure figcaption:focus, .medium-insert-embeds figure figcaption:focus, .mediumInsert-embeds figure figcaption:focus {
      outline: 0 solid transparent; }
.medium-pub figure:first-child img, .mediumInsert figure:first-child img {
cursor:pointer;
}
.medium-pub figure a img{
    cursor:pointer;
}
.content-article-medium h2{
    font-size: 20px;
        color: #595959;
}
.content-article-medium h3{
    font-size: 18px;
        color: #595959;
}
.quote{
    
    color: #8A8A8A;
}
.articlep h3{
    font-weight: 700;
    font-size: 1.5em;
}

.produit, .home .liste-produit .produit {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 20px;
    border: 1px solid rgba(216, 216, 216, 0.35);
    background: white;
         font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;
             font-size: 13px;
    font-weight: 400;
    line-height: 1.471;
    font-style: normal;
    letter-spacing: -.02em;
}
.liste-produit .card-image, .produit .card-image {
    position: relative;
    min-height: 210px;
    height: 210px;
    background-size: cover;
    overflow: hidden;
}
.card a, .home .liste-produit .card a {
    margin-right: 0;
}

.card a img {
    max-width: 100%;
    max-height: 100%;
    cursor: initial;
}

.produit .card-content {
    height: 106px;
    overflow: hidden;
}

.rstrie {
    color: #424C9A;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    display: inherit;
    font-size: 1.2rem;
}

.card-action, .home .liste-produit .card-action {
    height: 44px;
}
.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
}

.card-action .block-logo, .home .liste-produit .card-action .block-logo {
    width: 45px;
    height: 45px;
    line-height: 36px;
    position: absolute;
    left: 40px;
    bottom: 25px;
    border-radius: 50%;
}

.card a.btn, .home .liste-produit .card a.btn {
    margin: 0;
    color: #fff;
    padding: 0px 1rem;
    position: absolute;
    right: 25px;
}

.card-action .block-logo .logo-ent, .home .liste-produit .card-action .block-logo .logo-ent {
    width: 100%;
    height: auto;
    max-height: 100%;
        border-radius: 50%;
}
.contact-produit-rapide {
    cursor: pointer;
    font-weight: bold;
    background: #F5B702!important;
    border-color: #FFC20F!important;
    padding: 8px!important;
    font-size: 0.85em;
        border-radius: 3px;
        color: #fff !important;
        font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;
            text-transform: initial;
    letter-spacing: 0px;
}

.contact-produit-rapide:hover {
    border: 1px solid #FFC20E!important;
      box-shadow: 0 2px 4px 0 rgba(0,0,0,0.25) !important;
}
 
a {
 
    text-decoration: none!important;
}

.content-article{
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        width: 960px;margin: 0 auto;
        padding-top: 50px;
}
 
.article-chapeau{
      color: #2a2a2a !important;
    font-size: 30px !important;
    line-height: 36px;
    padding-top: 25px;
    text-align: left;
    letter-spacing: -0.5px;
    font-weight: 700;
    font-size: 27px!important;
    font-family: "Nunito";
}
.content-article-medium{
    text-align: justify;      padding: 20px;  font: 13px/1.7em 'Open Sans';
}
.date-article{
    font-size: 14px;
        font-weight: 800;
    color: #8E8E8E;
}
.menu-article{
    font-size: 13px;
    font-weight: 600;
    color: #ADADAD;
}
.menu-article-item{
        display: inline-block;
        margin-right: 20px; 
}

.encard{
        width: 33.33%;
                max-width: 33.33%;
    float: right;
margin: 0 0 20px 20px!important;
    border: 1px solid rgba(128, 128, 128, 0.16);
        text-align: center;
            display: block;
            position: relative;
                color: #A4A4A4; 
                
                padding:15px;
    outline: 0 solid transparent;
}


 
.chip a {
    font-size: 14px;
    font-weight: 700;
      color: #21308d!important;;
        font-family: "Signika";
    vertical-align: middle;
    line-height: 22px;
    text-transform: none;
}

  
 
.content-entreprise-section .title h1 {
    font-size: 33px;
    margin-top: 16px;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    width: 100%;
    font-weight: 700;
    font-family: 'Signika';
} 

.articlep {
    font-size: 16px!important;
    line-height: 30px!important;
    color: #000000!important;
    text-align: left;
    font-weight: 500;
    float: none!important;
    margin: inherit!important; 
    padding-top: 30px;
    padding-bottom: 30px;
   
}

.articlep h3 {
  font-size: 22px!important;
    color: #1b1b1b!important;
    font-weight: 800;
    font-family: "Nunito";
    margin-bottom: 0;
}

.articlep h1 {
 font-size: 22px!important;
    color: #1b1b1b!important;
    font-weight: 800;
    font-family: "Nunito";
    margin-bottom: 0;
}

.articlep h2 {
    font-size: 22px!important;
    color: #1b1b1b!important;
    font-weight: 800;
    font-family: "Nunito";
    margin-bottom: 0;
}

.articlep h4 {
  font-size: 22px!important;
    color: #1b1b1b!important;
    font-weight: 800;
    font-family: "Nunito";
    margin-bottom: 0;
}

.articlep h5 {
font-size: 22px!important;
    color: #1b1b1b!important;
    font-weight: 800;
    font-family: "Nunito";
    margin-bottom: 0;
}

.articlep h3 span {
      font-size: 22px!important;
    color: #1b1b1b!important;
    font-weight: 800;
    font-family: "Nunito";
    margin-bottom: 0;
}

.articlep h1 span {
font-size: 22px!important;
    color: #1b1b1b!important;
    font-weight: 800;
    font-family: "Nunito";
    margin-bottom: 0;
}

.articlep h2 span {
   font-size: 22px!important;
    color: #1b1b1b!important;
    font-weight: 800;
    font-family: "Nunito";
    margin-bottom: 0;
}

.articlep h4 span {
font-size: 22px!important;
    color: #1b1b1b!important;
    font-weight: 700;
    font-family: "Signika";
    margin-bottom: 0;
}

.articlep h5 span {
font-size: 22px!important;
    color: #1b1b1b!important;
    font-weight: 700;
    font-family: "Signika";
    margin-bottom: 0;
}

.articlep p {
font-size: 16px!important;
    line-height: 30px!important;
    color: #000000!important;
    text-align: left;
    font-weight: 500;
    float: none!important;
    margin: inherit!important;
       font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif!important;
  
}
.articlep p font {
font-size: 16px!important;
    line-height: 30px!important;
    color: #000000!important;
    text-align: left;
    font-weight: 500;
    float: none!important;
    margin: inherit!important;
       font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif!important; 
}


.articlep p a {
    color: #285995;
    font-weight: 600;
}

.articlep p strong, .articlep p b {
   font-weight: 700;
    color: #262626!important;
  
}
.articlep strong, .articlep b {
   font-weight: 700;
    color: #262626!important;
    
}
.articlep span strong , .articlep span b {
   font-weight: 700;
    color: #262626!important;
  
}
.articlep p span strong, .articlep p span b {
   font-weight: 700;
    color: #262626!important;
    
}

.articlep p em{ 
    font-size: 16px!important;
    line-height: 30px!important;
    color: #000000!important;
    text-align: left;
    font-weight: 500;
    float: none!important;
    margin: inherit!important;
}
.blockcitationarticle{margin-bottom: 25px;}


.articlep p span{
font-size: 16px!important;
    line-height: 30px!important;
    color: #000000!important;
    text-align: left;
    font-weight: 500;
    float: none!important;
       font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif!important; 
    margin: inherit!important;
}
.articlep ul li {
    font-size: 16px!important;
    line-height: 30px!important;
    color: #000000!important;
    text-align: left;
    font-weight: 500;
    float: none!important;
    margin: inherit!important;
        list-style-type: disc;
           font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif!important; 
}
.articlep ul li p{
font-size: 16px!important;
    line-height: 30px!important;
    color: #000000!important;
    text-align: left;
    font-weight: 500;
    float: none!important;
    margin: inherit!important;
}
.articlep ul li span{
  font-size: 16px!important;
    line-height: 30px!important;
    color: #000000!important;
    text-align: left;
    font-weight: 500;
    float: none!important;
    margin: inherit!important;
}

.chapo {
     color: #11172d !important;
    font-size: 30px !important;
    line-height: 32px;
    padding-top: 25px!important;
    text-align: left;
    letter-spacing: -0.5px;
    font-weight: 800;
    font-size: 23px!important;
    font-family: "Signika";
}
.logoarticlecreateur {
    width: 59px;
    text-align: center;
    margin: 0 auto;
    height: 59px;
    line-height: 55px;
    border: none;
    border-radius: 50%;
    overflow: hidden;
    margin-top: 40px;
    margin-bottom: 5px;
    box-shadow: 0 9px 9px rgba(147, 147, 198, 0.1), 0 1px 10px rgba(21, 71, 160, 0.02);
}
div.datepublish strong {
    font-size: 12px!important;
    font-weight: 500;
    color: #060c2d!important;
    line-height: 28px;
    text-transform: lowercase;
}
.medium-insert-images figure figcaption, .mediumInsert figure figcaption, .medium-insert-embeds figure figcaption, .mediumInsert-embeds figure figcaption { 
    font-size: 15px;
    line-height: 17px;
    color: rgba(96, 96, 96, 0.82);
    font-weight: 500;
    font-family: "Nunito";
}




.hero img {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 96%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% 96%, 0 100%);
}

.promo {
  -webkit-clip-path: polygon(0 0, 1600px 0, 1600px 87%, 0 100%);
          clip-path: polygon(0 0, 1600px 0, 1600px 87%, 0 100%);
}

.hero {
  color: #fff;
  font-family: 'Fira Sans', sans-serif;
  position: relative;
  text-align: center;
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
}
.hero img {
  width: 100%;
}
.hero figcaption {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
}
.hero h1 {
  font-size: 26px;
}
.hero p {
  font-size: 14px;
  font-weight: 300;
  margin-top: 0.5em;
}

 
div.author strong {
    font-size: 11px;
    font-weight: 600;
    color: #3e3e3e;
    line-height: 28px;
    border-bottom: 1px solid rgba(223, 230, 255, 0.61);
    padding-bottom: 14px;
    font-size: 14px;
    text-transform: none;
    font-weight: 700!important;
    color: #21308d!important;
    font-family: "Signika";
    vertical-align: middle;
    line-height: 22px;
    margin-top: 14px;
    display: inline-block;
}

@media (min-width: 462px) {
   
     .articlep {
           padding: 15px;
    width: 100%!important;
     
    }
         .chapo {
         padding: 15px;
        width: 100%!important;
    
    }
}
@media (min-width: 762px) {
   
     .articlep {
           padding: 15px;
    width: 100%!important;
     
    }
       .chapo {
         padding: 15px;
        width: 100%!important;
    
    }
}


@media (min-width: 1052px) {
    
     .articlep {
        
        width: 100%!important;
         margin: 0 auto;
    }
     .chapo {
       
        width: 100%!important;
         margin: 0 auto;
    }
    
}
@media (min-width: 1552px) {
 
     .articlep {
     
         margin: 0 auto;
    }
         .chapo {
    
         margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 15px;
    
    }
    .content-entreprise-section .title h1 {
          
    }
}