.MenuContainer{
  display:flex;
  flex-direction:right;
  flex-wrap:wrap;
  justify-content: center;
  margin-top:40px;
}

.MenuFam{
  min-width: 230px;
  margin : 10px 0px 0px 10px;
}

.FamTab {
  float: left;
  margin-right: 8px;
  width:100%;
  /* width: 24%; */
  /* max-width: 220px; */
}
/*-------------------------------------------------------------- */
.FamTabGrp {
  width: 180px;
}
/*-------------------------------------------------------------- */
.FamTabL1 {
  height: 25px;
  text-align: center;
  border-style: solid;
  border-width: 0px;
  border-bottom-style: none;
  border-radius: 0px;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  background-position: center center;
  background-repeat: no-repeat;
  margin-top:3px;
}
.FamTabL1F1 {
  background-color: #feefd8;
  background-image:url(../img/familles/fmenu1.png);
}
.FamTabL1F1:hover {
  background-color: #fcddb0;
  background-image:url(../img/familles/fmenu1.png);
}
.FamTabL1F2 {
  background-color: #ebfbdb;
  background-image:url(../img/familles/fmenu2.png);
}
.FamTabL1F2:hover {
  background-color: #a4fd4b;
}
.FamTabL1F3 {
  background-color: #ffd7d7;
  background-image:url(../img/familles/fmenu3.png);
}
.FamTabL1F3:hover {
  background-color: #ffb9b9;
}
.FamTabL1F4 {
  background-color: #e1eaf5;
  background-image:url(../img/familles/fmenu4.png);
}
.FamTabL1F4:hover {
  background-color: #cbdaed;
}
.FamTabL1F5 {
  background-color: #c7c7c7;
  background-image:url(../img/familles/fmenu5.png);
}
.FamTabL1F5:hover {
  background-color: #a5a5a5;
}
.FamTabL1F6 {
  background-color: #ebe2d3;
  background-image:url(../img/familles/fmenu6.png);
}
.FamTabL1F6:hover {
  background-color: #cabead;
}

/*-------------------------------------------------------------- */
.FamTabL2 {
  background-color: #c5c5c5;
  margin-top: 2px;
  padding: 0px;
  padding-left: 6px;
  font-weight: bold;
  color: rgb(255, 255, 255);
  font-size: 14px;
  text-align: center;
  height:18px;
}
/*-------------------------------------------------------------- */
.FamTabL3 {
  margin-top: 2px;
  padding: 0px;
  padding-left: 8px;
  border-style: solid;
  border-width: 0px;
  border-bottom-style: none;
  border-radius: 2px;
  border-top-right-radius: 3px;
  font-weight: bold;
}
.FamTabL3F1 {
  background-color: #fde3bb;
  color: #8d5c12;
}
.FamTabL3F1.inverted{
  color: #fde3bb;
  background-color: #8d5c12;
}
.FamTabL3F2 {
  background-color: #dcf8c0;
  color: #326400;
}
.FamTabL3F2.inverted{
  color: #dcf8c0;
  background-color: #326400;
}
.FamTabL3F3{
  background-color: #ffb9b9;
  color: #660000;
}
.FamTabL3F3.inverted{
  color: #ffb9b9;
  background-color: #660000;
}
.FamTabL3F4 {
  background-color: #cbdaed;
  color:#003170;
}
.FamTabL3F4.inverted {
  color: #cbdaed;
  background-color:#003170;
}
.FamTabL3F5 {
  background-color: #a5a5a5;
  color:#2b2b2b;
}
.FamTabL3F5.inverted {
  color: #a5a5a5;
  background-color:#2b2b2b;
}
.FamTabL3F6 {
  background-color: #cabead;
  color:#94744E;
}
.FamTabL3F6.inverted {
  color: #cabead;
  background-color:#94744E;
}
/*-------------------------------------------------------------- */
.FamTabL4 {
  height: 18px;
  margin-top: 2px;
  padding: 1px;
  padding-left: 12px;
  cursor: pointer;
  color:#000;
  line-height: 1em;
}
.FamTabL4F1 {
  /* background-color: #feefd8; */
  background-color: #fde7c5;
}
.FamTabL4F2 {
  /* background-color: #ebfbdb; */
  background-color: #88f51c;
}
.FamTabL4F3 {
  /* background-color: #ffd7d7a4; */
  background-color: #ffd7d7;
}
.FamTabL4F4 {
  /* background-color: #e1eaf5a4; */
  background-color: #e1eaf5;
}
.FamTabL4F5 {
  /* background-color: #c7c7c7a4; */
  background-color: #c7c7c7;
}
.FamTabL4F6 {
  /* background-color: #ebe2d3a4; */
  background-color: #ebe2d3;
}

.FicheGrpF0 {
  background-color: #c7c7c7;
  /* background-color: #ffd7d7; */
}
.FicheGrpF0:hover {
  background-color: #fff;
  /* background-color: #ffd7d7; */
}


.FicheGrpF3 {
  background-color: #ffd7d7a4;

  /* background-color: #ffd7d7; */
}
.FicheGrpF4 {
  background-color: #e1eaf5a4;
}
.FicheGrpF5 {
  background-color: #c7c7c7a4;
  /* background-color: #c7c7c7; */
}
.FicheGrpF6 {
  background-color: #ebe2d3a4;
  /* background-color: #ebe2d3; */
}




.FamTabL4F1:hover,
.FamTabL4F1.actif {
  /* background-color: #fde7c5; */
  background-color: #feefd8;
  color:#fff;
  /* font-weight: bolder; */
}
.FamTabL4F2:hover,
.FamTabL4F2.actif,
.FamTabL4F2:hover .grptitre,
.FamTabL4F2:hover .grpbody
{
  /* background-color: #e1f9c9; */
  background-color: #ebfbdb;
  color:#fff;
  /* border-left:solid 5px rgb(163, 163, 0); */
  /* font-weight: bolder; */
}
.FamTabL4F3:hover,
.FamTabL4F3.actif,
.FamTabL4F3:hover .grptitre,
.FamTabL4F3:hover .grpbody
{
  /* background-color: #ffd7d7; */
  background-color: #660000;
  color:#fff;
  border-left:solid 5px rgb(163, 163, 0);
  /* font-weight: bolder; */
}
.FicheGrpF3:hover,
.FicheGrpF3.actif,
.FicheGrpF3:hover .grptitre,
.FicheGrpF3:hover .grpbody
{
  /* background-color: #ffd7d7; */
  background-color: #660000;
  color:#fff;
}

.FamTabL4F4:hover,
.FamTabL4F4.actif,
.FamTabL4F4:hover .grptitre,
.FamTabL4F4:hover .grpbody
{
  /* background-color: #e1eaf5; */
  background-color: #003170;
  color:#fff;
  border-left:solid 5px rgb(163, 163, 0);
  /* font-weight: bolder; */
}
.FicheGrpF4:hover,
.FicheGrpF4.actif,
.FicheGrpF4:hover .grptitre,
.FicheGrpF4:hover .grpbody
{
  /* background-color: #e1eaf5; */
  background-color: #003170;
  color:#fff;
}
.FamTabL4F5:hover,
.FamTabL4F5.actif,
.FamTabL4F5:hover .grptitre,
.FamTabL4F5:hover .grpbody
{
  /* background-color: #c7c7c7; */
  background-color: #2b2b2b;
  color:#fff;
  border-left:solid 5px rgb(163, 163, 0);
  /* font-weight: bolder; */
}
.FicheGrpF5:hover,
.FicheGrpF5.actif,
.FicheGrpF5:hover .grptitre,
.FicheGrpF5:hover .grpbody
{
  /* background-color: #c7c7c7; */
  background-color: #2b2b2b;
  color:#fff;
}
.FamTabL4F6:hover,
.FamTabL4F6.actif,
.FamTabL4F6:hover .grptitre,
.FamTabL4F6:hover .grpbody
{
  /* background-color: #ebe2d3; */
  background-color: #94744E;
  color:#fff;
  border-left:solid 5px rgb(163, 163, 0);

  /* font-weight: bolder; */
}
.FicheGrpF6:hover,
.FicheGrpF6.actif,
.FicheGrpF6:hover .grptitre,
.FicheGrpF6:hover .grpbody
{
  /* background-color: #ebe2d3; */
  background-color: #94744E;
  color:#fff;
}
/*-------------------------------------------------------------- */
.FamTabL5 {
  height: 20px;
  margin-top: 0px;
  padding: 2px;
}
/*-------------------------------------------------------------- */
/*-------------------------------------------------------------- */
/*-------------------------------------------------------------- */
.CatTab {
  width: 100%;
  margin-bottom: 50px;
}
.CatTab tr {
  width: 100%;
}

.CatTab table {
  width: 100%;
  height: 100%;
}
.CatTab h1 {
  margin: 0px;
  font-size: 14px;
  color: #204a87;
  font-weight:bold;
}
.CatTab h2 {
  margin: 0px;
  font-size: 14px;
  color: #204a87;
  font-weight:normal;
}
.CatTab h3 {
  margin: 0px;
  font-size: 14px;
  color: #204a87;
  font-weight:normal;
}
.CatTabImg  {
  vertical-align: top;
  text-align: right;
  height: 100%;
}
.CatTabComp td {
  border-radius: 3px;
  padding: 0px;
  font-size: 11px;
}
.ImgComp {
  cursor: pointer;
}

/*-------------------------------------------------------------- */
/* Catalogue new design ---------------------------------------- */
/*-------------------------------------------------------------- */
/*
.searchcontainer{
  display:flex;
  flex-direction:right;
  flex-wrap:wrap;
  justify-content: center;
  margin-top:40px;
  margin-bottom:40px;
}
*/

.i-blue{
  color : #054181;
}

.searchcontainer{
  display:flex;
  flex-direction:right;
  flex-wrap:wrap;
  justify-content: center;
  max-width:800px;
  margin:auto;
} 


.searchblock{
    width:100%;
    /* background-color:#F5F5F5c0; */
    background-image: linear-gradient(120deg, #fff,45%, #f5f5f5);
  
    box-shadow: 0px 0px 5px 2px #20498713;
    border : #c9c6c6 solid 1px;
    /* border: solid 1px #aaa; */
    /* border-top: solid 3px #aaa; */
    /* border-bottom: solid 1px #aaa; */
    /* margin-bottom: 30px; */
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    align-content:stretch;
    justify-content:center;
    position:relative;
    padding:10px;
    margin:5px;
}
.searchblock:hover{
  box-shadow: unset;
  background-image: linear-gradient(120deg, #fff,35%, #fff) !important;
}
.searchblock.fam3{
  border-top:solid 1px #c0392b;
  background-image: linear-gradient(120deg, #fff,35%, #f8ecec);
}
.searchblock.fam4{
  border-top:solid 1px #2980b9;
  background-image: linear-gradient(120deg, #fff,35%, #eceff8);
}
.searchblock.fam5{
  border-top:solid 1px #5d6d7e;
  background-image: linear-gradient(120deg, #fff,35%, #ececec);

}
.searchblock.fam6{
  border-top:solid 1px #94744e;
  background-image: linear-gradient(120deg, #fff,35%, #f8f2ec);
}

.searchblock:hover{
  width:100%;
  background-color:#cfcccc;
  cursor: pointer;
}
.searchlistdesc{
  padding:10px;  
  flex-basis:70%;
  flex-grow:2;
}
.searchlistdesc > h2{
  font-weight:600;
  font-size:1.8em;
  padding-top:0.8em;
  padding-left:20px;
  line-height: 0.9em;

}
.searchlistdesc > h3{
  font-weight:600;
  font-size:1.4em;
  padding-left:20px;
  padding-bottom:5px;
}

.searchlistimage{
  flex-basis:100px;
  height:100px;
  display:flex;
  justify-content: center;
  margin-right:50px;
}
.searchgroupimage{
  margin:auto;
  max-width:95px;
  max-height:95px;
}

.legacycatalogcontainer{
  display:flex;
  flex-direction:right;
  flex-wrap:wrap;
  justify-content: center;
  margin-top:40px;
  margin-bottom:40px;
}
.groupcontainer{
  display:flex;
  flex-direction:right;
  flex-wrap:wrap;
  justify-content: center;
  /* max-width:1200px; */
}

.Content{
  background-image: url('../img/divers/fond-traits.svg');
  background-repeat:no-repeat;
  min-height:100%;
}

.fichesgroupe{
  font-weight:500;
  text-align:center;
  font-family: Open Sans,Arial,sans-serif;
  /* opacity:100%; */
  width:200px;
  min-height:300px;
  border: solid 1px #bfbfbf;
  /* border-bottom: 1px solid; */
  /* border-radius: 4px; */
  margin:2%;
  box-shadow: 3px 3px 3px  #e5e8e8 ;
  cursor: pointer;
}
.fichesgroupe:hover{
  box-shadow: 0px 0px 0px  #e5e8e8 ;
  opacity:100%;
}
.fichesgroupe.FamTabL4F3{
  /* border-top-color: #c0392b; */
  border-bottom-color: #660000;
}
.fichesgroupe.FamTabL4F4{
  /* border-top-color:  #2980b9; */
  border-bottom: 1px solid #003170;
}
.fichesgroupe.FamTabL4F5{
  /* border-top-color: #5d6d7e; */
  border-bottom-color: #2b2b2b;
}
.fichesgroupe.FamTabL4F6{
  /* border-top-color: #e59866; */
  border-bottom-color: #94744e;
}

.grpinfowraper{
  display:flex;
  flex-direction:column;
}

.grptitre{
  padding-top:20px;
  /* font-size:18px; */
  font-size:1.4em;
  font-weight:500;
  color:#333;
  flex-grow:1;
}
.grptitre.actif{
  color:#fff;
}
.grpbody{
  /* font-size: 14px; */
  font-size:1.2em;
  flex-grow:10;
  min-height:50px;
  color:#666;
}
.grpbody.actif{
  color:#fff;
}
.grpstatus{
  font-weight:700;
  font-size: 1rem;
  border-radius:0px 0px 4px 4px;
  width:100%;
  flex-grow:1;
}

.fichesgroupeimage{
  display:block;
}

.imggroupe{
  border-top:0px;
  object-fit: contain;
  /* background-color:blue; */
  display:block;
  
}
.imggroupe img{
  height:140px;
  width:100%;
  /* border-radius: 4px 4px 0px 0px; */
  border:0px;
  border-top:solid 4px #ddd;
  /* position:relative; */
  /* object-fit:contain; */
}
.imggroupe img.fam3{
  /* border-top-color: #c0392b; */
  border-top-color: #660000;
}
.imggroupe img.fam4{
  /* border-top-color:  #2980b9; */
  border-top-color:  #003170;
}
.imggroupe img.fam5{
  /* border-top-color: #5d6d7e; */
  border-top-color: #2b2b2b;
}
.imggroupe img.fam6{
  /* border-top-color: #e59866; */
  border-top-color: #94744e;
}

.breadcrumbcontainer{
  margin:20px; 
  display:block;
  flex-direction:right;
  /* max-width:90%; */
  flex-wrap:wrap;
  justify-content: left;

}

.breadcrumbitem{
  display:inline-flex;
}

.breadcrumblabel{
  font-weight:600;
  font-size:1.3rem;
  text-align:center;
  min-width:200px;
  background-color:#ddd;
  padding-right:20px;
  margin-left:10px;
  margin-right:0px;
  padding-left:20px;
  box-shadow: 1px 1px 2px  #e5e8e8;
}

.breadcrumblabel p.linkactif{
  color:#fff;
  padding:0px;
  cursor:pointer;
}

.breadcrumblabel p{
  color:#888;
  padding:0px;
}

.breadcrumbseparation{
 content:"  ";
 width: 0;
 height: 0;
 border-left: 25px solid #ddd;
 border-top: 15px solid transparent;
 border-bottom: 15px solid transparent;
}
.shadowfam3{
  box-shadow: 3px 3px 3px #ffb9b9;
}
.shadowfam4{
  box-shadow: 3px 3px 2px #cbdaed;
}
.shadowfam5{
  box-shadow: 3px 3px 3px #a5a5a5;
}
.shadowfam6{
  box-shadow: 3px 3px 3px #cabead;
}

#catalogue{
  justify-content: center;
}


/******************************************************************
*  Catalogue d'articles 
******************************************************************/

.pagearticlecontainer{
  padding:2em;
  flex-direction: row-reverse;
  display:flex;
  justify-content: center;
  flex-wrap:wrap;
  /* background-color: #660000; */
 
}

.menuarticlecontainer{
  min-width:max-content;
  display:flex;
  flex-wrap:wrap;
  /* background-color: #a4fd4b; */
  margin-bottom: auto;
  padding:1em;
  /* position: sticky;
  top:0px; */

}

.grouplistcontainer{
  display:flex;
  flex-direction:right;
  flex-wrap:wrap;
  flex-basis:70%;
  max-width:1200px;
  margin-bottom: auto;
  /* background-color: #a4fd4b; */
} 

.grouplistblock{
  width:100%;
  /* background-color:#F5F5F5c0; */
  background-image: linear-gradient(120deg, #fff,45%, #f5f5f5);
  box-shadow: 0px 0px 5px 2px #20498713;

  /* border: solid 1px #aaa; */
  border-top: solid 3px #aaa;
  border-bottom: solid 1px #aaa;
  margin-bottom: 30px;
  display:flex;
  flex-wrap:wrap;
  flex-direction:row;
  align-content:stretch;
  justify-content:center;
  position:relative;
} 
.grouplistblock.fam3{
  border-top-color: #c0392b;
}
.grouplistblock.fam4{
  border-top-color:  #2980b9;
}
.grouplistblock.fam5{
  border-top-color: #5d6d7e;
}
.grouplistblock.fam6{
  /* border-top-color: #e59866; */
  border-top-color: #94744e;

}
.titreclasse{
  width:100%;
  /* background-color:#F5F5F5c0; */
  /* background-image: linear-gradient(120deg, #fff,45%, #f5f5f5);
  box-shadow: 0px 0px 5px 2px #20498713; */

  /* border: solid 1px #aaa; */
  /* border-top: solid 3px #aaa; */
  border-bottom: solid 1px #aaa;
  margin-bottom: 30px;
  display:flex;
  flex-wrap:wrap;
  flex-direction:row;
  align-content:stretch;
  justify-content:center;
  position:relative;
  font-weight:600;
  font-size:1.8em;
  padding:0.4em;
  /* padding-bottom:0.4em; */
  color:#444;

} 
.titreclasse.fam3{
  /* border-top: 2px solid #660000; */
  /* background-color: #ffb9b9; */
  border-top:solid 2px #c0392b;
  background-image: linear-gradient(120deg, #fff,35%, #f8ecec);

}
.titreclasse.fam4{
  /* border-top: 2px solid #003170;
  background-color: #cbdaed; */
  border-top:solid 2px #2980b9;
  background-image: linear-gradient(120deg, #fff,35%, #eceff8);

}
.titreclasse.fam5{
  /* background-color: #a5a5a5;
  color: #2b2b2b; */
  /* border-top: 2px solid #2b2b2b;
  background-color: #a5a5a5; */
  border-top:solid 2px #5d6d7e;
  background-image: linear-gradient(120deg, #fff,35%, #ececec);

}
.titreclasse.fam6{
  /* border-top: 2px solid #94744e;;
  background-color: #cabead; */
  border-top:solid 2px #94744e;
  background-image: linear-gradient(120deg, #fff,35%, #f8f2ec);
}


.grouplistid{
  width:100px;
  color:#fff;
  position:absolute;
  top:0px;
  right:0px;
  
  text-align:center;
  font-weight:bold;
  font-size:0.8em;
  line-height:0.9em;
  padding-bottom:2px;
}
.grouplistid.fam3{
  background-color: #c0392b;
}
.grouplistid.fam4{
  background-color:  #2980b9;
}
.grouplistid.fam5{
  background-color: #5d6d7e;
}
.grouplistid.fam6{
  background-color: #e59866;
}


.grouplistdesc{
  flex-basis:70%;
  /* background:#567; */
  flex-grow:2;
}
.grouplistdesc > h2{
  font-weight:600;
  font-size:1.8em;
  padding-top:0.8em;
  padding-left:20px;
  line-height: 0.9em;

}
.grouplistdesc > h3{
  font-weight:600;
  font-size:1.4em;
  padding-left:20px;
  padding-bottom:5px;
}
.grouplistdesc > h4{
  font-weight:500;
  font-size:1.2em;
  padding-left:20px;
  line-height: 0.8em;
}
.grouplistdesc > h5{
  font-weight:600;
  font-size:1.2em;
  padding-left:20px;
  line-height: 1em;
  color:#0e335f;
}

.grouplistimage{
  flex-basis:200px;
  height:200px;
  display:flex;
  justify-content: center;
  margin-right:50px;
}
.groupimage{
  margin:auto;
  max-width:190px;
  max-height:190px;
}

.grouplistexpand{
  flex-basis:100%;
  /* background:red; */
  justify-content:center;
  display:flex;
  margin-top:-30px;
}


.expanditem{
  font-size:1.6em;
  border:1px solid #ccc;
  border-top-left-radius:4px;
  border-top-right-radius:4px;
  padding-left:10px;
  padding-right:10px;
  border-bottom:0px;
  margin-bottom:0px;

  background-color:#F8F8F8;
}

.expanditem::before {
  cursor:pointer;
  /* content:url("../img/open22/arrow-right-2.png"); */
  font-family: "Font Awesome 5 Free";
  color:#666;
  content: "\f078";
  font-size: 1.6rem;
  font-weight: 900;
  vertical-align: middle;
  display: inline-block;
  padding-right: 4px;
  margin-right: 10px;
  transition-duration: 400ms;
}

.expanditem-down::before {
  transition-duration: 400ms;
  transform: rotate(180deg);
}
.pdfitem{
  font-size:2.2em;
  margin-top:-6px;
  padding-left : 30px;
  cursor:pointer;

}

.grouplistarticles{
  /* background-color:#F8F8F8; */
  width:100%;
  padding-bottom: 20px;
  overflow:auto;

}

table.articles{
  /* border:#474 solid 1px; */
  /* color:#404040; */
  margin: auto;
  width:100%;
}

table.articles th{
  background-color:#F8F8F8;
  text-align:center;
  font-size:1em;
  font-weight:600;
  color:#101010;
  line-height: 1em;
  padding-top:4px;
  padding-bottom:4px;
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
  border-right:1px solid #ddd;
}
table.articles tr{
  font-size:1.2em;
  border-bottom:1px solid #ddd;
  border-right:1px solid #ddd;
  border-left:1px solid #ddd;
  color:#111;
}

table.articles tr:nth-child(even){
  background-color: #e6e6e6;
}
table.articles tr:hover{
  background-color:#ffffb3;
  color:#215696;
}
table.articles td{
  padding-left:10px;
  padding-right:10px;
  border-right:1px solid #ddd;
}
td{
  font-weight: 500;
}
td.bold{
  font-weight: 700;
}

/*-------------------------------------------------------------- */
/* Zoom image */
/*-------------------------------------------------------------- */

.zoomimage {
  /* background:black; */
  background:rgb(253, 253, 253);
  background:#eee;

  position:fixed;
  top:0px;
  right:0px;
  bottom:0px;
  left:0px;
  height:100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction:column;
  z-index: -100;
  opacity:0%;
  /* border : 3px solid black; */
  padding: 1 rem;
}
.cadreimage{
  border: 1px solid #ddd;
  max-width:90vw;
  border-radius: 11px;
  padding:10px;
  background-image: linear-gradient(120deg, #fff,45%, #f5f5f5);
  box-shadow: 0px 0px 5px 2px #20498713;

  /* background-color: #eee; */
  /* background-image: linear-gradient(120deg, #fff,45%, #f5f5f5); */
  /* box-shadow: 0px 0px 10px 5px #ffffff8e; */
  margin:5%;
}

.zoomimage.fade {
  z-index: 100000;
  opacity:100%;
  transition: opacity 0.2s;
  /* background: url(../img/divers/close.png) top right no-repeat; */
}
.zoomimage img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 90%;
  margin: 20px auto;
}
.zoom-image{
  cursor: zoom-in;
}
.closefont{
  font-size: 6em;
  opacity: 50%;
}
.fa-info{
  color:#215696;
}
.remarqueArticle{
  color:#215696;
  font-weight:600;
}

.tooltip {
  position:relative;
  display:inline-block;
 }
 .tooltip .tooltip-text {
  visibility:hidden;
  min-width:200px;
  /* background-color:#f7f7f7; */
  background-color:#fff;
  border-radius:2px;
  border:solid #ddd 1px;
  color:#215696;
  font-size:14px;
  font-weight:550;
  text-align:center;
  padding:2px;
  position:absolute;
  z-index:1;
  margin-left:10px;
  box-shadow:0px 0px 2px 2px #eee;
 }
 .tooltip:hover .tooltip-text {
  visibility:visible
 }

 /* Nouveau menu famille  */



 .famillemenutitre{
  font-size: 1.5em;
  font-weight: 700;
  display:block;
  padding:0.2em;
  border-top:solid 1px;
  border-bottom:solid 3px;
  text-align: center;
 }

 .famillemenutitre.fam_3,
 .famillemenudesc2.fam_3{
  background-color: #ffb9b9;
  color: #660000;
  /* border-color:#f8a8a8; */
}
.famillemenutitre.fam_3.actif,
.famillemenutitre.fam_3:hover,
.famillemenudesc2.fam_3:hover,
.famillemenudesc2.fam_3.actif{
  background-color: #660000;
  /* color: #ffb9b9; */
  color:#fff;
}
.famillemenutitre.fam_4,
.famillemenudesc2.fam_4{
  background-color: #cbdaed ;
  color: #003170;
  /* border-color: #b0c8e9 ; */
}
.famillemenutitre.fam_4.actif,
.famillemenutitre.fam_4:hover,
.famillemenudesc2.fam_4:hover,
.famillemenudesc2.fam_4.actif{
  background-color: #003170;
  /* color: #cbdaed ; */
  color:#fff;
}
.famillemenutitre.fam_5,
.famillemenudesc2.fam_5{
  background-color: #a5a5a5;
  color: #2b2b2b;
}
.famillemenutitre.fam_5.actif,
.famillemenutitre.fam_5:hover,
.famillemenudesc2.fam_5:hover,
.famillemenudesc2.fam_5.actif{
  background-color: #2b2b2b;
  /* color: #a5a5a5; */
  color:#fff;
}
.famillemenutitre.fam_6,
.famillemenudesc2.fam_6{
  background-color: #cabead;
  color: #94744e;
}
.famillemenutitre.fam_6.actif,
.famillemenutitre.fam_6:hover,
.famillemenudesc2.fam_6:hover,
.famillemenudesc2.fam_6.actif{
  background-color: #94744e;
    /* color: #cabead; */
    color:#fff;
  }
.famillemenutitre.submenu{
  border-bottom: 1px;
}
.famillemenutype{
  font-size: 1.2em;
  font-weight: 600;
  display:block;
  padding:0.1em;
  /* border-top:solid 1px; */
  border-bottom:solid 1px;
  text-align: center;
  background-color: #eee;
  color: #444;
}
.famillemenudesc1{
  font-size: 0.9em;
  font-weight: 400;
  display:block;
  padding:0px;
  /* padding:0.05em; */
  /* border-top:solid 1px; */
  border-bottom:solid 1px;
  text-align: center;
  background-color: #eee;
  color: #444;
}
.famillemenudesc2{
  /* font-size: 1em; */
  font-weight: 500;
  display:block;
  /* padding:0.05em; */
  /* border-top:solid 1px; */
  border-bottom:solid 1px;
  background-color: #eee;
  color: #000 !important;
  padding-left: 10px;
}
.famillemenudesc2:hover{
  color: #fff !important;
}
.famillemenudesc2.actif{
  color: #fff !important;
  border-left:5px solid  rgb(163, 163, 0);
  border-bottom: 0px ;
  margin-bottom: 1px;
}
.famillemenucontainer.submenu{
  display:none;
}
.famillemenucontainer.submenu.actif{
  display:block;
}

.famillebox{
  display:flex;
  flex-direction : column; 
  justify-content: space-around;
  align-items: center;
  min-width: 300px;
}




 @media only screen and (max-width: 1200px) {
    .FamTabL5{
      display: none;
    }
    .fichesgroupe{
      min-height:200px;
    }
    .grouplistcontainer{
      flex-basis:90%;
      max-width:90vw;
      min-width: 90vw;
    }
    .dropdownmenu{
      display:none;
    }
  
    .FamTabL4{
      min-height:25px;
      line-height: unset;
     }
     .grouplistimage{
      margin-bottom:30px;
    }
    .famillemenucontainer.submenu.actif{
      display:none;
    }
  
  } /* Fin display 1200 */

 @media only screen and (max-width: 600px) {
  .tooltip .tooltip-text {
    min-width: unset;
  }

   .pagecontainer{
     width:90%;
     /* background-color: #006609; */
   }

   .legacycatalogcontainer{
    margin-top:0px;
    margin-bottom:0px;
  }
  

   .pagearticlecontainer{
    padding:0px;
    /* background-color: #660000; */
  }
  
  ul.nav-tabs{
    margin:10px;
  }

  /* espace entre tubes et raccord */
  .FamTabL5{
    display: none;
  }

  .grouplistcontainer{
    flex-basis:90%;
    max-width:90vw;
  }
  /* .grouplistexpand{
    flex-basis: 300px;
  } */
} /* Fin display 600 */