@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap");

body {
    padding-top: 126px;
    color: #323638;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-size: .9rem;
}
h2 {
    font-size: 1.4rem;
}
a {
    color: #323638;
}
a:hover {
    color: #dd3a02;
}
.table thead td, .table thead th {
    color: #dd3a02;
    border-color: #fdd139;
    text-transform: uppercase;
    font-weight: 700
}
.table thead td:after, .table thead th:after {
    content: "\f0dd";
    font-family: "Font Awesome 5 Free";
    color: #dd3a02;
    font-size: 1rem;
    display: block
}
.table thead, .table tbody tr {
    border-bottom: 1px solid #fdd139
}
.bg-light {
    background-color: #fff!important;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}
.navbar-light .navbar-nav .nav-link {
    color: #323638;
    font-size: 1.2rem;
}
.navbar-brand img {
    height: 100px;
    transition: all .3s ease-in-out;
}
.scrolled-nav .navbar-brand img {
    height: 40px;
    transition: all 1s ease-in-out;

}
.navbar-collapse .col {
    border-right: 1px solid #dd3a02;
}
.navbar-collapse .col:last-child {
    border-right: none;
}
.navbar-collapse h6, .navbar-collapse b {
    font-weight: 700;
}
.navbar-collapse h6 b {
    font-weight: 800;
}
.jumbovision {
    color: #fff;
    background-color: #2f3436;
    background-color: rgba(50, 54, 57, 1);
    /*background-image: url("../img/jumbotron_tr.png"), url("../img/jumbotron_br.png");
    background-position: right top, right bottom;
    background-repeat: no-repeat, no-repeat;*/
}
[data-slides] {
    /*background-image: url(/ressources/bandeau/2000_800_slider1_1.jpg); /* Default image. */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-transition: background-image 0.3s ease-in-out;
    transition: background-image 0.3s ease-in-out;
}

/* Use additional CSS to control the `height` of `[data-slides]`, like so: */



.jumbovision .rotate h3 {
    transform: rotate(-90deg);
    position: absolute;
    left: -60px;
    top: 90px;
    font-weight: 700;
    font-style: italic;
    font-size: 4rem;
    color: #000;
    z-index: 1029;
}
.jumbovision b {
    font-weight: 800;
}
.jumbovision a {
    color: #fff;
}


.jumbovision .gradient-background-wrapper {
    position: relative;
}
.jumbovision .gradient-background {
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 60%, rgba(50, 54, 57, 1) 100%);
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}


.scroll-link {
    /*position: absolute;
    bottom: 1rem;
    left: 60%;*/
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    /*z-index: 1029;*/
}
@media (max-width: 576px){
    /*.scroll-link {
	bottom: 6rem;
    }*/
    #slider {
	margin-bottom: 100px
    }
}
.scroll-link img {
    animation: bounce 2s ease infinite
}
@keyframes bounce{
    from {transform: translateY(0);}
    50%   {transform: translateY(-20px);}
    to   {transform: translateY(0);}
}
.btn-orange {
    color: #fff;
    background-color: #dd3a02;
    border-color: #dd3a02;
}
.btn-orange:hover {
    color: #fff;
    background-color: #842100;
    border-color: #842100;
}
.btn-orange:focus, .btn-orange.focus {
    color: #fff;
    background-color: #842100;
    border-color: #842100;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.btn-orange.disabled, .btn-orange:disabled {
    color: #fff;
    background-color: #842100;
    border-color: #842100;
}
.btn-orange:not(:disabled):not(.disabled):active, .btn-orange:not(:disabled):not(.disabled).active,
.show > .btn-orange.dropdown-toggle {
    color: #fff;
    background-color: #842100;
    border-color: #842100;
}
.btn-orange:not(:disabled):not(.disabled):active:focus, .btn-orange:not(:disabled):not(.disabled).active:focus,
.show > .btn-orange.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.section-fond{
    background: #f5f5f5;
}
section h2 {
    color: #dd3a02;
    font-weight: 700;
}
section .list-unstyled {
    font-weight: 700;
    line-height: 2;
}
section .list-unstyled li a:hover:before, section .list-unstyled li a.active:before {
    content: "\f061";
    font-family: "Font Awesome 5 Free";
    color: #fff;
    font-size: .6rem;
    background: #e24800;
    margin-right: 0.8em;
    padding: 10px;
    border-radius: 50%;
}
.content {
    position: relative;
    margin: auto;
    overflow: hidden;
}
.content a {
    text-decoration: none;
}
.content .content-overlay {
    background: rgba(0,0,0,0.7);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    transition: all 0.4s ease-in-out 0s;
}
.content:hover .content-overlay{
    opacity: 1;
}
.content-image{
    width: 100%;
}
.content-details {
    position: absolute;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease-in-out 0s;
}
.content:hover .content-details{
    top: 50%;
    left: 50%;
    opacity: 1;
}
.content-details h3{
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.15em;
    margin-bottom: 0.5em;
    text-transform: uppercase;
}
@media (max-width: 576px){
    .content-details h3 {
	font-size: 1rem;
    }
}
.content-details p{
    color: #fff;
    font-size: 0.8em;
}
.content-details b{
    color: #fdd139;
    font-weight: 800;
}
.fadeIn-top{
    top: 20%;
}
.titre-orange {
    background: #dd3b03 url("../img/fond_titre.png") top right no-repeat;
    color: #fff;
    padding: 10px;
    font-size: .9rem;
    font-weight: 700;
}
.titre-orange a {
    color: #fff;
}
.text-orange {
    color: #e24800;
}
.text-jaune {
    color: #fdd139;
}
.titre-onglet:before {
    content: url(../img/titre_onglet.png);
    position: absolute;
    top: 0;
    left: 50px;
}
.titre-orange.titre-onglet {
    padding-left: 80px;
}
.ensavoirplus {
    background: url("../img/ensavoirplus.png") top right no-repeat;
    display: block;
    text-indent: -9999999px
}
.b-r-o {
    border-right: 5px solid #e24800;
}
.b-r-y {
    border-right: 2px solid #fdd139;
}
.b-b-y {
    border-bottom: 2px solid #fdd139;
}
footer {
    background: #343b3b url("../img/fond_footer.png") top right repeat-y;
    color: #fff
}
footer a {
    color: #fff
}
footer a:hover {
    color: #fdd139
}
.footer {
    background: #dd3a02;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #dd3a02;
    font-weight: 700;
}
/*.nav-tabs .nav-link.active:before {
    content: "\f0dd";
    font-family: "Font Awesome 5 Free";
    color: #dd3a02;
    margin-right: 10px
}*/
.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #dd3a02;
    background-color: #dd3a02;
}
.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: rgba(221, 58, 2, .25);
    border-color: rgba(221, 58, 2, .25);
}
.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(221, 58, 2, .25);
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #dd3a02;
}
.nav-pills .nav-link {
    padding: .1rem .5rem;
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #dd3a02;
}
.pointer {
    cursor: pointer
}
.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #dd3a02;
    border-color: #dd3a02;
}
.figure-img {
    cursor: pointer
}


.infoAnalyse + .infoAnalyse {
	border-top: 1px solid #ccc;
	margin-top: 20px;
	padding-top: 20px;	
}

.bloc-laboratoire + .bloc-laboratoire {
    margin-top: 35px;
}

.bloc-laboratoire .accordion + .accordion {
    margin-top: 15px;
}