/* BACKGROUND WEBSITE and GENERAL CSS */

@font-face {
        font-family: BonvenoCF;
        src: url("fonts/BentonSansComp-Regular.otf");
}

body {

        font-family:BonvenoCF;
}

.active_blue {
  color: red;
} /* Liens actifs */

.active_white {
  color: red;
} /* Liens actifs */

.desktop_content{display:block !important;}
.mobile_content{display:none !important;}

.chiesi_checkbox {
    width: 1.3em;
    height: 1.3em;
    background-color: white;
    border-radius: 6px;
    vertical-align: middle;
    border: 2px solid #672682;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
}
.chiesi_checkbox:checked {
    background-color: #672682;
}

.cicatrix_index
{
  background-image: url(../../img/bg_cicatrix_index.png);
  background-size: 100% 100%;
}
.cicatrix_home
{
  background-image: url(../../img/home_background.jpg);
  background-size: 100% 100%;
}
.cicatrix_home-V2
{
  background-image: url(../../img/home_background-V2.jpg);
  background-size: 100% 100%;
}

.content_for_mobile{display:none;}
.content_for_desktop{display:block;}

.row{
    margin-right: 0;
    margin-left: 0;
}
.border_error_red{border:2px solid red;border-radius:80px;}


/* PAGE INDEX */
/* PAGE INDEX */
/* PAGE INDEX */
#logo_cicatrix
{
   width:90%;float:right;
}
#logo_convatec
{
   width:60%;
}
#signup{
    /*float:right;*/}
#signin{
    /*float:right;*/}

.btn-sign-purple{
  color:white;
  font-weight:bold;
  font-size: 1.8rem;
  line-height: 3.5rem;
  /*background-image: url(../../img/btn_sinscrire.png);*/
  background-image: url(../../img/test_btn_sinscrire.png);
  background-size: 100% 100%;
  width:auto;
  border: none;
  border-radius: 80px;
  text-align: center;margin: auto;
  margin-top:20px;
}
.btn-sign
{
    color: white;
    border: 1px solid white;
    border-radius: 20px;
    text-align: center;
    margin: auto;
    /*width: 80%;*/
}

.btn-sign-white{ color: white; border: 1px solid white; }
.btn-sign-black{ color: black; border: 1px solid black; }

.text-content-index
{
  font-size: 1.5rem;line-height: 1.8rem;
}
.text-content-identification
{
  font-size:1.7rem;line-height: 2.5rem;
}
.carousel-index
{
  width:70%;
}



/* PAGE IDENTIFICATION + SIGNUP */
/* PAGE IDENTIFICATION + SIGNUP */
/* PAGE IDENTIFICATION + SIGNUP */
.input_form_cicatrix
{
  font-size: auto;
  line-height: 1.5rem;
}
            /* CUSTOMER SELECT HTML */
            /* CUSTOMER SELECT HTML */
            /* CUSTOMER SELECT HTML */
            /*the container must be positioned relative:*/
            .custom-select {
              position: relative;
              /*font-family: Arial;*/
              width: 100%;
              text-align: center;
              margin: auto;
            }

            .custom-select select {
              display: none; /*hide original SELECT element:*/
            }

            .select-selected {
              background-color: transparent;
              color:#ff70ac;
              border-radius:80px;
              text-align:left;
              margin: auto;
              font-weight:bold;

              border: 2px solid white;
            }
            .select-selected-active {
              background:#c57a9a;
              border-radius:30px 30px 0 0;
              text-align:left;
              margin: auto;
              font-weight:bold;

              border: none;
            }

            /*style the arrow inside the select element:*/
            .select-selected:after {
              position: absolute;
              content: "+";
              top: 9px;
              right: 40px;
              width: 0;
              height: 0;
            }

            /*point the arrow upwards when the select box is open (active):*/
            .select-selected.select-arrow-active:after {
              top: 9px;
            }

            /*style the items (options), including the selected item:*/
            .select-items div,.select-selected {
              color: white;
              padding: 8px 16px;
              cursor: pointer;
              user-select: none;
            }

            /*style items (options):*/
            .select-items {
              position: absolute;
              top:100%;
              background:#c57a9a;
              left: 0;
              right: 0;
              z-index: 99;
              border-radius: 0 0 30px 30px;
              max-height: 300px;
              overflow: auto;
              text-align: left;
              padding-left: 50px;
            }

            #custom_title{
              background:#ffffff;
            }

            /*hide the items when the select box is closed:*/
            .select-hide {
              display: none;
            }

            .select-items div:hover, .same-as-selected {
              background-color: rgba(0, 0, 0, 0.1);
            }


            /* CUSTOM SCROLLBAR */
            /* CUSTOM SCROLLBAR */
            /* CUSTOM SCROLLBAR */
            .select-items::-webkit-scrollbar-track
            {
              /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
              /*border-radius: 10px;*/
              /*background-color: black;*/
            }

            .select-items::-webkit-scrollbar
            {
              width:65px;
                background-image: url(../../img/scrollbar.png);
                background-size: 50% 100%;
                background-repeat: no-repeat;
                background-position: center;
              /*background-color: transparent;*/

            }
            /*le scroller*/
            .select-items::-webkit-scrollbar-thumb
            {
              border-radius: 20px;
              /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
              /*background-color: #ffffff;*/
                background-image: url(../../img/scroller.png);
                background-size: 30% 100%;
                background-repeat: no-repeat;
                background-position: center;
            }

            #popup_conditions{padding-top:10%;}
            #close_pop_video{width: 57%;}
            #close_pop_video:hover {opacity:0.8;}
            #close_pop_account{width: 40%;}
            #close_pop_account:hover {opacity:0.8;}

            .text-title-duree{text-align: center;}
            .row_account_padding{padding-top:3%;}
            .row_account_panel_padding{padding-top:1%;}

            .btn-purple-myaccount {
              color:white;
              font-weight:bold;
              font-size: 1.8rem;
              line-height: 2.5rem;
              background-image: url(../../img/test_btn_sinscrire.png);
              background-size: 100% 100%;
              width:auto;
              border: none;
              border-radius: 80px;
              text-align: center;margin: auto;
              margin-top:50px;
            }
            .btn-pink-myaccount {
              color:white;
              font-weight:bold;
              font-size: 1.8rem;
              line-height: 2.5rem;
              background-image: url(../../img/test_btn_accounts.png);
              background-size: 100% 100%;
              width:auto;
              border: none;
              border-radius: 80px;
              text-align: center;margin: auto;
              margin-top:50px;
            }



.text_consent{font-size:20px;}





    .text-content-myaccount
    {font-size: 1.8vw;line-height: 2.6rem; }

/* HOME CICATRIX */
/* HOME CICATRIX */
/* HOME CICATRIX */

  /* HEADER */
  /* HEADER */
  /* HEADER */
  #banner_background
  {
    /*background-image: url(../../img/banner/bandeau_video.jpg);*/
    background-size: 100%;
    background-repeat: no-repeat;
    /*min-height: 700px;*/
  }
  .nav-item{ text-align: center;
    width: 100%;font-size: 1rem;
    line-height: 1.5rem;}
  .dropdown{width:19.9%;text-align: center;font-size:1.4rem;line-height:2rem;}
  .nav-link{color:white;}
  .navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {font-weight:bold;color:#f986b6;}
  .nav-link:hover
  {
    opacity: 0.8;
    color:#ff70ac;
  }

  .nav-link-white{color:white;}
  .nav-link-black{color:black;}


  .picto_menu
  {
    width:70%;
    cursor: pointer;
  }
  .picto_menu:hover {opacity:0.8;}


  .picto_menu-white
  { }
  .picto_menu-black
  {
    background-color: #ff70ac;
    border-radius: 34px;
  }
  .jaime-white
  { }
  .jaime-black
  {
    background-color: #ff70ac;
    border-radius: 13px;
  }

  #text-title-banner
  {font-size:2.4rem;line-height:3.5rem;}
  .btn-home
  {font-size:1.3rem;line-height:2rem;}

   /*CONTENT CATEGORIES */
   /*CONTENT CATEGORIES */
   /*CONTENT CATEGORIES */
   .text-title-categories
  {font-size:1.4rem;line-height:2rem;}
  .prev_carousel_home
  {    width: 6%;}
  .next_carousel_home
  {    width: 6%;}
  .carousel-inner {
      width: 92%;
      margin: auto;
  }
  .col_carousel5{width:20%;
    cursor: pointer;}

  .carousel-home
  {
    width:90%;
  }
  .col_carousel5:hover
  {
    opacity: 0.8;
  }
  .top_chiffres
  {
    position: absolute;
    top: 4%;
    margin-left: -10.5%;
    width: auto;
    height: 54%;
  }
  .text-title-vignette
  {
    /*position: absolute;*/
    /*top: 26%;*/
    font-weight: bold;
    color:white;
    margin-left: 10%;
/*    text-align: center;*/
    text-align: left;
    /*max-width: 9%;*/
  }
  /*POPUP SEARCH*/
  /*POPUP SEARCH*/
  /*POPUP SEARCH*/
  .search_cicatrix
  {
      background-image: url(../../img/home_background.jpg);
      background-size: 100% 100%;
  }
  .modal-content
  {
    background: none;
          }
        .wrapper_search{
          width: 100%;
        }
        .container_search{
          /*position: relative;*/
          padding: 0;
        }
        .input_search{
          width: 100%;
          border: 2px solid #fff;
          background: transparent;
          padding: 15px 30px;
          border-radius: 80px;
          outline: none;
          font-size: 18px;
          color: #fff;
          font-weight: bold;
          padding-left: 57px;
        }
        .close-btn_search{
              position: absolute;
          top: 0px;
          right: 10px;
          font-size: 35px;
          cursor: pointer;
          color: #fff;
          opacity: 0;
          transition: opacity 0.5s ease;
        }
        .close-btn_search.active{
          opacity: 1;
          animation: animate 0.5s linear;
        }
        @keyframes animate{
          0%{
            transform: scale(1);
          }
          25%{
            transform: scale(1.2);
          }
          50%{
            transform: scale(1.5);
          }
          75%{
            transform: scale(1.2);
          }
          100%{
            transform: scale(1);
          }
        }
        #loupe_search
        {
              position: absolute;
              width: auto;
              top: 8px;
              left: 10px;
              height: 80%;
        }
        .text-title-vignette-search
        {
          /*position: absolute;*/
          /*margin-top: -6%;*/
          font-weight: bold;
          color:white;
          /*margin-left: 10%;*/
          text-align: center;
          /*max-width: 9%;*/
        }
        .categorie_menu
        {
          overflow-y: auto;
          height: 300px;
        }











          /* PLAYER VIDEO CICATRIX */
          /* PLAYER VIDEO CICATRIX */
          /* PLAYER VIDEO CICATRIX */
            #cicatrix-player
            {
                width: 100%;
                min-height: 100vh;
            }
            #content_extrait
            {
              position: absolute;
              /*background: green;*/
              width: 100%;
              min-height: 700px;
              display: none;
            }
            .row_over_extrait
            {
              position: absolute;
              width: 100%;
              z-index: 1;
            }
            #content_extrait_mobile
            {
              position: absolute;
              /*background: green;*/
              width: 100%;
              min-height: 200px;
              display: none;
            }
                #cicatrix-player-extrait
                {
                    width: auto;
                    height: 100% !important;
                    position: absolute !important;
                    right: 0 !important;
                }
                #cicatrix-player-extrait_mobile
                {
                    width: auto;
                    height: 100% !important;
                    position: absolute !important;
                    right: 0 !important;
                }
            #back_arrow_video
            {
              position: absolute;
              top: 0;
              left: 22px;
              font-weight: bold;
              color: #ff70ac;
              font-size: 7rem;
              line-height: 5rem;
              cursor: pointer;
            }
            #back_arrow_video:hover
            {
              opacity:0.8;
            }
            .video-js .vjs-control-bar {
                height: 6em;
            }











          /* MY ACCOUNT PART */
          /* MY ACCOUNT PART */
          /* MY ACCOUNT PART */
            #pop_home_myaccount
            {
                color:white;
                border-radius:40px;
                margin:auto;
                text-align:center;
                background-image: url(../../img/account_background.jpg);
                background-size: 100% 100%;
                min-height: 60vh;
            }
            #pop_border_myaccount
            {
                color:white;
                border: 2px solid white;
                border-radius:40px;
                margin:auto;
                text-align:center;
                background-color: transparent;
                min-height: 60vh;
            }
            .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback)
            {
              border-radius:20px;
              margin-right: 20px;
            }
            .form-check-input
            {
              background: transparent;
              border: 2px solid white;
            }









@media (max-width: 1600px) {

  #banner_background
  {
    /*background-image: url(../../img/banner/bandeau_video.jpg);*/
    background-size: 100%;
    background-repeat: no-repeat;
    min-height: auto;
  }

}





@media (min-width: 1480px) {

  .text-content-index{
    font-size: 1.8rem;
    line-height: 2.3rem;
  }
  .content_for_desktop1480{
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
  }

}

@media (min-width: 850px) and (max-width: 991px)  {

  .collapse  {display:block !important;}
  .navbar-collapse {display:block !important;}

  .btn-home
  {
    /*font-size: 1rem;*/
    line-height: 2rem;
  }
  .col-lecture
  {
    width:25%;
  }

.desktop_content{display:none !important;}
.mobile_content{display:block !important;}

}
/*@media (min-width: 850px){*/



@media (max-width: 850px) {
  .collapse  {display:block !important;}
  .navbar-collapse {display:block !important;}

/* WEBSITE and GENERAL CSS */
  .cicatrix_index{background-size: 300% 100%;}
  /* HOME */
  .content_for_mobile{display:block;}
  .content_for_desktop{display:none;}

/* PAGE INDEX */
/* PAGE INDEX */
/* PAGE INDEX */
  .fixed-bottom{position: relative;}

  #text-partage {font-size:0.7rem;}

  .btn-sign{font-size:1rem;width:100%;}

  #carouselExampleControls{margin-top:30px;}

  .text-content-index{font-size: 1.2rem;line-height: 1.6rem;}

  .text-content-identification{font-size: 1.4rem;line-height: 1.8rem;}

  .btn-sign-purple{ margin-top:30px;font-size: 1.4rem;line-height: 1.8rem; }

  .carousel-index{width:90%;}
  #logo_convatec{ width:70%;}


/* PAGE IDENTIFICATION + SIGNUP */
/* PAGE IDENTIFICATION + SIGNUP */
/* PAGE IDENTIFICATION + SIGNUP */
  .text-premierevisite{padding-top:30px;}

  .row_mobile_input{width:90%;margin:auto;margin-top:10px; }
  .input_form_cicatrix{font-size: 1.2rem;line-height: 2.4rem;}


  .custom-select {  width: 90%; }

  #popup_conditions{padding-top:200px;}


/*PAGE HOME*/
/*PAGE HOME*/
/*PAGE HOME*/

  #banner_background
  {
    background-size: 130%;
    background-position-x: 30%;
  }

  .picto_menu { width:70%; }
  .navbar-expand-lg .navbar-nav {
      flex-direction: row;
    }
    .nav-item {text-align: center;
    width: 100%;
    /*width: 19%;*/
   font-size: 1rem;
    line-height: 1.5rem;
    text-align: center;
    }
    .dropdown {
    width: 23%;
    font-size: 0.8rem;
    line-height: 1.5rem;
    text-align: center;
    }
    .dropdown-menu {
    margin-left: -100%;
    }
    #text-title-banner{font-size: 1rem;
    line-height: 1.7rem;}
  .btn-home
    {font-size:0.6rem;line-height:1rem;width:25%;}
  #jaime_MOBILE_active
    {width:50%;}
  #jaime_MOBILE
    {width:50%;}
    .text-title-categories{font-size: 0.8rem;
    line-height: 1.2rem;}

    .top_chiffres {
      margin-left: -24.9%;
      height: 50%;
    }
    .text-title-vignette {
      /*top: 28%;*/
      /*margin-left: 25%;*/
      /*max-width: 22%;*/
      font-size: 0.6rem;
    }
    #btn-extrait{width:auto;}
    #btn-lecture{width:auto;}
    .text-title-duree{text-align: right;}

    #cicatrix-player
    {
        min-height: 95vh;
    }
    #back_arrow_video
    {
      position: absolute;
      top: 0;
      left: 5px;
      font-weight: bold;
      color: #ff70ac;
      font-size: 2.8em;
      line-height: 2.6rem;
    }
    #pop_home_myaccount
    {
        border-radius:0px;
        min-height: 100vh;
    }


    .text-content-myaccount
    {font-size: 1.5rem;line-height: 2.6rem; }
    .row_account_padding{padding-top:35%;}

     #pop_border_myaccount
      {
          margin-left: 15px;
          margin-right: 15px;
          min-height: 80vh;
      }


            .btn-purple-myaccount {
                  /*width: 80%;*/
                  font-size: 1.1rem;
                  line-height: 1.5rem;
            }
            .btn-pink-myaccount {
                  /*width: 80%;*/
                  font-size: 1.1rem;
                  line-height: 1.5rem;
            }

            #close_pop_account{width: 60%;}

        .text-title-vignette-search
        {
          /*margin-top: -17%;*/
          /*margin-left: 23%;*/
          /*max-width: 25%;*/
          font-size: 0.6rem;
        }
        #play_btn_lecture{width:auto;}

.desktop_content{display:none !important;}
.mobile_content{display:block !important;}

}

@media (max-width: 576px) {

  #logo_era {width:25% !important;}
  #logo_chiesi {width:45% !important;text-align: center;
    margin: auto;padding:0;}

  #poumon {width:50% !important;text-align: center;
    margin: auto;padding-top:50px;}

  #navweb  {padding:0 !important;}
  .collapse  {display:block !important;}
  .navbar-collapse {display:block !important;}

  #form_left {width:0% !important;}
  #form_middle {width:100% !important;border-radius:20px;}
  #form_right {width:0% !important;}

  #btn_inscription {width:50% !important;}

  #logo_chiesi_footer {width:45% !important;text-align: center;
    margin: auto;padding:0;}

.desktop_content{display:none !important;}
.mobile_content{display:block !important;}


  #CH_nom {width:90% !important;}
  #CH_prenom {width:90% !important;}


}