/*NAVBAR*/

.bandeau_top_navbar_services {
    width: 100%;
    text-align: center;
    padding: 8px 0px 8px 0px;
    margin-top: 44px;
}

.bandeau_top_navbar_services img {
    height: 31px;
}

/** MENU **/

.navbar-right {
    background-color: #262a5a;
}

.urgo-menu-services.navbar .divider-vertical {
    height: 15px;
    margin: 17px 0 0 0;
    border-right: 1px solid #005ea9;
    border-left: 1px solid #333;
}

.urgo-menu-services .navbar-collapse {
    color: #333;
    padding-left: 10px;
}

.urgo-menu-services .navbar-nav > li > a {
    padding-top: 12px;
    padding-bottom: 13px;
}

.urgo-menu-services.navbar-default .navbar-brand {
    padding: 12px;
    height: 45px;
}

.urgo-menu-services.navbar-default .navbar-nav > li > a {
    background-color: transparent;
    color: #005ea9;
    font-weight: 500;
    text-transform: uppercase;
}

.urgo-menu-services.navbar-default .navbar-nav > li > a:hover {
    background-color: #005ea9;
    color: #ffffff;
}

.urgo-menu-services.navbar-default .navbar-nav > .open > a,
.urgo-menu-services.navbar-default .navbar-nav > .open > a:focus,
.urgo-menu-services.navbar-default .navbar-nav > .open > a:hover {
    background-color: #005ea9;
    color: #fff;
}

.urgo-menu-services.navbar-default .navbar-toggle {
    border-color: transparent;
    border-radius: 0;
}

.urgo-menu-services.navbar-default .navbar-collapse,
.urgo-menu-services.navbar-default .navbar-form,
.urgo-menu-services.navbar-default .navbar-toggle .icon-bar {
    border-color: #005ea9;
}

.urgo-menu-services .dropdown-menu {
    background-color: #fff;
    color: #005ea9;
}

.urgo-menu-services .dropdown-menu > .active > a,
.urgo-menu-services .dropdown-menu > .active > a:focus,
.urgo-menu-services .dropdown-menu > .active > a:hover {
    color: #005ea9;
    text-decoration: none;
    background-color: #333 !important;
    outline: 0;
}

.urgo-menu-services .navbar-nav > li > .dropdown-menu {
    margin-top: -1px;
    /*
    left: -1px;
    */
}

.urgo-menu-services .dropdown-menu > li > a {
    font-size: 14px;
    color: #005ea9;
}

.urgo-menu-services .dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover,
.urgo-menu-services .dropdown-menu > li > a:focus .icon,
.dropdown-menu > li > a:hover .icon {
    /*background-color: #005ea9;*/
    /*color: #ffffff;*/
}

.urgo-menu-services .navbar-brand-icon {
    position: relative;
    top: 0px;
    max-width: 100px;
    max-height: 50px;
}


.urgo-menu-services .navbar-toggle .icon-bar {
    background-color: #005ea9;
}

.urgo-menu-services .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}

.navbar-active {
    /*border-bottom: 1px solid #35a6c6;*/
    box-shadow: inset 0px -4px #005ea9;
    font-weight: bold;
}


/*NAVBAR*/

/*GRID*/
.display-grid {
    display: grid;
    gap: 1.5rem;
}

.grid-center-h-v {
    justify-content: center;
    align-content: center;
}

.display-grid.detail-pathologie {
    grid-template-areas:
            'details'
            'visuel';
}

.display-grid.detail-pathologie-btn {
    grid-template-columns: repeat(1, 1fr);

}



.detail-pathologie > .grid-child:nth-child(1) {
    grid-area: visuel;
}

.detail-pathologie > .grid-child:nth-child(2) {
    grid-area: details;
}

.display-grid.slider-content-item-grid {
    grid-template-columns: repeat(1, 1fr)!important;
}

/*GRID*/




/*BODY*/
.btn + .btn {
    margin-left: unset;
}

.services {
    background-color: #FFFFFF;
}

#banniere_patho {
    display: none;
}

.container-service {
    max-width: 84%;
    margin-left: 8%;
    margin-right: 8%;
    margin-bottom: 3%;
}

.front .container, .container-service .services {
    margin-bottom: 27px;
}

.titre-service-fleche {
    color: #005ea9;
    display: inline-table;
}

.pathologie-arrow-down {
    display: none!important;
}

.titre-service-fleche i {
    color: #5E96FF!important;
    font-size: 40px!important;
    position: relative;
    top: 60px;
}

.retour_titre {
    display: flex;
    gap: 14px;
}

.titre-detail-service {
    /*left: 70px;*/
    /*top: 20px;*/
    font-weight: 900;
    color: #005EA9;
    text-align: left;
    font-size: 18px;
}

.titre-detail-service h2 {
    font-size: 30px;
    font-weight: bold;
}

.grand-titre-service {
    display: flex;
    gap: 20px;
    align-items: center;
}

.grand-titre-service h2 {
    font-size: 32px;
    color: #005EA9;
    font-weight: bold;
}

.grand-titre-service .border-bottom-service {
    margin-top: 10px;
}

div.retour_titre > .titre-detail-service {
    top : 0px;
}

.titre-detail-service-no-position {
    font-weight: 900;
    color: #005EA9;
    text-align: left;
    font-size: 20px;
}

.texte-qui-urgo {
    margin-top: 20px;
    color: #005EA9;
    text-align: justify;
}

.urgo_qui .titre-detail-service {
    /*margin-bottom: 30px!important;*/
}

.titre-detail-service.service_mea {
    margin-top:20px;
}

.titre-detail-service.no-left {
    left: 0px;
}

.row.left {
    position: relative;
    left: 70px;
}

.titre-dates {
    line-height: 20px;
    margin-bottom: 10px;
}

.sous-titre-detail-service {
    font-weight: 800;
    color: #005EA9;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

.container_decla .sous-titre-detail-service {
    align-self: center;
    text-align: center;
}

.sous-titre-detail-service h4 {
    font-weight: 800;
}

.sous-titre-detail-service h5 {
    font-size: 18px;
    margin-bottom: 5px;
}

.sous-titre-detail-service p {
    font-size: 11px;
    color: #005EA9;
    font-weight: 400;
}

.zoom-btn {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.zoom-btn:hover {
    zoom: 150%;
}

.sous-titre-detail-service h3 {
    font-weight: 800;
    color: #005EA9;
    text-align: left;
    font-size: 18px;
    margin-bottom: 0;
    margin-top: 15px;
}


.sous-titre-dates {
    color: #005EA9;
    font-size: 18px;
}

.sous-titre-reseaux-sociaux {
    font-weight: 900;
    color: #005EA9;
    text-align: left;
    font-size: 14px;
    margin-top: 15px;
}

.date-webinar {
    font-weight: 900;
    color: #005EA9;
    text-align: left;
    font-size: 20px;
    margin-top: 15px;
    margin-left: 15px;
}

.sous-titre-detail-produit {
    font-weight: 900;
    color: #005EA9;
    text-align: left!important;
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 15px;
}


.detail-sous-titre {
    color: #005EA9;
    text-align: left;
    font-size: 16px;
    margin-top: 10px;
}

.detail-texte-service {
    color: #005EA9;
    text-align: left;
    font-size: 14px;
    margin-top: 10px;
    font-weight: normal;
}

.detail-texte-service.service_mea {
    margin-top: 30px;
    margin-bottom: 20px;
}

.div_contacts, .div_plv {
    background-color: #EDF3FF;
    color: #005EA9;
    width: 120px;
    padding : 15px 20px;
    text-align: center;
    margin-bottom: 8px;
}

.div_publications {
    background-color: #EDF3FF;
    color: #005EA9;
    padding : 10px 20px;
    text-align: center;
    /*margin-bottom: 20px;*/
    /*margin-right: 20px;*/
    display: flex;
    gap: 10px;
    align-items: center;
}

.div_publications:hover {
    background-color: #BCD3FF;
}

.div_publications a:hover {
    text-decoration: none;
}

.div_plv {
    width: 155px;
    padding : 4px 8px;
}

.div_plv > a {
    text-decoration : none;
}

.div_download_produit, .div_video_produit {
    background-color: #EDF3FF;
    color: #005EA9;
    width: 160px;
    padding : 5px 20px;
    text-align: center;
    margin-top: 8px;
    margin-bottom: 8px;
}

.div_download_formation_produit {
    background-color: #EDF3FF;
    color: #005EA9;
    width: 300px;
    padding : 5px 20px;
    text-align: center;
    margin-top: 8px;
    margin-bottom: 8px;
}

.div_download_formation_produit > a:hover, .div_download_formation_produit > a:active {
    text-decoration: none;
}

.div_download_formation_produit:hover, .div_download_formation_produit > a:hover {
    background-color: #005EA9;
    color: white!important;
}

.div_download_reseaux {
    background-color: #EDF3FF;
    color: #005EA9;
    /*width: 160px;*/
    padding : 5px 20px;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 18px;
    display: inline-block;
}

.div_download_reseaux.disabled, .div_download_reseaux.disabled > *, .div_download_reseaux.disabled:hover {
    background-color: lightgray;
    cursor: not-allowed;
}

.lien_reseaux_sociaux {
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.lien_reseaux_sociaux a {
    text-decoration: underline;
    color: #0059FF;
}

.lien_reseaux_sociaux > img {
    max-width: 25px;
    margin-right: 5px;
}

.div_download_reseaux a {
    text-decoration: none;
}

.div_download_reseaux:hover {
    background-color: #BCD3FF;
}

.div_download_reseaux i {
    margin-right: 9px;
}

.div_video_produit {
    margin-left: 15px;
}

.border-bottom-service {
    /*position: absolute;*/
    border-bottom: 3px solid #005EA9;
    content: '';
    width: 150px;
    margin-top: 15px;
}
.border-bottom-service-long {
    /*position: absolute;*/
    border-bottom: 3px solid #005EA9;
    content: '';
    width: 100%;
    margin-top: 4px;
}

.border-bottom-service-long-new {
    /*position: absolute;*/
    border-bottom: 3px solid #BCD3FF;
    content: '';
    width: 100%;
    margin-top: 4px;
}

.produits-content, .produits-content-formation {
    border: 1px solid #00000029;
    box-shadow: #00000029 0 0 5px 3px;
    text-align: center;
    padding-top: 20px;
    height: 100%;
}

.image-produit {
    height: 185px;
    width: 131px;
}

.bloc-info {
    display: flex;
    flex-direction: column;
}

.actualite-urgo {
    border: 1px solid #00000029;
    box-shadow: #00000029 0 0 5px 3px;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.titre-actualite {
    color: #005EA9;
    font-size: 18px;
    font-weight: bold;
}

.chapeau-actualite {
    margin-top: 5px;
    color: #005EA9;
    font-size: 16px;
}

.texte-actualite {
    margin-top: 15px;
    color: #005EA9;
    font-size: 14px;
    /*min-height: 330px;*/
}

.animation-content-formation-video, .animation-content-formation, .animation-content-webinar {
    border: 1px solid #00000029;
    box-shadow: #00000029 0 0 5px 3px;
    text-align: center;
    padding-top: 0px!important;
    padding-bottom: 20px!important;

}

.gridAnimVideoParent {
    /*display: grid;*/
    /*grid-template-columns: repeat(3, 1fr);*/
    /*grid-template-rows: 1fr;*/
    /*grid-column-gap: 10px;*/
    /*grid-row-gap: 10px;*/

    display: flex;
    flex-wrap: wrap;
    gap: 15px;

}

.gridAnimVideoChild { grid-area: 1 / 1 / 2 / 4; }

.produits-content > img, .produits-content-formation > img {
    margin-top: 5px;
    max-height: 130px;
    max-width: 200px!important;
}

.row-formation {
    margin-top: 15px;
}

.libelle-operation-service {
    font-weight: 900;
}

.image-operation-service {
    max-height: 200px;
}



.border-bottom-service-margin-bottom {
    margin-bottom: 35px;
}

.slider-service {
    padding-right: 60px!important;
    padding-left: 60px!important;
}

.border-lightblue {
    border: 1px solid #BCD3FF;
    border-top: 5px solid #BCD3FF;
}

.row-service {
    margin: 55px 0px 0px 0px;
}

.row-service.row-service-no-margin {
    padding-left:0!important;
    padding-right:0!important;
}

.row-service > div {
    padding-right: 0;
    padding-left: 0;
}

.flex-center-h-v {
    display: flex!important;
    flex-direction: column!important;
    align-items: center!important;
    justify-content: center!important;
    flex: 1;
    height: 100%;
}

.flex-center-h {
    justify-content: center;
}

.flex-center-v {
    display: flex!important;
    /*align-items: center!important;*/
    flex-direction: column!important;
    /*text-align: left;*/
}


.titre-service-droite {
    font-size: 20px;
    font-weight: 900;
    color: #005ea9;
    margin-top: 10%;
}

.sous-texte-service-droite {
    font-size: 14px;
    color: #005ea9;
    margin-bottom: 25px;
}

.btn-primary-service-container {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;

}

.div-seperation-service {
    height: 80px;
}

.div-seperation-service-medium {
    height: 40px;
}

#searchEngine {
    /*margin-left: 25px;*/
    /*margin-right: 12px;*/
    /*width: 350px;*/
    /*min-width: 150px;*/
}

#searchIcon {
    position: absolute;
    /*right :40px;*/
    /*top: 8px;*/
    color: #BCD3FF;
    top: 50%;
    right: 6px;
    transform: translateY(-50%);
}

#select-thematique {
    /*width: 300px;*/
    padding: 16px 16px;
    background-color: #EDF3FF;
    /*position: absolute;*/
    /*right: 0;*/
    /*top: -5px;*/
    display: flex;
    gap: 20px;
    font-weight: 900;
    flex-wrap: wrap;
}

.btn-primary-service {
    border-radius: 25px!important;
    background-color: #BCD3FF!important;
    color: #005EA9!important;
    border: 1px solid #BCD3FF!important;
    font-weight: 900!important;
    padding-right: 20px!important;
    padding-left: 20px!important;
    font-size: 12px;
    /*width: 300px;*/
    /*flex: 1;*/
}

.btn-primary-service-formation {
    border-radius: 25px;
    background-color: #BCD3FF;
    color: #005EA9;
    border: 1px solid #BCD3FF;
    font-weight: 900;
    padding: 7px 20px;
    min-width: 400px;
    text-transform: uppercase;
}

.btn-primary-service-formation-inactive {
    background-color: #EDF3FF;
    border-radius: unset;
    border: unset;
}

.btn-primary-service-formation:nth-child(n+1) {
    margin-left: 30px;
}

.btn-primary-service:hover {
    background-color: #005EA9!important;
    color: #fff!important;
    border: 1px solid #005EA9!important;
}

.btn-primary-service:focus  {
    background-color: #005EA9;

}

.btn-large {
    min-width: 250px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.under_image-produit {
    margin-left: 20px!important;
    margin-right: 20px!important;
    display: flex;
    flex-direction: column;
}

.descriptif_produit {
    text-align: left;
    color: #005EA9;
    font-size: 12px;
    margin-bottom: 5px;
}

.descriptif_produit p {
    margin-bottom: 0;
    color: #005EA9;

}

.descriptif_operation_produit {
    display: none;
    margin-top: 8px;
    margin-bottom: 8px;
}

.switch_operation_produit {
    color: #5E96FF;
    cursor: pointer;
}

.switch_operation_produit > i {
    font-size: 18px;
}

.webinar_content {
    width: 100%;
}

.select-service {
    width: 100%;
    outline: none;
    border: 1px solid #F5F5F5;
    padding: 10px 6px 10px 0;
    margin-bottom: 5px;
    color: #001652!important;
    font-size: 12px;
    text-indent: 5px;
    background-color: #F5F5F5;
}

.select-service:invalid,
.select-service option[value=""] {
    color: lightgray;
}


.div-no-data {
    width: 100%;
    background-color: #EDF3FF;
    color: #005EA9!important;
    padding: 10px 10px;
    margin-top: 30px;
}


.select-thematique-libre {
    position: relative!important;
    top: unset!important;
}

#select-thematique.formation-video {
    /*width: 800px;*/
}

#select-thematique.formation-video > select {
    width: 300px;
}

#select-thematique.service_mea {
    width: 100%;
}

.service-webinar {
    position: relative!important;
    top: 50px!important;
    left: unset!important;
}


#selectMois {
    margin-left: 25px;
}

#select-thematique > select {
    background-color: white;
    color: #005EA9;
    width: 100%;
    padding: 7px 10px;
    font-size: 14px;
    border: 1px solid #D0DFFD;
}

.input-service {
    background-color: white;
    color: #005EA9;
    width: 100%;
    padding: 7px 10px;
    font-size: 14px;
    border: 1px solid #D0DFFD;
}

.input-service::placeholder {
    color : #BCD3FF;
}

.div-reseau-social {
    border: 1px solid #BCD3FF;
    width: 100%;
    padding: 0px 0 15px 15px;
    color: #005EA9;
    margin-top: 15px;
}

.div-reseau-social .sous-titre-detail-service, .bloc-sie-qui-urgo .sous-titre-detail-service {
    margin-top: 15px!important;
}

.bandeau-service-divers {
    width: 100%;
    background-color: #EDF3FF;
    color: #005EA9;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bloc-reseaux-sociaux-qui-urgo, .bloc-sie-qui-urgo {
    /*width: 100%;*/
    background-color: #EDF3FF;
    color: #005EA9;
    padding: 10px 15px 20px 15px;
}


.table-lien-urgo {
    color: #0059FF;
    font-size: 12px;
    border-collapse: separate;
    border-spacing: 5px
}

.container-icon-reseau {
    display: flex;
    flex: 1;
    justify-content: space-evenly;
    margin-top: 15px;
}

.icone-reseau {
    height: 50px;
    width: 50px;
    background-color: #BCD3FF;
    color: #5E96FF;
    font-size: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bandeau-service-divers-gauche {
    width: 40%;
    padding: 15px 15px;
}
.bandeau-service-divers-droite {
    /*width: 70%;*/
    font-size: 18px;
    padding: 15px 15px;
}

.bandeau-service-divers-droite a button {
    margin-top: 10px;
}

.bandeau-service-divers-droite > span {
    font-weight: 900;
}

.formation-gauche-webinar{
    /*width: 25%;*/
}

.formation-droite-webinar{
    justify-content: center;
    margin-left: 20px;
    margin-right: 20px;
}

.details-bloc p {
    color : #005EA9;
}

.details-bloc strong {
    font-weight: 800;
}

.display-flex{
    display: flex;
}

.contenur-formation {
    border: 1px solid #BCD3FF;
    padding-right: 10px;
}

.bandeau-bas-titre-formation {
    background-color: #EDF3FF;
    color: #005EA9;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 11px;
    font-weight: 900;
    max-width: 286px;
    height: 38px;
    font-size: 12px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.bandeau-bas-titre-formation i {
    margin-right: 6px;
}

.bandeau-bas-titre-formation:hover {
    background-color: #BCD3FF;
}

.link-no-decoration:hover, .link-no-decoration:active, .link-no-decoration:visited {
    text-decoration: none;
}

.conteneur-element-formation {
    grid-template-columns: repeat(5,1fr);
}

.conteneur-element-formation > div:first-child {
    border: 1px solid #BCD3FF;
    padding: 8px 15px;
}

.conteneur-element-formation  > div:first-child {
    /*color: #005EA9!important;*/
    color: #005EA9;
}

.blocs-formations-patho > div {
    /*height: 250px;*/
}

/*BODY*/

/*SLIDER*/

.slider-content {
    margin-top: 15px;
    text-align: center;
}

ul.slick-dots {
    background-color: #BCD3FF;
    border-radius: 20px;
    max-width: 350px;
    display: flex;
    justify-content: center;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: auto;
    position: unset;

}

.slick-dots li {
    margin-top: 2px;
}

.slick-dots li button:before {
    font-size: 12px;
    color: #005EA9;
    opacity: 1;
}

.slick-prev:before, .slick-next:before {
    color: #005EA9;
    font-size: 26px;
}

.slick-dots li.slick-active button:before {
    color: white;
}

.prev-arrow-custom, .next-arrow-custom {
    cursor: pointer;
}



.slider-content-item:first-child {
    margin-left: 0px!important;
}

.slider-content-item:last-child {
    margin-right: 0px!important;
}

.prev-arrow-custom {
    color: #005EA9;
    padding: 1px 15px 0 35px;
    display: none;

}

.next-arrow-custom {
    color: #005EA9;
    padding: 1px 35px 0 15px;
    display: none;

}


/* TUTO MODAL */

.cont_tuto {
    text-align: center;
    display: flex !important;
    flex-direction: column;
    align-items: center;
}

.tuto_titre, .tuto_texte {
    color: #005EA9;
    font-size: 14px;
}

.tuto_titre {
    font-weight: 800;
    margin-bottom: 1em;
}

.tuto_texte {
    padding: 0 1em 0 1em;
}

.tuto_img {
    margin-top: auto;
}

#slider-tuto {
    margin-bottom: 1em;
    overflow: hidden;
}

#slider-tuto .slick-list.draggable{
    margin-bottom: 1em;
}

#slider-tuto:not(.slick-initialized) .cont_tuto:not(:first-of-type) {
    display: none !important;
}

#modal-tuto-btn-container {
    text-align: center;
}

#modal-tuto-btn-end {
    display: none;
}

.popup-tuto .swal2-styled:focus {
    box-shadow: none !important;
}
/*UPLOADER*/

#containerDetailService .isaffic {
    position: relative!important;
    top:-150px!important;
}

.uploaderContainer {
    border: 2px dashed lightgray;
}

.previewUploaded {
}

.input-uploader {
    position: absolute;
    z-index: -1;
    color: transparent;
}


.bloc-msg-intmail {
    width: 55%;
    padding: 8px 8px;
    margin-top: 10px;
    border-radius: 20px;

}

.bloc-msg-intmail:last-child {
    margin-bottom: 45px;
}

.bloc-msg-intmail-gauche {
    float: left;
    border: 1px solid #001652;
    color: #001652;
    border-top-left-radius: 0;
}

.bloc-msg-intmail-droite {
    float: right;
    border: 1px solid #5E96FF;
    color: #5E96FF;
    border-top-right-radius: 0;
}

.display-file-intmail {
    display: flex;
    justify-content: space-evenly;
}

.dl-file-intmail {
    background-color: #EDF3FF;
    color: #005EA9;
    padding: 5px 20px;

}
#bloc_affiche_images.id-previews-photo{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 5px;
}
#bloc_affiche_ranking.id-previews-photo{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 5px;

}
#bloc_affiche_publication.id-previews-photo{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 5px;

}
#bloc_affiche_animation.id-previews-photo{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 5px;

}
#bloc_pdf.id-previews-photo{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 5px;

}
#bloc_cat_visuel_met.id-previews-catalogue_visuel_met{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 5px;
}

#bloc_cat_pdf_met.id-previews-catalogue_pdf_met{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 5px;
}
#bloc_cat_visuel_domtom.id-previews-catalogue_visuel_domtom{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 5px;
}
#bloc_cat_pdf_domtom.id-previews-catalogue_pdf_domtom{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 5px;
}

#bloc_tarifs_visuel_met.id-previews-tarifs_visuel_met{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 5px;
}
#bloc_tarifs_pdf_met.id-previews-tarifs_pdf_met{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 5px;
}
#bloc_tarifs_visuel_domtom.id-previews-tarifs_visuel_domtom{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 5px;
}
#bloc_tarifs_pdf_domtom.id-previews-tarifs_pdf_domtom{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 5px;
}

.dl-file-services > div[id^=fic_]{
    border: 1px solid #5E96FF;
    width: 100%;
    margin-left: 0;
    margin-top: 5px;
    max-height: 150px;
    padding: 5px 0px;
}

.dl-file-services{
    text-align:center;
}


.bloc-msg-services:last-child {
    margin-bottom: 45px;
}

.bloc-msg-services-gauche {
    float: left;
    /*border: 1px solid #5E96FF;*/
    color: #001652;
    border-top-left-radius: 0;
}






.dl-file-services .img-mini{
    width:60%;
}
.dl-file-services .delete_uploaded_file img, .new_service_display .delete_uploaded_file img{
    width:50%;
}


form.small-input .service_new_gauche{
    margin-left:0px;
    margin-right:0px;
}
.decla-produit::-webkit-outer-spin-button,
.decla-produit::-webkit-inner-spin-button {
    /* Chrome, Safari, Edge, Opera */
    -webkit-appearance: none;
    margin: 0;

}


/* BO SERVICES */

.titre_service_bo {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 20px;
    width: 100%;
    margin-top: 50px;
    padding-bottom: 5px;
    border-bottom: solid 3px #005EA9;
}

.titre_service_bo h3{
    margin: 0;

}
.titre_service_bo i {
    color: #005EA9;
}


/* Firefox */
.decla-produit input[type=number] {
    -moz-appearance: textfield;
}



/*UPLOADER*/


/*SLIDER*/

@media (min-width: 500px) {
    .conteneur-element-formation {
        margin-top: 20px;
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 25px;
    }
}

@media (max-width: 500px) {
    .conteneur-element-formation {
        margin-top: 20px;
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 25px;
    }
}

@media (max-width: 768px) {
    .formation-gauche-webinar {
        display: none;
    }

    .bandeau-service-divers {
        margin-bottom: 12px;
    }

    .bandeau-service-divers-gauche img {
        width: 80%;
    }
}

@media (max-width: 767px) {
    body.responsive_menu {
        position: relative;
    }
    body.responsive_menu .bandeau_top_navbar_services {
        margin-top: 11px;
    }
    body.responsive_menu .bandeau_top_navbar_services img {
        margin-top: 2px;
    }
    body.responsive_menu .navbar.navbar-default.navbar-front {
        position: absolute;
        top: 0;
        left: 13px;
    }
    body.responsive_menu .navbar-default .navbar-toggle {
        border: unset;
    }
    body.responsive_menu .navbar-default .navbar-toggle .icon-bar {
        height: 3px;
        background-color: #005EA9;
    }
    body.responsive_menu .navbar-collapse,
    body.responsive_menu .navbar-collapse.collapse {
        position: absolute;
        top: 52px;
        left: 0;
        width: 100vw;
        background-color: white;
        height: 100vh;
        overflow: hidden;
        z-index: 1000;
    }

    body.responsive_menu .nav.navbar-nav {
        height: 100vh;
    }
    body.responsive_menu .nav.navbar-nav li {
        margin-left: 50px;
        font-size: 18px;
        border-bottom: 1px solid #BCD3FF;
        width: 85%;
        min-height: 45px;
    }
    body.responsive_menu .nav.navbar-nav li ul.dropdown-menu li {
        margin-left: 20px;
    }
    body.responsive_menu .nav.navbar-nav li:last-of-type {
        border-bottom: unset;
    }

    body.responsive_menu .icon-bar {
        transition: all 0.1s ease-out;
    }

    body.responsive_menu .navbar-header button.navbar-toggle:not(.collapsed) .icon-bar:nth-child(2) {
        transform: rotate(45deg) translate(5px, 5px);
    }
    body.responsive_menu .navbar-header button.navbar-toggle:not(.collapsed) .icon-bar:nth-child(3) {
        opacity: 0;
    }
    body.responsive_menu .navbar-header button.navbar-toggle:not(.collapsed) .icon-bar:nth-child(4) {
        transform: rotate(-45deg) translate(5px, -5px);
    }
}

body.responsive_menu .nav.navbar-nav {
    background-color: white;
}

@media (min-width: 768px) {

    .urgo-menu-services.navbar-default .navbar-nav > li > a:before {
        display: inline-block;
        width: 1px;
        height: 15px;
        background-color: #005ea9;
        content: '';
        position: relative;
        left: -15px;
        top: 3px;
    }

    .urgo-menu-services.navbar-default .navbar-nav > li:first-child > a:before {
        display: none;
    }

    .urgo-menu-services .navbar-collapse .nav > .divider-vertical {
        display: none;
    }

    .page-detail-pharmacie .remove-right-padding {
        padding-right: 0;
    }

    .conteneur-element-formation {
        grid-template-columns: repeat(2,1fr);
    }
}

@media (min-width: 900px) {

    #banniere_patho {
        display: block;
    }

    .display-grid.detail-pathologie {
        grid-template-areas: 'visuel details details';
    }

    .titre-service-droite {
        font-size: 32px;
    }

    .pathologie-arrow-down {
        display: block;
    }

    .pathologie-arrow-down > .titre-service-fleche > i {
        position: unset!important;
        margin-top: 20px;
    }

    .display-grid.detail-pathologie-btn {
        grid-template-columns: repeat(12, 1fr);
    }

    .detail-pathologie-btn > .grid-child:nth-child(1) {
        grid-column: span 4;
    }

    .detail-pathologie-btn > .grid-child:nth-child(2) {
        grid-column: span 4;
    }

    .detail-pathologie-btn > .grid-child:nth-child(3) {
        grid-column: span 4;
    }

    .detail-pathologie-btn > .grid-child:nth-child(4) {
        grid-column: span 6;
    }

    .detail-pathologie-btn > .grid-child:nth-child(5) {
        grid-column: span 6;
    }

    .detail-pathologie-btn > .grid-child:nth-child(6) {
        grid-column: span 12;
    }

    .display-grid.slider-content-item-grid {
        grid-template-columns: repeat(3, 1fr)!important;
    }

    .slider-content-item {
        margin-left: 25px;
        margin-right: 25px;
        margin-bottom: 25px;
    }

    .produits-content-formation {
        /*height: 300px;*/
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .produits-content-formation > .under_image-produit {
        /*position: absolute;*/
        /*bottom: 5px;*/
    }

    .conteneur-element-formation {
        grid-template-columns: repeat(3,1fr);
    }


}

@media (min-width: 1200px) {
    .conteneur-element-formation {
        grid-template-columns: repeat(4,1fr);
    }
}

@media (min-width: 1600px) {
    .conteneur-element-formation {
        grid-template-columns: repeat(5,1fr);
    }
}