/* ---- overrides -- Breakpoints et marges --------------- */
@media (min-width: 1200px) {
  .container { width: 1008px; }
}
body { font-size: 1.4em; }
main { font-size: 1.2em; }

.container { padding-left: 10px; padding-right: 10px; }
.row { margin-left: -10px; margin-right: -10px; }
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3,
.col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9,
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3,
.col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9,
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3,
.col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9,
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3,
.col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  padding-left: 10px;
  padding-right: 10px;
}


/* ---- En-tête et logo ------------------------------------------- */
.row.logo { position: relative; padding-top: 23px; }
.row.logo h1 { margin: 0; line-height: normal; text-align: left; }
.row.logo h1 img { width: auto; }
.row.logo #outils-marque{float: right; padding-top: 10px;}
.row.logo .outils-marque{display: inline-block;}
.row.logo .taille-texte {  float: right; } /*margin-top: 10px; */
.row.logo .taille-texte a { display: inline-block; margin: 0 0 0 10px; line-height: 1.2em; width: 19px; height: auto; }
.row.logo a.ancre-changer-langue { display: block; margin-top: 12px; font-size: 1.144em;
  line-height: 1.2em; color: #424a50; border-left: 1px solid #595959; margin-left: 13px; padding-left: 13px; float: right; }
body.taille-plus-un { font-size: 2.1em; }
body.taille-plus-deux{ font-size: 2.8em; }

/* ---- menu et navigation ---------------------------- */
.navbar-toggle { float: left; }
.navbar-toggle .icon-bar { background-color: #555; }
.navbar-collapse { padding-left: 0; padding-right: 0; }
.navbar { padding: 0 20px; width: 100%; min-height: 1px; margin-bottom: 0; border: none; margin-top: 3em; }

.row.menu { border-bottom: 1px solid #d7d7d7; position:static; background-color:none; top:auto; opacity:1; z-index: 99; width: auto; }
.row.menu.docked { position:fixed; background-color:#ffffff; top:0; opacity:0.9; width: 1008px; }

.row.menu .nav { margin-top: 3em; }
.row.menu.docked .nav { margin-top: 1em; }

.navbar-nav {
  position: relative;
  float: none;
}
.navbar-nav>li { margin-right: 2em; border-bottom: 3px solid #ffffff;}
.navbar-nav>li>a {
  padding: 0 0 0.75em 0;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 1em;
  color: #595959;
  font-weight: bold;
}
.nav>li:focus, .nav>li:hover,
.nav>li.active { border-bottom: 3px solid #00884e; }

.nav>li>a:focus, .nav>li>a:hover,
.nav>li.active>a { background: none; }

  .nav>li.avec-sous-menu:hover { border-bottom: 3px solid #00884e; }

  .nav>li.avec-sous-menu { position: static; }
  .navbar-nav>li>ul.sous-menu {
    list-style: none;
    opacity: 0;
    position: absolute; left: -10px; right: -10px; top: 1.97em;
    padding: 0 10px;
    border-bottom: 1px solid #d7d7d7;
    z-index: 100;
    background-color: #fff;
    height: 1px;
     /* overflow: hidden; */
    transition: all .3s ease .15s; /* duration était a 0.2s */
    transition-delay: 0.2s;
  }
  .navbar-nav>li:hover>ul.sous-menu,
  .navbar-nav>li:focus>ul.sous-menu { display: block; opacity: 0.85; height: auto; overflow: visible; } 

  .navbar-nav>li>ul.sous-menu>li { margin-right: 2em; list-style-type: none; float: left; }
  .navbar-nav>li>ul.sous-menu>li>a {
    padding: 0 0 0.75em 0;
    font-size: 1em;
    line-height: 4.35em;
    color: #595959;
    font-weight: bold;
    text-decoration: none;
  }
  .nav>li>ul.sous-menu>li>a:focus, .nav>li>ul.sous-menu>li>a:hover,
  .nav>li>ul.sous-menu>li.active>a { color: #00884e; }

.logo #access-links {
    position: absolute;
    top: 10px;
    left: 10%;
    margin-left: -70px;
}

/* ajustements+overrides: menu et navigation selon Breakpoints */
@media (max-width: 991px) {

  .row.menu { position: absolute; top: 23px; border-bottom: none; background-color: #fff}

  .row.menu.docked { width: auto; }

  .nav { margin: 0; }
  .navbar-nav>li { margin-right: 0; }
  .nav>li:focus, .nav>li:hover, .nav>li.active,
  .nav>li.avec-sous-menu:hover { border-bottom: none; }
  .navbar-nav>li>ul.sous-menu {
    position: static;
    /* border-bottom: 1px solid #d7d7d7; */
    margin-bottom: 1em;
    opacity: 1;
  }
  .navbar-nav>li>ul.sous-menu>li { margin-right: 0; float: none; }
  .navbar-nav>li>ul.sous-menu>li>a {
    line-height: 2em;
  }

  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
    display: block;
    margin-top: 13px;
    padding: 4px 0;
    margin-right: 0;
  }
  header .row.logo h1 { position: relative; margin: 0 25px; padding-bottom: 6px; z-index: 101; }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
}


/* ---- Contenu ------------------------------------------- */
.vitrine {
  background-color: #000;
  height: 400px;
}


/* ---- Footer ------------------------------------------- */
footer {
  font-size: 13px;
  font-size: 1.3rem;
  color: #fff;
  background-color: #292b2f;
}
#zone-legale {
  text-align: center;
  padding: 1em 0;
  color: #cbcbcb;
  /* border-top: 1px solid #3e3e3e; */
  overflow: hidden;
}
#zone-legale ul { position: relative; float: left; left: 50%; margin: 0.5em 0; padding: 0; list-style: none; }
#zone-legale ul li { position: relative; float: left; right: 50%; padding: 0 5px; border-left: 1px solid #cbcbcb; }
#zone-legale ul li:first-child { border: none; }
#zone-legale ul li a { white-space: nowrap; }
#zone-legale a:link, #zone-legale a:visited { text-decoration: none; color: #cbcbcb; }
#zone-legale a:active, #zone-legale a:hover, #zone-legale a:focus { text-decoration: underline; color: #cbcbcb; }
#zone-legale .copyright { clear: both; margin: 0.5em 0; padding: 0; }

#infos-integrateur {
  color: #fff;
  border: 1px solid #cbcbcb;
  padding: 10px;
}



/* =================================================================== */
/* ---- anciennement dans marque.css --------------------------------- */
/* =================================================================== */

/** Font : Cabin **/
@font-face
{ font-family: 'Cabin'; font-style: normal; font-weight: normal; src: url('/ressources/css/fonts/cabin-regular.eot'); src: url('/ressources/css/fonts/cabin-regular.eot?#iefix') format('embedded-opentype'), url('/ressources/css/fonts/cabin-regular.woff2') 
format('woff2'), url('/ressources/css/fonts/cabin-regular.woff') format('woff'), url('/ressources/css/fonts/cabin-regular.ttf') format('truetype'), url('/ressources/css/fonts/cabin-regular.svg#cabinregular') format('svg'); }

a.ancre-nous-joindre{
    margin-top: 12px;
    font-size: 1.144em;
    line-height: 1.2em;
    color: #424a50;
    border-right: 1px solid #595959;
    margin-right: 13px;
    padding-right: 13px;
    /* float: right;    */
}


.vitrine{
    justify-content: center;
    flex-direction: column;
    box-sizing: border-box;
    max-height: 393px;
    background: #ffffff none top right/auto no-repeat;
    background-position: center;
    background-size: cover;
    background-position: right top;
}
/*  images vitrine   
.vitrine.accueil{
    max-height: none;
    height: auto;
}*/
.vitrine.accueil{
    background-image: url(/ressources/images/f20-entente-accueil-marque.jpg);   
}
.vitrine.logos{
    background-image: url(/ressources/images/f20-entete-page-logos.jpg);   
}
.vitrine.platforme{
    background-image: url(/ressources/images/f20-entete-section-plateforme2018-f.jpg);   
}
.vitrine.platforme-en{
    background-image: url(/ressources/images/f20-entete-section-plateforme2018-e.jpg);   
}
.vitrine.grilles{
    background-image: url(/ressources/images/f20-entete-section-grilles-exemples2018-f.jpg);   
}
.vitrine.specs-and-examples{
    background-image: url(/ressources/images/f20-entete-section-grilles-exemples2018-e.jpg);   
}
.vitrine.campagnes{
    background-image: url(/ressources/images/f20-entete-section-campagnes.jpg);   
}
.vitrine.campaigns{
    background-image: url(/ressources/images/f20-entete-section-campagnes-e.jpg);   
}
.vitrine.agences{
    background-image: url(/ressources/images/f20-entete-section-agences.jpg);   
}
.vitrine.agences-en{
    background-image: url(/ressources/images/f20-entete-section-agences-e.jpg);   
}
.vitrine.materiel{
    background-image: url(/ressources/images/f20-entete-section-materiel-disponible-f.jpg);   
}
.vitrine.materiel-en{
    background-image: url(/ressources/images/f20-entete-section-materiel-disponible-e.jpg);   
}
.vitrine.outils{
    background-image: url(/ressources/images/f20-entete-section-outils.jpg);   
}
.vitrine.resources{
    background-image: url(/ressources/images/f20-entete-section-outils-e.jpg);   
}
.vitrine.signalisation{
    background-image: url(/ressources/images/f20-entete-section-signalisation2018-f.jpg);   
}
.vitrine.signaling{
    background-image: url(/ressources/images/f20-entete-section-signalisation2018-e.jpg);   
}

img{width: 100%;}
img.img-temp{
     filter: hue-rotate(9deg);
     filter: grayscale(40%);
}
img.img-temp-amd{
     filter: hue-rotate(206deg) brightness(216%) grayscale(0%)
}
img.img-temp-lb{
  width: 300px;
  height: 200px;
}
.center{text-align: center !important;}
.hors-ecran {display: none;}

main ul {margin-left: -15px;}
main ul > li{
  list-style-type: none;
  margin-top: 10px;
  padding-left: 15px;
  background: url(/ressources/images/f20-ic-puce-vert.svg) no-repeat left 0.55em;
  }
main ol > li{
  margin-top: 10px;
  font-size: 1.2em;
}
main ul.int-tab{
  font-size: 1em;
  margin-bottom: 0px;
}
main ul.int-tab > li{
  margin-top: 0px;
}

main h1{
    margin-top: 20px !important;
    padding-bottom: 0 !important;
    background: none;
    font-family: Cabin;
    font-size: 2.4em;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3em;
    letter-spacing: -0.4px;
    text-align: left;
    color: #00884e;
    text-align: center;
  }
main h2{
    justify-content: center;
  text-align: center;
    font-family: Cabin;
    font-size: 2.4em;
    font-weight: bold;
    line-height: 1.3em;
    letter-spacing: -0.4px;
    color: #00884e;
    margin-top: 30px;
    margin-bottom: 30px;        
  }
  
main h3{
    font-family: Cabin;
    font-size: 1.6em;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: left;
    color: #3e3e3e;
    margin-bottom:20px;
    margin-top:30px;
  }
  main h3.texte-center{ text-align:center;}
  main h4{
    font-size: 1.3em;
    font-weight: bold;
    color: #3e3e3e;
    margin-top: 20px;
    margin-bottom: 20px;
  }

 .cadre-video {padding-left: 10px; padding-right: 10px;}


  div.bloc-gris, div.bloc-blanc{
    display: block;
    margin-right: -10px;
    margin-left: -10px;
  }
    .bloc-gris{
      background-color: #f2f2f2;
    }

 a.simple-lien{
    color: #00884e;
    cursor: pointer;
  }
main a:visited , main a:visited{
    color: #74469f;
}

main a:link , main a:link {
    color: #007944;
}
.modal-content.custom{
  border-radius: 0px;
  -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0);
  -moz-box-shadow: 0 5px 15px rgba(0,0,0,0);
  -o-box-shadow: 0 5px 15px rgba(0,0,0,0);
  box-shadow: 0 5px 15px rgba(0,0,0,0);
}
.modal-dialog h2{
  font-family: Cabin;
  font-size: 1.4em;
  color: #00884e ; 
  font-weight: bold;
  text-align: left;
}
.modal-dialog h3{
  font-family: Cabin;
  font-size: 1.26em;
  color: #3d3d3d ; 
  font-weight: bold;
}
main div.bloc-gris, main div.bloc-blanc{
  font-family: Arial;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: left;
  color: #3d3d3d;
  padding-bottom: 40px;
}

 main .cadre-vert{
    display: block;
    margin: auto;
 }

  main .cadre-vert .bloc-c{    
  float: left;
  margin-top: 20px;
  }

  main .cadre-vert .bloc-a .moncercle{
  background:#00874E;
  border-radius:50%;
  width:140px;
  height:140px;
  margin: auto;  
  }

  main .cadre-vert .bloc-b{    
    float: left;
    display: block;
    margin-top: 20px;

  }
  main .cadre-vert .bloc-b p{margin: 0;}
  main .cadre-vert .bloc-c span.type-color{
    color: #00884e;
    font-weight: bolder;
    display: block;
    margin-bottom: 10px;
  }
   main .cadre-vert .bloc-c p{
    margin-bottom: 5px;
  }
  main .cadre-vert .bloc-c span.nom{
    display: block;
    float: left;
  color: #00884e;
  font-family: Cabin;
  }
  main .cadre-vert .bloc-c span.valeur{
  display: block;
  font-family: Cabin;
  }

.row .img-center{
    margin: auto;
    display: block;
  }
.bloc-img-typo{
    display: inline-block;  
}
.bloc-img-typo p{margin-bottom: 0px;}
.bloc-img-typo .bloc-l{
    float: left;
    margin-bottom: 20px;
    margin-left: -12px;
}
.bloc-img-typo .bloc-l img {margin-left: -5px;}

.bloc-img-typo .bloc-r{margin-bottom: 20px;}

.bloc-img-b-util .img-util{ 
  background-color: #000;
}

.bloc-img-b-util .img-util-sans-p{ 
  float: left;
}

.bloc-img-b-utilpros{}
.bloc-img-b-utilpros .img-util-sans-p{ 
  float: left;
}
.bloc-img-b-utilpros .bord-red{
    background: url(/ressources/images/f20-ic-case-x.svg) no-repeat;
    padding-left: 23px;
    margin-top: 56px;
}
.bloc-img-b-utilpros .bord-red-sans-w{
  float: left;
}
.bloc-img-b-utilpros p{
  margin: 10px 10px 0px 0px;
}
.bloc-img-tel{display:block;}
.bloc-img-tel .img-tel a.telecharger{
margin-top: 20px;
}
.bloc-img-tel .img-tel.left{
  text-align: right !important;
}
.bloc-img-tel .img-tel.right{
  text-align: left;
} 
.bloc-img-tel .img-tel img{width:95%}

.telecharger:after{
    content: '';
    background-image: url(/ressources/images/ic-telecharger.svg);
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 1.7rem;
}
a.sty-tel,
.bloc-img-tel .img-tel a:link, 
.bloc-img-tel .img-tel a:visited{
    font-family: Cabin;
    display: block;
    text-align: right;
    font-size: 1.1em;
    font-weight: bold;
    color: #3d3d3d !important;
    cursor: pointer;
}
.bloc-img-tel .img-tel a.right{margin-right: 40%;}

.texte-bold{
    font-size: 1.4em;
    font-family: Cabin;
    font-weight: bold;
    color: #3d3d3d;
}
ul.txt-image{
  list-style: none;
  /*
  margin-left: 0;
  padding-left: 0;
  */
}
ul.txt-image li{
  padding-left: 28.5px;
  background-repeat: no-repeat;
  background-position: 0 .0em;
}

ul.txt-crochet li{
  line-height: 2em;
  background-image: url(/ressources/images/f20-ic-case-v.svg);
  /* list-style-image: url(/ressources/images/f20-ic-case-v.svg); */
}
ul.txt-x li{
  background-image: url(/ressources/images/f20-ic-case-x.svg);
  /* list-style-image: url(/ressources/images/f20-ic-case-x.svg); */
}

.h2-style{
    text-align: center;
    font-family: Cabin;
    font-size: 2.4em;
    font-weight: bold;
    line-height: 1.3em;
    letter-spacing: -0.4px;
    color: #00884e;
    margin-top: 30px;
    margin-bottom: 30px;        
}

.texte-debut{
    padding-top: 20px;
}
.container .bloc-quatre-cont.accueil{padding-left: 20px;}
.container .bloc-quatre-cont .bloc-img-pc{
    display: block;
    width: 46%;
    margin: 15px 15px 15px 15px;
    padding: 0px;
}
.container .bloc-quatre-cont .bloc-img-pc img{width: 100%;}
.container .bloc-quatre-cont .bloc-img-pc p{margin-bottom: 5px;}

.container .bloc-quatre-cont .bloc-text-pc{
    /*margin-top: 15px;*/
    display: block;
    /*height: 280px;*/
    padding-left: 0px;
    padding-right: 25px;
}

.container .bloc-quatre-cont .bloc-text-pc dt{
    margin-bottom: 10px;
    font-size: 1.2em;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.25;
    letter-spacing: -0.1px;
    text-align: left;
    color: #3e3e3e;
}

.container .bloc-quatre-cont .bloc-text-pc.min{
    height: 172px !important;
    margin-top: 15px;
}
.container .bloc-quatre-cont .bloc-text-pc p{margin-bottom: 10px;}

.container .bloc-quatre-cont .bloc-text-pc.min h3,
.container .bloc-quatre-cont .bloc-text-pc h3{
    font-family: Cabin;
    font-size: 1.6em;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: -0.2px;
    text-align: left;
    color: #00884e;
    margin-top: 15px;
}
.container .tab-type-cm{
  display: block;
    height: 65px;
}
.container .tab-ligne-cm{
  display: block;
    height: 110px;
}
.container .tab-ligne-cm.last{
  margin-bottom: 30px;
}
.container .tab-sous-type-cm{
  display: block;
    height: 60px;
}
.container .tab-type-cm .cel-tete{
  float: left;
  padding-left: 0px !important;
}
.container .tab-type-cm .cel-tete p span{
  font-weight: bold;
    display: block;
  font-size: 20px;
}

.container .tab-ligne-cm .cel-titre,
.container .tab-sous-type-cm .cel-titre{top: 30%;}

.container .tab-ligne-cm .cel-titre p span,
.container .tab-sous-type-cm .cel-titre p span{
  font-family: Cabin;
  font-weight: bold;
    display: block;
  color: #00884e;
  text-align: right;
    padding-right: 35px;
}
.container .tab-ligne-cm .cel-titre p{color: #00884e !important;}
.container .tab-ligne-cm .cel-contenu p,
.container .tab-type-cm .cel-tete p{ margin-bottom:0px !important;}

.container .tab-sous-type-cm .cel-contenu,
.container .tab-ligne-cm .cel-contenu {
  border-top: 1px #00884e solid;
  padding-top: 20px;
  padding-left: 0px !important;
}
.moncercle-d2 {
    border-radius: 50%;
    width: 140px;
    height: 140px;
    margin: auto;
}
.moncercle-d2.vert{background: #00874e;}
.moncercle-d2.noir{background: #383838;}
.moncercle-d2.blanch{background: #ffffff;}
.moncercle-d2.vert-f{background: #cce7dc;}
.moncercle-d2.gris{background: #e6e7e8; border: 1px #656565 solid;}

.cadre-color p{
  margin-bottom : 5px;
  font-family: Cabin;
  text-align: center;
}
.cadre-color p span{
  color: #00884e;
}
.cadre-color .descp{
  padding: 35px 0px 0px 0px;
    display: block;
    margin: auto;
  height: 150px;
  height: 15em;
}

.img-typographie{
    display: block;
    height: auto;
    margin: 20px 0px;
}
.img-typographie p span{    
  color: #047546;
    font-family: cabin;
    font-weight: bold;
    line-height: 24px;
}

.exempletexte .img-textes-red{margin-top: 7px; margin-left:5px;}
.exempletexte .img-lft-svg{margin-left: -10px;}
.exempletexte img{width: auto;}

.p-textes{margin: 30px 30px;}


.p-radio{margin-bottom: 50px;}
.p-radio p{
    font-family: Cabin;
    color: #3d3d3d;
    margin-bottom: 0px;
}
.p-radio .center{text-align: center !important;}
.p-radio .right{text-align: right;}

.modal-content{border-radius : 0px !important;}
.btn-primary{
  color: #000;
    background-color: #ffffff;
    border: 1px solid #00884e;
  border-radius : 0px !important;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:visited,
.btn-primary:focus,
.btn-primary.true{
  color: #fff;
  background-color: #00884e !important;
  border: 1px solid #00884e !important;
  border-radius : 0px !important;
}
/** carousel SLICK **/
main h3.carousel,
.television h3{
  font-size: 1.8em;
  font-weight: bold;
  color: #00884e;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
}

.carousel-contenus{   
  height: 245px;
  margin-bottom: 35px;
}

.carousel-contenus img{
    width: 800px;
}
.slick-prev {
    background-image: url('/ressources/images/f20-ic-chevron-side.svg');
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 2em;
    left: 1em;
    height: 4em;
    width: 3em;
}
.slick-next {
    background-image: url('/ressources/images/f20-ic-chevron-side.svg');
  background-color: transparent;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 2em;
    right: 0;
    height: 4em;
    width: 3em;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
  
}
.slick-prev, .slick-next {
    position: absolute;
    top: 33%;
    display: block;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    z-index: 500;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    opacity: 1;
}
.slick-dots {
    position: absolute;
    bottom: 0px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
    background: none;
}
.slick-dots li.slick-active button {
  background-color: #00884e;
    width: 5px;
    height: 5px;
    border-radius: 5px;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    padding: 5px;
    cursor: pointer;
    border: 0;
    outline: none;
  background-color: #c6c7c5;
    width: 5px;
    height: 5px;
    border-radius: 5px;
  
}

.container .bloc-quatre-cont .bloc-img-pc{cursor: pointer;}

.modal .modal-affi-accueil h3{
  margin-top: 0px;
    color: #00884e;
}
    


.modal .modal-architecture img{width: auto; margin-left: auto; margin-right: auto;}
.modal .modal-architecture {
  width: auto;
  margin-left: -34%;
  margin-top: 60px;
  box-shadow: none;
  position: absolute !important;
  } /* position: absolute !important; */



.modal .modal-affi-accueil, .modal-architecture{
  width: 1008px;
  margin-left: -34%;
  margin-top: 60px;
  box-shadow: none;
  position: absolute !important;
}
.modal .modal-affi-accueil .modal-header{padding: 11px 15px 0px 15px;}
.modal .modal-affi-accueil .modal-body{padding: 0px 25px 25px 25px;}

.modal .modal-affi-accueil img{width: 100%;}
.modal .modal-affi-accueil .modal-header {border-bottom: none !important;}

/**** Carousel page Accueil ****/
.carousel-home .carousel-contenus{height: 420px;}
.carousel-home .carousel-contenus img{width:100%;}
/**** Carousel page Grilles ****/
.carousel-grille .carousel-contenus{height: 600px;}
.carousel-grille .carousel-contenus img{height: 600px; width: auto;}
.carousel-grille .carousel-contenus .img-grille-p img{width: 800px !important; height: auto;} 

/** page Grilles et exemples **/
h2.grille {padding-top: 20px !important;}
.banniere img {width:95%;}
.banniere h3{font-size: 1.7em !important; margin-bottom: 40px !important; text-align: center;}
/** page campagnes carousel AMD**/
.carousel-amd .carousel-contenus{height: 600px;}
.carousel-amd .carousel-contenus img{height: auto;}
.carousel-amd .carousel-contenus img.amd-img{padding-top: 70px;}
.carousel-amd .carousel-contenus img.amd-img-1{padding: 146px 39px 110px 20px; width: 850px;}

/** carousel Logos **/
.carousel-afaire {height: 270px;}
.carousel-afaire .carousel-contenus img{width: auto; margin-left: auto;   margin-right: auto;} /*width: 100% */

.carousel-construction .carousel-contenus{height: 400px;}
.carousel-construction .carousel-contenus img{ width: 90%;  margin-left: auto;   margin-right: auto;} /*height: 600px;*/
.carousel-architecture .carousel-contenus{height: 300px;}
.carousel-architecture .carousel-contenus img{ width: auto;  margin-left: auto;   margin-right: auto;} /*height: 600px;*/


.banniere .col-right-ban {padding-left: 30px;}


.banniere .titre-pop-cadre{
    color: #00884e;
    border: 1px solid #00884e;
    border-radius: 0px !important;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 1.4em;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
}
.banniere a.titre-pop-cadre:hover{
  text-decoration: none;
  color: #ffffff;
    background-color: #00884e;
}
.banniere h4 {
    font-family: Cabin;
    font-size: 1.4em;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.4;
    letter-spacing: -0.2px;
    text-align: left;
    color: #00884e;
}
.telecharger-ban {
    content: '';
    background-image: url(/ressources/images/ic-telecharger.svg);
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 1.25rem;
}
.left{text-align: left !important;}

.modal-banniere h2{color: #000; margin:15px 0px 20px 0px; text-align: left;}
.modal-banniere h3{margin:20px 0px 10px 0px !important;}


/* --------------------------------------------
provient de marques_sp_temp.css 
------------------------------------------------*/
.modal-dialog a.fleche{
    background-image: url(/ressources/images/ic-fleche-liens.svg);
    background-repeat: no-repeat;
    background-size: 15px Auto;
    background-position: left 26%;
    padding-left: 25px;
}

.modal-dialog a.bloc-lien{
  display: block;
  margin-bottom: 4px;
}
.cadre-color .descp-amd {
    padding: 35px 0px 0px 0px;
    display: block;
    margin: auto;
    height: 150px;
}

.moncercle-amd {
    border-radius: 50%;
    width: 50%;
    padding-top: 50%;
    margin: 0 auto;
    display: table;
}
.modal-body .moncercle-amd {
    border-radius: 50%;
    width: 50%;
    padding-top: 50%;
    margin: auto;
}
.moncercle-amd.vert-amd {
    background-color: #008c53; 
}
.moncercle-amd.jeune-amd {
    background-color: #ffc20e; 
}
.moncercle-amd.noir-amd {
    background-color: #3e3e3e; 
}


.modal.fade .modal-dialog {
   -webkit-transform: translate(0, -25%);
   -ms-transform: translate(0, -25%);
   transform: translate(0, -25%);
   -webkit-transition: -webkit-transform 0.3s ease-out;
   -moz-transition: -moz-transform 0.3s ease-out;
   -o-transition: -o-transform 0.3s ease-out;
   transition: transform 0.3s ease-out;
   top: 20%;
}

   div.marchandisage > a.bouton-action{
    width: 100%;
    height: 50px;
    line-height: 2.4;
    color: #00884e; 
    border: 1px solid #228a5e;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    font-family: Cabin;
    text-align: center;
    margin-top: 35px;
    
  }



  div.voir-plus > a.bouton-action{
    /* disponnible dans contenu.css */
    display: inline-block;
    padding: 1.1%;
    color: #00884e;
    border: 1px solid #228a5e;
    text-decoration: none;
    
    min-width: 144px;
    max-width: 144px;
    min-height: 44px;
    
    font-size: 18px;
    font-weight: 600;
    line-height: 1.06;
    font-family: Cabin;
    flex: 1 1 30%;
    box-sizing: border-box;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 40px;
  }

  main a.bouton-action:hover{
    background-color: #228a5e;
    color: #fff;
   }

  .voir-plus{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }

/* voir si nécéssaire  une fois que Denis a intégré son code pour la vidéo*/
  div.contenu-centre{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }

  main h3 .titre-marque{
    font-family: Cabin;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: -0.2px;
    text-align: left;
    color: #3e3e3e;
    background-color: #fff;
    margin-top: 30px;
    margin-bottom: 20px;
  }
  p.titre-date{
    font-weight: bold;
    line-height: 1.47;
    letter-spacing: -0.1px;
    text-align: left;
    color: #595959;
  }
  main p.titre-date-passe{
    color: #e60101;    
  }
  main p.titre-auteur{

    font-weight: bold;
    line-height: 1.38;
    letter-spacing: -0.2px;
    text-align: left;
    color: #007944;       
  }
  main p{
    font-family: Arial;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.25;
    letter-spacing: -0.1px;
    text-align: left;
    color: #3e3e3e;
    /*margin-bottom: 30px;*/
  margin-bottom: 15px;
  margin-top:15px;  
  }

  main a.modal-lightbox{
    display: block;
    outline: none;
  }
  main a.modal-lightbox:focus{
    outline: none;
  } 


  .blocs-cliquables-bas{
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
    background: url(/ressources/images/ic-fleche-liens.svg) no-repeat 96% 92%;
    height: 275px;
  }
  .blocs-cliquables-bas.mini-h{
    height: 150px !important;
  }
  .img-campagne{height: 163px;}

  .font-blanc-amd{
    background-color: #fff;
    height: 100%;
  }
  .font-blanc{
    background-color: #fff;
  }
  .bloc-cliquable{
    margin-bottom: 20px;
  } 


main ul.ag li:last-child{
  margin-bottom: 15px;  
}
div.espace-bas{
  padding-bottom: 40px;
}
.pvert{
    color: #047546;
    font-family: cabin;
    font-weight: bold;
    line-height: 1.6em;
}

.texte-transcription {
    padding: 10px;
    background: #F2F2F2;
    border: 1px solid #CBCBCB;
    overflow: auto;
    height: 400px;
}
.cas-mob-video img{width:88% !important; margin-top: 4%;}



.table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, 
.table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active{background-color: #ececec !important;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{vertical-align: middle !important;}


.table-responsive .header-1 {border-bottom: #b3b3b3 3px solid;}
.table-responsive tbody tr:last-child{border-bottom: #dddddd 1px solid;}
.table-responsive tbody tr td .sous-titre{margin-left: -10px;}
.table-responsive tbody tr td .sous-titre.plus{margin-top: 17%;}
.table-responsive tbody tr td .sous-titre.plusc{margin-top: 8%;}

.active h4{margin: 0px !important; font-weight: bold; font-size: 1.1em; text-align: center;}
.active h4 span{display: block; font-size: 0.85em;}
.active th:first-child, .active th:nth-child(2){width: 33%;}

.active.colones5 th{width: 20%;}
.table-responsive thead tr.active.colones5 h4{text-align: left; font-size: 1em;}

.table-responsive thead tr.active.colones h4{text-align: left;}
    
.moncercle-d3 { border-radius: 50%;
                width: 20px;
                height: 20px;
                display: inline-block;
                margin-right: 10px;
                margin-left: 10px;}
.moncercle-d3.noir {background: #383838;}
.moncercle-d3.blanch {background: #ffffff;} 
.moncercle-d3.vert {background: #00884e;}
.moncercle-d3.vert-f{background: #cce7dc;}
.moncercle-d3.gris{background: #e6e7e8;}


.coleur-faire {margin-top: 65px;}


.coche{ background: url(/ressources/images/case-v.svg) no-repeat center;
        width: 19px;
        height: 13px;
        display: inline-block;}

.titre-crl-first{
  width: 200px; 
  height: 200px; 
  background-color: #fff; 
  display: block; 
  position: absolute;
  margin-left: -1px;
}  

/*boutton voir plus*/  
.less{
  text-align: center;
}
.less.active .button-read-more, .button-read-less  {display: none}
.less.active .button-read-less {display: inline-block}
.more {margin-top: 10px}
.more p {margin: 0;padding: 0}  
a.button-read{
    
    border: 1px solid #00884e;
    border-radius: 0px !important;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 1.4em;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    text-decoration: none;
  }
  a.button-read:hover{
    text-decoration: none;
    color: #ffffff !important;
    background-color: #00884e;
  }
  a.button-read:visited{
    color: #00884e;
  }


/*********** Notes page ************/
button.note {
    margin-top: 0.75em;
    margin-bottom: 5px;
    padding-left: 20px;
    background: transparent url(/ressources/images/a00-icone-plus-notes.png) no-repeat left top;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    color: #3e3e3e;
    line-height: 14px;
    border: none;
}
button.note.in, 
button#button-note.note[aria-expanded~=true] {
    background-image: url(/ressources/images/a00-icone-moins-notes.png);
}
#notes{
  font-size: 0.89em;
}


/* --------------------------------------------------
  Mobile
===================================================== */
@media (max-width: 768px) {
.row.vitrine{background-position: center; max-height: 250px;}  
/*.vitrine.accueil { max-height: none; height: auto; }*/
main h3{text-align: center;}
img{width: 100% !important;}
.row .img-center{width: 100%;}
.bloc-img-typo .bloc-l, .bloc-img-typo .bloc-r{padding-left: 0; margin: 0px; display: inline-block;}
.bloc-img-typo .bloc-l img, .bloc-img-typo .bloc-r img {width: 100%;}
.bloc-img-typo .bloc-l p, .bloc-img-typo .bloc-r p{margin-bottom: 0px !important;}
.bloc-img-b-util .img-util{width: 70% !important; margin: auto; display: block;}
.bloc-img-b-util .img-util-b{width: 70% !important; margin: auto; display: block;}
.bloc-img-b-utilpros .bord-red{width: 70%; display: block; margin: auto;}
.bloc-img-b-utilpros .bord-red-sans-w .bord-red {width: 100%; display: block; margin: auto;}
.bloc-img-b-utilpros p{margin: 20px 0px 20px 0px; display: block;}
main .cadre-vert{width: 100%; padding: 0px;}
main .cadre-vert .bloc-a {margin-left: 0px;}
main .cadre-vert .bloc-c{margin-top: 0px;}
main .cadre-vert .bloc-c span.type-color, 
main .cadre-vert .bloc-b p strong{display: block;}
.bloc-img-b-utilpros .img-util-sans-p{padding-left: 0px; padding-right: 0px; width: 70%; display: block; margin: auto; float: none;}
.bloc-img-tel .img-tel.left, 
.bloc-img-tel .img-tel.right{text-align: inherit; display: block; margin: auto; padding:0;}
.bloc-img-tel .img-tel.right{margin-bottom: 40px;}
.bloc-img-tel .img-tel a.telecharger{background-position-x: 210px; padding: 0 30px 0 0;}
.bloc-img-tel .img-tel a.right{margin-right: 0;}
.bloc-img-tel .img-tel img{width: 100%;}
main ul{padding-left: 0px; margin-left: 0px;}
.container .bloc-quatre-cont .bloc-text-pc{height: auto; margin-top: 0;}
.container .bloc-quatre-cont .bloc-text-pc.min {height: auto !important; margin-top: 0;}
.bloc-img-tel .img-tel a.telecharger{text-align: center; margin-top: 15px; margin-bottom: 15px;}
div.bloc-gris, div.bloc-blanc{padding-right: 18px; padding-left: 18px;}
.container .bloc-quatre-cont.accueil{padding-left: 0px;}
.container .bloc-quatre-cont {margin-left: 0; margin-right: 0;}
.container .bloc-quatre-cont .bloc-img-pc{margin: 15px; width: 45%;}
  
 /*Carousel Slick */
 .carousel-contenus img{width: 90% !important;}
 .carousel-mobile .slide-conteneur img{width: 43% !important; margin-left: 24%;}
 .slick-next{right: -4px;}
 .slick-prev{left : 10px;}
 .slick-dots{bottom: 0px;}
 .carousel-contenus .img-p{margin-top: 15%;}
 
 
.cas-mob-img{margin-top: 30px;}
.cas-mob-video{padding-bottom: 30px;}
.p-radio p{font-size: 1.3em;}

.modal .modal-affi-accueil{
  width: 500px !important;
  margin-left: 10% !important;
}
.modal .modal-affi-accueil h3 {
     margin-top: 15px; 
}

.exempletexte .img-textes-red{margin-top: 5px; margin-left:16.66666667%;}
.exempletexte .img-lft-svg{margin-left: auto;}

.modal .modal-affi-accueil ul{padding-left: 10px;}
 /*Carousel Slick */
.carousel-home .carousel-contenus img{width: 100% !important;}
.carousel-home .carousel-contenus {height: 150px;}
.carousel-home .slick-next{right: -4px; top: 20% !important;}
.carousel-home .slick-prev{left : 10px; top: 20% !important;}
.carousel-home .carousel-contenus .slick-dots{bottom: 0px;} 
  
.cadre-video {padding-left: 0px;  padding-right: 0px;}

.banniere .col-right-ban {padding-top: 30px;}
/**** Carousel page Grilles ****/
.carousel-grille .carousel-contenus img{width: 100% !important; height: auto;} 
.carousel-grille .carousel-contenus {height: 167px; margin-bottom: 35px;}
.carousel-grille .carousel-contenus .img-grille-p img{width: 100% !important;}

.cadre-color{margin-bottom: 20px;}
.cadre-color .descp-amd {padding: 5px 0px 35px 0px;height: 150px;}
.moncercle-amd {border-radius: 50%; width: 25%; padding-top: 25%; margin: 0 auto; display: table;}
/** Carousel amd **/
.carousel-amd .carousel-contenus{height: 250px;}
.carousel-amd .carousel-contenus img.amd-img{padding: 60px 50px 0px 30px; width: 370px !important;}
.carousel-amd .carousel-contenus img.amd-img-1{padding: 60px 20px 45px 20px; width: 370px !important;}
/** carousel Logos **/
.carousel-afaire {height: 275px;}
.carousel-afaire .carousel-contenus img{width: 60% !important; margin-left: initial; margin-right: initial;}
.img-textes-red{margin-left: 16.66666667%;}
.exempletexte .img-lft-svg{margin-left: 16.66666667%;}
.exempletexte img{width: auto !important;}


.carousel-construction .carousel-contenus { width: auto; height: auto;} /*width: 100% !important;*/
.carousel-construction .carousel-contenus img{ width: auto;  margin-left: auto;   margin-right: auto;}
.carousel-architecture .carousel-contenus{ width: auto; height: auto;}
.carousel-architecture .carousel-contenus img{ width: auto;  margin-left: auto;   margin-right: auto;} /*height: 600px;*/


.coleur-faire {margin-top: 0px;}

.table-responsive tbody tr td .sous-titre.plus,
.table-responsive tbody tr td .sous-titre.plusc{margin-top: 0;}

}
/* --------------------------------------------------
  Tablets
===================================================== */
@media (max-width : 1024px) {
.modal .modal-affi-accueil{
  width: 960px;
  margin-left: -30%;
}

}
/* --------------------------------------------------
  Mobile
===================================================== */
@media (max-width: 425px) {

.img-textes-red{margin-left: 0px !important;}
.exempletexte .img-lft-svg{margin-left: 0px;}
.exempletexte img{width: 100% !important}

.row.vitrine{max-height: 153px;}  
/*.vitrine.accueil { max-height: none; height: auto; }*/
.modal .modal-affi-accueil{
  width: 100% !important;
  margin-left: 1% !important;
} 
.container .bloc-quatre-cont .bloc-img-pc{
  width: 100%;
  margin: 7px 0px 7px 0px;  
} 
/** Carousel amd **/
.carousel-amd .carousel-contenus img.amd-img{padding: 30px 50px 0px 0px; width: 310px !important;} 
.carousel-amd .carousel-contenus img.amd-img-1{padding: 60px 20px 45px 0px; width: 295px !important;}

/** carousel Logos **/
.carousel-afaire {height: 210px;}
.carousel-afaire .carousel-contenus img{width: 75% !important;}
.img-campagne{height: auto;}

.bloc-img-b-utilpros .bord-red{margin-top: 0px;margin: initial;}

.carousel-mobile .slide-conteneur img{width: 85% !important; margin: 0px;}

}