﻿html {
  font-size: 14px;
}

html {
  font-size: 14px;
}

body{
  margin-bottom:0!important;
}

header, .Navbar {
    height: 3rem!important;
}

/*index*/
h1{
    font-family: montserrat;
    color: #8bbd3a!important;
}

  .img_home{
    width: 100%;
}

.line_date{
    background-image: 
    linear-gradient(to bottom, rgba(0,0,0, 0) 70%,rgba(255, 255, 255, 1)),
    linear-gradient(90deg, rgba(0,95,125,0.7) 10%, rgba(139,189,58,0.7) 90%),
    url(../images/campus_ecole_ingenieur_dijon.jpg);
    background-position: 0%;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 80%;
    color: white!important;
}

.line_date h1{
    font-size: 4rem;
}

.line_date2 {
    background-image:
        linear-gradient(to bottom, rgba(0,0,0, 0) 70%,rgba(255, 255, 255, 1)),
        linear-gradient(90deg, rgba(0,95,125,0.7) 10%, rgba(139,189,58,0.1) 90%),
        url('../images/genias/Assise IA générative.jpg');
    background-position: 0%;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 80%;
    color: white !important;
}

.list-group-numbered {
    max-height: 400px;
    overflow-y: auto;
}

.img_years {
    width: 100%;
    margin: auto;
}
  
.titre_para{
    font-family: montserrat;
    color: #005f7d!important;
}

.txt_para{
    
    font-family: sans-serif;
}

iframe, object, embed{max-width: 100%;}

.yt{
    width: 70%;
    margin: auto;
}

.yt h2{
    color: #005f7d;
}

.img_2023_1{
    width: 12rem!important;
    margin: auto;
}

.contact{
    background: rgb(0,95,125);
    background: linear-gradient(90deg, rgba(0,95,125,1) 10%, rgba(139,189,58,1) 90%);
    font-family: montserrat;
}

/*Archive*/
.card_img{
    height: 9rem!important;
    object-fit: cover;
    object-position: 0 40%;
    opacity: 0.8;
}

.marg{
    width: 70%;
    margin: auto;
}

.text_justify{
    text-align: justify!important;
}

.dot_1{
    height: 1rem!important;
    width: 1rem!important;
    background-color: #8bbd3a;
    border-radius: 50%;
    display: block;
    margin: auto;
  }

.card-img-top{
    width: 100%;
}

.card_sponsors{
    /*width: 15rem;*/
    padding: 1rem;
    margin: auto;
}

.card_sponsors h5{
    font-size: 0.8rem!important;
}

.team .card{
    margin: auto;
}

.team .card h5{
    font-size: 1rem!important;
}

.team .card p{
    font-size: 0.9rem!important;
}


@media (max-width: 1200px){
    .card_sponsors,.team .card{
        width: 12rem!important;
    }
}

@media (max-width: 1000px){
    .card_sponsors,.team .card{
        width: 10rem!important;
    }
}

@media (max-width: 768px){
    .card_sponsors{
        margin-top: 3rem!important;
        width: 15rem;
    }
    .team .row{
        flex-direction: column;
    }

    .team .col-3{
        width: 100%!important;
    }

    .team .card{
        margin-top: 3rem!important;
        width: 15rem!important;
    }

}

.img_foot{
    width: 10%;
    margin: auto;
    min-width: 100px;
}

.card h2{
  color: white!important;
}

.btn-primary {
    color: #fff;
    background-color: #005f7d!important;
    border-color: #005f7d!important;
}

.porteur{
  border: 0.2rem solid #005f7d;
  border-radius: 10px;
  padding: 10px;
  margin-left: 1%!important;
  margin-right: 1%!important;
  color: #005f7d;
}

.porteur p{
  margin: 0!important;
}

.titre_re{
  font-family: montserrat;
  color: #8bbd3a!important;
}

.link_part{
    text-decoration: none;
    color: black;
}

.card,.img_2023_1{
    transition: transform 0.5s;
}

.card:hover,.img_2023_1:hover{
    transform: scale(1.05);
}

.du_ias{
    background: rgb(0,95,125);
    background: linear-gradient(90deg, rgba(0,95,125,1) 10%, rgba(139,189,58,1) 90%);
    color: white!important;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}
