@charset "UTF-8";
/* CSS Document */



/***************
DIAPO
***************/

    div.diapoC   {
        display: block;
        position: absolute;
        width: 100vw;
        height: 90vh;
        text-align: center;
        background-color: white;
        background-repeat: no-repeat;
/*        border: 1px solid orange;*/
    }

    div.diapoC#diapo-01C {
        text-align: center;
        background-image: url(../images/bg/bg-diapo-generique1C.jpg);
        background-position: 50% 0%;
        background-size: 200vh;
/*        border: 1px solid green;*/
    }

    div.diapoC#diapo-02C {
        background-image: url(../images/bg/bg-diapo-blocC.jpg);
        background-position: 35% 100%;
        background-size: cover;
/*        border: 1px solid green;*/
    }

    div.teaser#blocC {
        background-image: url(../images/puzzles/puzzle_3D-bloc.png);
        background-position: 90% 0%;
        background-size: 25vh;
        background-repeat: no-repeat;
        padding-top: 4vh;
/*        border: 1px solid green;*/
    }

    div.diapoC#diapo-03C {
        background-image: url(../images/bg/bg-diapo-tracaC.jpg);
        background-position: 40% 100%;
        background-size: cover;
/*        border: 1px solid green;*/
    }

    div.diapoC#diapo-04C {
        background-image: url(../images/bg/bg-diapo-pharma3C.jpg);
        background-position: 25% 100%;
        background-size: cover;
/*        border: 1px solid green;*/
    }

    div.diapoC#diapo-05C {
/*        height: 100vh;*/
        background-image: url(../images/bg/bg-diapo-chimio2C.jpg);
        background-position: 60% 100%;
        background-size: cover;
/*        border: 1px solid green;*/
    }

    div.diapoC#diapo-06C {
/*        height: 100vh;*/
        background-image: url(../images/bg/bg-diapo-mobi2C.jpg);
        background-position: 63% 100%;
        background-size: cover;
/*        border: 1px solid green;*/
    }

    div.diapoC#diapo-07C {
/*        height: 100vh;*/
        background-image: url(../images/bg/bg-diapo-formation2C.jpg);
        background-position: 50% 100%;
        background-size: cover;
/*        border: 1px solid green;*/
    }


/***************
APPS
***************/

    p.Titre0    {
        display: inline-block;
        width: 100vw;
        padding: 5vh 0 5vh 0;
        font-family: 'Milliard-ExtraLight', sans-serif;
        font-size: 2vh;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        border-top: 1px solid black;
        border-bottom: 1px solid black;
        margin:0;
    }
    div.demi{
      border-bottom: 1px solid black;
    }

    div.demi#solsC    {
/*        background-color: rgba(204,240,0,0.3);*/
        background-color: white;
        border-left: 1px solid black;
        overflow: visible;
    }

    @media (max-width:800px){
      div.demi#solsC    {
        border-left: inherit;
      }
    }

    p.TitreBloc#SolsC {
        font-family: 'Milliard-ExtraLight', sans-serif;
/*        color: rgba(102,140,0,1);*/
        color: black;
    }

    p.ChapoBloc#SolsC {
/*        color: rgba(102,140,0,1);*/
        color: black;
    }

    a.eesolC {
        display: inline-block;
        width: 30%;
        max-width: 500px;
        height: 35%;
        max-height: 300px;
        margin: 3% 2% -3% 2%;
        vertical-align: top;
        text-align: center;
        font-family: 'Milliard-Bold', sans-serif;
        color: black;
        font-size: 2.2vh;
        background-size: cover;
        background-repeat: no-repeat;
/*        opacity: 0.7;*/
/*        border: 1px solid white;*/
    }

    a.eesolC span    {
        display: inline-block;
        padding-top: 30%;
        color: white;
    }

    a.eesolC:hover {
        opacity: 1;
        transition: 0.25s;
    }

    a.eesolC#pharm {
        background-image: url(../images/bg/bg-eesol-pharma.png);
        background-position: left top;
    }

    a.eesolC#onco {
        background-image: url(../images/bg/bg-eesol-onco.png);
        background-position: left center;
    }

    a.eesolC#chir {
        background-image: url(../images/bg/bg-eesol-chir.png);
        background-position: left top;
    }

    a.eesolC#soins {
        background-image: url(../images/bg/bg-eesol-soins.png);
        background-position: center bottom;
    }


    /******************
    FULL
    ******************/


    div.full#GHTC  {
        height: 45vh;
        max-width: none;
        background: url(../images/bg/bg-GHT_C2.jpg) 50% 50%;
        background-size: cover;
        background-repeat: no-repeat;
        background-color: rgba(255,255,255,1);
        border-top: 1px solid black;
        border-bottom: 1px solid black;
    }

    div.full#quali  {
        height: 45vh;
        max-width: none;
        background: url(../images/bg/bg-qualite2.jpg) 50% 50%;
        background-size: cover;
        background-repeat: no-repeat;
        background-color: rgba(255,255,255,1);
        border-top: 1px solid black;
        border-bottom: 1px solid black;
    }

    .TitreBloc.full#GHTC    {
        margin: 6.5% 0 30px 0;
        width: 30vw;
        color: black;
/*        min-width: 450px;*/
    }

    .col-100 .TitreBloc    {
        margin: 1% 0 30px 0 !important;
        width: 90vw;
        max-width: 550px;
    }


    /******************
    1 tiers
    ******************/

    /****************
    VERSION B
    ****************/

    a.tiersB  {
        display: inline-block;
        width: 33.25vw;
/*        max-width: 640px;*/
        height: 50vh;
/*        max-height: 385px;*/
        margin: 0;
        vertical-align: top;
        text-align: center;
        background-size: cover;
        background-position: 50% 0%;
        background-repeat: no-repeat;
/*        background-color: yellow;*/
/*        border: 1px solid red;*/
    }

@media screen and (max-width:800px) {
    a.tiersB    {
        width: 100vw;
        height: 50vh;
        display:flex;
        align-items:center;
    }

    .tiersB .pictosHB{
      margin-top:0;
    }
}

    a.tiersB#stand  {
        background-image: url(../images/bg/bg-standB.jpg);
    }

    a.tiersB#operab  {
        background-image: url(../images/bg/bg-operabiliteB.jpg);
        border-left: 1px solid black;
        border-right: 1px solid black;
    }

    @media (max-width:800px) {
      a.tiersB#operab  {
          border-left: inherit;
          border-right: inherit;
          border-top:1px solid black;
          border-bottom:1px solid black;
      }

    }

    a.tiersB#accomp  {
        background-image: url(../images/bg/bg-accompagnementB.jpg);
    }

    img.pictosHB {
        display: inline-block;
        width: 7vh;
        height: auto;
        margin: 22vh 0 2% 0;
/*        filter: blur(2px);*/
    }

    .col-100 img.pictosHB {
        display: inline-block;
        width: 7vh;
        height: auto;
        margin: 0;
    }

    .TitreBloc.tiersB    {
        margin: 0 0 2% 0;
        font-size: 3vh;
        color: black;
    }

    .TitreBloc.tiersB#accomp    {
        color: black;
    }

    .ChapoBloc.tiersB    {
        width: 70%;
        font-size: 1.5vh;
    }

    .ChapoBloc.tiersB#operab    {
        color: black;
    }

    .suiteB  {
        display: block;

        margin: 5% 0 0 0;
        padding: 5px 15px;
        font-size: 0.8em;
        line-height: 1.2em;

    }

    /****************
    VERSION C
    ****************/



    a.tiersC    {
        display: inline-block;
            width: 100vw;
            max-width: 1920px;
            height: 60vh;
            max-height: 500px;
            margin: 5vh 0 0 0;
    /*        vertical-align: top;*/
            text-align: left;
/*
            background-size: 50%;
            background-position: 0% 0%;
            background-repeat: no-repeat;
            background-color: yellow;*/
/*        border-radius: 40px;*/
/*        border: 1px solid black;*/
    }

/*
    a.tiersC#stand  {
        background-image: url(../images/bg/bg-standB.jpg);
    }
*/

    img.tiersC  {
        display: inline-block;
        vertical-align: top;
        width: 100vw;
        max-width: 700px;
        height: auto;
/*        border-radius: 10px;*/
    }

        div.tiersC  {
            display: inline-block;
            width: 50%;
            height: auto;
            overflow: visible;
/*            border: 1px solid green;*/
        }

    img.pictosHC {
        display: inline-block;
        width: 7vh;
        height: auto;
        margin: 10vh 0 1.5vh 1.8vw;
/*        filter: blur(2px);*/
    }

    img.pictosHC#right {
        display: inline-block;
        width: 7vh;
        height: auto;
        margin: 10vh 1.8vw 1.5vh 0;
/*        filter: blur(2px);*/
    }

    .TitreBloc.tiersC    {
        margin: 0 0 2% 2vw;
        text-align: left;
        font-size: 3vh;
        color: black;
    }

    .ChapoBloc.tiersC    {
        margin: 0 0 2% 2vw;
        width: 70%;
        text-align: left;
        font-size: 1.5vh;
    }
    .col-100  .ChapoBloc.tiersB{
      display: inline-block;
      max-width: 600px;
      margin: 1vh 0 0 0;
      font-family: 'Cresta-Light', sans-serif;
    font-weight: 200;
    font-size: 1.7vh;
    line-height: 1.2em;
    color: black;
    width: 60%;
    }


    span.suiteC  {
        display: inline-block;
/*        position: absolute;*/
/*        bottom: 5vh;*/
        margin: 5% 0 0 0;
        font-size: 0.8em;
    }

    span.suite  {
        display: inline-block;
        margin: 40px 0 0 0;
        font-size: 0.8em;
    }

    @media (max-width:800px){
      .col-100 .TitreBloc,.col-100 .ChapoBloc.tiersB{
        width:100%;
        max-width: 100% !important;
      }
    }


    .d-flex-middle{
      display:flex !important;
      flex-direction: column;
      align-items:center  !important;
      justify-content:center;
      padding-top:20px;
      padding-bottom:20px;
    }
.text-center{
  text-align:center;
}
.mt-0{
  margin-top:0 !important;
}
.newcontaine-fluid{
  max-width:100%;
}

.cols{
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
  flex: 0 0 auto;
  background-size: cover;
    background-repeat: no-repeat;
    background-color: rgba(0,35,28,1);
    height:50vh;
    background-position:50% 50%;
}
.cols, .cols::before, .cols::after {
    box-sizing: border-box;
}
.col-100{
  width: 100%;
  border-bottom:1px solid #000;
}
.col-50{
  width: 50%;
  border-bottom:1px solid #000;
  border-right:1px solid #000;
}
.col-33{
  width: 33.3333%;
  border-bottom:1px solid #000;
  border-right:1px solid #000;
}
.col-33 + .col-33 + .col-33,.col-50 + .col-50{
  border-right:0 none !important;
}
.block:last-child{
  border-bottom:0 none !important;
}
.block hr{
  width: 350px;
    border: 1px solid white;
    margin-top: 0px;
}
@media (max-width:800px){
  .cols{
    width:100%;
  }
  img.pictosHB{
    margin-top:0;
  }
}