/* import général*/
@import url(/CSS/general.css);

/*import header */
@import url(/CSS/header.css);

/* import footer */ 
@import url(/CSS/footer.css);


/* main */
/* Ecole AlGhazali - elementaire.html - college.html - lycee.html */


#myTabContent{
    padding: 2rem;
    margin: 0 1rem 1rem 1rem;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    box-shadow: 1px 3px 5px black;
    min-height: 50vh;
}

#presentation-tab, #photos-tab, #organisation-tab, #resultats-tab{
    color: #725233;
}

#myTab{
    border-bottom: 0px;
    margin: 0 12px;
}

#myTab .active{
    margin-bottom: -2rem;
    border-bottom: none;
    color: #587528;
    font-weight: bold;
}

#myTab .nav-item{   
    padding-bottom: 0;
}

#myTabContent h3{
    padding-bottom:  2rem;
    color: #68991a;
}  

#myTabContent h4{
    padding-top: 2rem;
    color: #5a7a25;
    text-decoration: underline;
}  

#recit{
    font-size: 1rem;
    font-family: 'Gideon Roman', cursive;
    font-weight: bold;
}

/* Evenements */ 

.figure{
    display: block;
}

figcaption{
    font-size: 0.8rem;
    text-align: center;
}

.img-cm2{
    display: block;
    width: 100%;
    height: auto;
    margin: 1rem auto;
    padding-bottom: 0.3rem;
    border-bottom: 0.5px solid rgba(150, 150, 150, 0.5);
}

#signature-cm2{
    text-align: right;
    font-weight: bold;
    color: #725233;
    text-decoration: underline;
    margin-bottom: 2rem;
}

/* icon - i */
.fa-question{
    color: #68991a;
}

#or{
    color: gold;
}

.fa-dove{
    color: gray;
}

.fa-fort-awesome{
    color:burlywood;
}

.fa-bus{
    color:goldenrod;
}

.fa-clock{
    color:lightcoral;
}

@media screen and (min-width:768px){
    #recit{
        font-size: 1.2rem;
    }
    
    .img-cm2{
        width: 60vw;
        height: auto;
        margin: 0.5rem  auto;
    }
}

@media screen and (min-width:1024px){
    #recit p{
        font-size: 1.2rem;
    }
    
}