.bootstrapiso .container.SggOrganigrameContainer {
  padding: 0 44px;
}
.right-line {
  border-right: 5px #ccc solid;
  height: 2em;
}
.left-line {
  border-left: 5px #ccc solid;
  height: 2em;
}
.first-line {
  border-right: 5px #ccc solid;
  height: 3em !important;
  top: -1% !important;
}

.top-line {
  border-top: 5px #ccc solid;
}

.halved {
  width: 50%;
  float: left;
}
.halvedFor {
  border-top: 5px #ccc solid;
}

.col-38 {
  -ms-flex: 0 0 38%;
  flex: 0 0 38%;
  max-width: 38%;
}

.organigram-content {
  width: auto;
  height: 4.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #466b99;
  color: #fff;
  z-index: 99;
  position: initial;
}

/* nouvelle direction de législation */

.oc{
margin-right :45px;
margin-left : -12px;	
}
.occ{
margin-left :45px;
margin-right : -12px;	
}


.direction1 .organigram-content {
  position: relative;
  z-index: 2;
}
.sgg_direction_generale {
  top: -6em;
  position: relative;
  border-top: 4px solid #466b99;
}
.section1Lines:before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 164px;
  border-right: 5px solid #ccc;
  position: absolute;
  top: -7em;
  left: -7px;
}

.section2Lines:before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 164px;
  border-right: 5px solid #ccc;
  position: absolute;
  top: -7em;
  left: -7px;
}
.section3Lines:before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 160px;
  border-right: 5px solid #ccc;
  position: absolute;
  top: -7em;
  left: -7px;
}
.sgg-ar .section3Lines:before, .sgg-ar .section2Lines:before, .sgg-ar .section1Lines:before{
	left:unset;
	right:-7px;
}
.organigram-content h6 {
  margin: 0;
  color: #fff;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 10px; /*12px*/
  line-height: 17px;
  text-transform: uppercase;
}

.organigram-content h5 {
  margin: 0;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
}

.organigram-content h4 {
  margin: 0;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 16px;
  color: #fff;
  line-height: 17px;
  text-transform: uppercase;
}

.right-dotted {
  border-right: 5px #ccc dotted;
}

.organigram-content p {
  margin: 0;
  color: #fff;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
}

.organigram-lead h4 {
  font-weight: 500;
  font-size: 14px;
  margin-top: 5px;
}

.organigrame-image-lead {
  width: 80px;
  height: 80px;
  background: #eee;
  border-radius: 50%;
  margin: 0 auto;
}

.principal-lead {
  width: 200px;
  margin: 0 auto;
}

.organigrame-image-lead img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
}

.content_click {
  background-color: #eee;
  padding: 2rem;
  margin: 3rem auto 1rem auto !important;
}

.contentShow {
  max-height: 0;
  transition: max-height 0.15s ease-out;
  overflow: hidden;
}

.activeContent {
  max-height: 9999px !important;
  transition: max-height 0.25s ease-in !important;
  text-align: left;
}

.sgg_generale_content {
  text-align: left;
}

.contentShow h2 {
  font-family: 'RobotoCondensed', sans-serif;
  color: #466b99;
  float: left;
  width: 100%;
  font-size: 21px;
  font-weight: 700;
  letter-spacing: 0.5px;
  float: left;
  width: 100%;
}

.contentShow h4 {
  font-family: 'RobotoCondensed', sans-serif;
  float: left;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  background-color: #466b99;
  width: auto;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 30px;
}

.contentShow p {
  font-family: 'RobotoCondensed', sans-serif;
  color: #2b2a2a;
  float: left;
  width: 100%;
  font-size: 13px;
  margin-bottom: 10px;
  float: left;
  width: 100%;
}

.contentShow ul {
  float: left;
  width: 100%;
  padding-left: 10px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.contentShow h5 {
  font-family: 'RobotoCondensed', sans-serif;
  color: #466b99;
  float: left;
  width: 100%;
  font-size: 16px;
  float: left;
  width: 100%;
}

.contentShow h6 {
  font-family: 'RobotoCondensed', sans-serif;
  color: #466b99;
  float: left;
  width: 100%;
  font-size: 16px;
  float: left;
  width: 100%;
}

.contentShow ul li {
  font-family: 'RobotoCondensed', sans-serif;
  color: #2b2a2a;
  float: left;
  width: 100%;
  font-size: 13px;
}

.showMobile {
  display: none;
}

.bootstrapiso .col.col20 {
  max-width: 20%;
  width: 20%;
  padding-right: 15px;
  padding-left: 15px;
}
.bootstrapiso .col.col30 {
  max-width: 30%;
  width: 30%;
  padding-right: 15px;
  padding-left: 15px;
}
.bootstrapiso .col.col10 {
  max-width: 10%;
  width: 10%;
  padding-right: 15px;
  padding-left: 15px;
}
.bootstrapiso .col.col80 {
  max-width: 80%;
  width: 80%;
  padding-right: 15px;
  padding-left: 15px;
}
.mobile-left {
  width: 0;
  max-width: 0;
  border: 0;
  height: 0;
  flex: initial;
  padding: 0;
}

.extract {
  border-top: 5px solid #ccc;
}

.direction1Lines .halved.right-line.top-line {
  height: 8em;
}
.sgg-ar .direction1Lines .halved.right-line {
  height: 8em;
}

.direction1 .right-line {
  height: 229px;
  position: absolute;
  top: -65px;
}
.direction2 {
  position: relative;
  top: -4.45em;
}
.direction2:before {
  content: '';
  width: 6px;
  height: 28em;
  border-left: 5px #ccc solid;
  display: inline-block;
  position: absolute;
  left: -22px;
  top: -90px;
}
.sgg-ar .direction2:before {
  left: unset;
  right:-22px;
}
.direction2 .col {
  margin-bottom: 20px;
}
.organigram-content.sgg_direction_generale:before {
  content: '';
  width: 21px;
  height: 0;
  border-top: 5px solid #ccc;
  left: -22px;
  position: absolute;
  top: 35px;
}
.sgg-ar .organigram-content.sgg_direction_generale:before {
  left: unset;
  right:-21px;
}

.dlfr:before,
.derj:before,
.didc:before {
  content: '';
  width: 23px; /*37 modifié */
  height: 0;
  border-top: 5px solid #ccc;
  left: -22px;
  position: absolute;
  top: 46px;
}
.sgg-ar .dlfr:before,
.sgg-ar .derj:before,
.sgg-ar .didc:before {
	left:unset;
	right:-20px;
}

@media (min-width: 320px) and (max-width: 640px) {
  .mobileMb {
    margin-bottom: 23px;
    display: grid;
  }

  .bootstrapiso .hideSmall {
    display: none;
  }
  .bootstrapiso .col.col20 {
    width: 70%;
    float: right;
    max-width: 70%;
    flex: initial;
  }
  .sgg_direction_generale {
    top: 0;
  }
  .direction2 {
    top: unset;
    position: fixed;
  }
  .bootstrapiso .container.SggOrganigrameContainer {
    padding: 0;
  }

  .sgg_direction_generale:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 41.3rem;
    right: -23px;
    display: block;
    background: #ccc;
    top: 42px;
  }

  .sgg_direction_generale:after {
    content: '';
    width: 2rem;
    height: 5px;
    background: #ccc;
    position: absolute;
    right: -23px;
  }

  .bootstrapiso .mobileRemoveRight {
    display: none;
  }

  .bootstrapiso .mobile-left {
    float: left;
    width: 20%;
    max-width: 20%;
    height: 5.7rem;
    border-left: 5px solid #ccc;
    position: relative;
    left: 33px;
    border-bottom: 5px solid #ccc;
    top: -48px;
    z-index: 0;
  }

  .organigrame-image-lead img {
    width: 60px;
    height: 60px;
  }

  .organigrame-image-lead {
    width: 60px;
    height: 60px;
  }

  .col-3 {
    padding: 0.5rem;
  }

  .organigram-content h4 {
    font-size: 10px;
    line-height: 12px;
  }

  .bootstrapiso .col {
    padding: 0.5rem;
  }

  .organigram-content h6 {
    font-size: 11px;
    color: #fff;
    line-height: 13px;
  }

  .bootstrapiso .hideMobile {
    display: none;
  }

  .row.mobileRemoveRight.addline::before {
    display: none;
  }
  .showMobile {
    display: block;
  }

  /*Genrale*/

  .sgg_inspection_generale:hover > .hideMobile {
    display: block;
  }

  .sgg_inspection_generale:hover > .showMobile {
    display: none;
  }

  .sgg_inspection_generale:hover {
    height: 6rem;
    transition: height 0.25s ease-in;
  }

  .sgg_inspection_generale {
    transition: height 0.15s ease-out;
    overflow: hidden;
  }

  /*Enb Genrale
*/

  .sgg_direction_generale:hover > .hideMobile {
    display: block;
  }

  .sgg_direction_generale:hover > .showMobile {
    display: none;
  }

  .sgg_direction_generale:hover {
    height: 6rem;
    transition: height 0.25s ease-in;
  }

  .sgg_direction_generale {
    height: 4rem;
    transition: height 0.15s ease-out;
    overflow: hidden;
  }

  /*IO*/
  .sgg_imp_generale:hover > .hideMobile {
    display: block;
  }

  .sgg_imp_generale:hover > .showMobile {
    display: none;
  }

  .sgg_imp_generale:hover {
    height: 6rem;
    transition: height 0.25s ease-in;
  }

  .sgg_imp_generale {
    height: 4rem;
    transition: height 0.15s ease-out;
    overflow: hidden;
  }

  /*Association*/
  .sgg_association_generale:hover > .hideMobile {
    display: block;
  }

  .sgg_association_generale:hover > .showMobile {
    display: none;
  }

  .sgg_association_generale:hover {
    height: 6rem;
    transition: height 0.25s ease-in;
  }

  .sgg_association_generale {
    height: 4rem;
    transition: height 0.15s ease-out;
    overflow: hidden;
  }

  /* Profession reglementer*/
  .sgg_pro_generale:hover > .hideMobile {
    display: block;
  }

  .sgg_pro_generale:hover > .showMobile {
    display: none;
  }

  .sgg_pro_generale:hover {
    height: 6rem;
    transition: height 0.25s ease-in;
  }

  .sgg_pro_generale {
    height: 4rem;
    transition: height 0.15s ease-out;
    overflow: hidden;
  }

  /*DAAF*/
  .sgg_affiare_generale:hover > .hideMobile {
    display: block;
  }

  .sgg_affiare_generale:hover > .showMobile {
    display: none;
  }

  .sgg_affiare_generale:hover {
    height: 6rem;
    transition: height 0.25s ease-in;
  }

  .sgg_affiare_generale {
    height: 4rem;
    transition: height 0.15s ease-out;
    overflow: hidden;
  }

  /*DAAF*/
  .dlfr:hover > .hideMobile {
    display: block;
  }

  .dlfr:hover > .showMobile {
    display: none;
  }

  .dlfr:hover {
    height: 6rem;
    transition: height 0.25s ease-in;
  }

  .dlfr {
    height: 4rem;
    transition: height 0.15s ease-out;
    overflow: hidden;
  }

  /*DAAF*/
  .derj:hover > .hideMobile {
    display: block;
  }

  .derj:hover > .showMobile {
    display: none;
  }

  .derj:hover {
    height: 6rem;
    transition: height 0.25s ease-in;
  }

  .derj {
    height: 4rem;
    transition: height 0.15s ease-out;
    overflow: hidden;
  }

  /*DAAF*/
  .didc:hover > .hideMobile {
    display: block;
  }

  .didc:hover > .showMobile {
    display: none;
  }

  .didc:hover {
    height: 6rem;
    transition: height 0.25s ease-in;
  }

  .didc {
    height: 4rem;
    transition: height 0.15s ease-out;
    overflow: hidden;
  }

  .didc:after,
  .derj:after,
  .dlfr:after {
    content: '';
    background-color: #ccc;
    height: 5px;
    width: 20%;
    position: absolute;
    right: -40px;
    z-index: -1;
  }
  .organigram-lead h4 {
    height: 36px;
  }
}

@media (min-width: 767px) and (max-width: 1024px) {
  /* CSS */

  .organigram-content h6 {
    font-size: 11px;
    line-height: 12px;
  }

  .row.mobileRemoveRight.addline:before {
    content: ' ';
    display: inline-block;
    border-right: 5px #ccc solid;
    position: absolute;
    height: 164px;
    left: 25%;
  }
  /* .sgg_direction_generale {
    top: -25px;
  } */
}

/*z*/
@media (min-width: 481px) and (max-width: 767px) {
  /* CSS */
  .container {
    max-width: 100% !important;
  }
  .row.mobileRemoveRight.addline:before {
    height: 8%;
  }

  .hideMobile {
    display: none;
  }

  .showMobile {
    display: block;
  }

  .sgg_direction_generale:hover > .hideMobile {
    display: block;
  }

  .sgg_direction_generale:hover > .showMobile {
    display: none;
  }

  .sgg_direction_generale:hover {
    height: 6rem;
    transition: height 0.25s ease-in;
  }

  .sgg_direction_generale {
    height: 4rem;
    transition: height 0.15s ease-out;
    overflow: hidden;
  }

  /*IO*/
  .sgg_imp_generale:hover > .hideMobile {
    display: block;
  }

  .sgg_imp_generale:hover > .showMobile {
    display: none;
  }

  .sgg_imp_generale:hover {
    height: 6rem;
    transition: height 0.25s ease-in;
  }

  .sgg_imp_generale {
    height: 4rem;
    transition: height 0.15s ease-out;
    overflow: hidden;
  }

  /*Association*/
  .sgg_association_generale:hover > .hideMobile {
    display: block;
  }

  .sgg_association_generale:hover > .showMobile {
    display: none;
  }

  .sgg_association_generale:hover {
    height: 6rem;
    transition: height 0.25s ease-in;
  }

  .sgg_association_generale {
    height: 4rem;
    transition: height 0.15s ease-out;
    overflow: hidden;
  }

  /* Profession reglementer*/
  .sgg_pro_generale:hover > .hideMobile {
    display: block;
  }

  .sgg_pro_generale:hover > .showMobile {
    display: none;
  }

  .sgg_pro_generale:hover {
    height: 6rem;
    transition: height 0.25s ease-in;
  }

  .sgg_pro_generale {
    height: 4rem;
    transition: height 0.15s ease-out;
    overflow: hidden;
  }

  /*DAAF*/
  .sgg_affiare_generale:hover > .hideMobile {
    display: block;
  }

  .sgg_affiare_generale:hover > .showMobile {
    display: none;
  }

  .sgg_affiare_generale:hover {
    height: 6rem;
    transition: height 0.25s ease-in;
  }

  .sgg_affiare_generale {
    height: 4rem;
    transition: height 0.15s ease-out;
    overflow: hidden;
  }

  /*DAAF*/
  .dlfr:hover > .hideMobile {
    display: block;
  }

  .dlfr:hover > .showMobile {
    display: none;
  }

  .dlfr:hover {
    height: 6rem;
    transition: height 0.25s ease-in;
  }

  .dlfr {
    height: 4rem;
    transition: height 0.15s ease-out;
    overflow: hidden;
  }

  /*DAAF*/
  .derj:hover > .hideMobile {
    display: block;
  }

  .derj:hover > .showMobile {
    display: none;
  }

  .derj:hover {
    height: 6rem;
    transition: height 0.25s ease-in;
  }

  .derj {
    height: 4rem;
    transition: height 0.15s ease-out;
    overflow: hidden;
  }

  /*DAAF*/
  .didc:hover > .hideMobile {
    display: block;
  }

  .didc:hover > .showMobile {
    display: none;
  }

  .didc:hover {
    height: 6rem;
    transition: height 0.25s ease-in;
  }

  .didc {
    height: 4rem;
    transition: height 0.15s ease-out;
    overflow: hidden;
  }

  .sgg_direction_generale {
    top: 0;
  }
}

.bootstrapiso .mobileLastrow.mt-5,
.bootstrapiso .mobileLastrow.my-5 {
  margin-top: 0rem !important;
}

.direction2 > div {
  display: initial;
}