/* 
	•	Bleu ciel : rgb(236,248,246)
	•	Jaune pâle : rgb(254,234,161)
	•	Orange : rgb(214, 149, 91)
	•	Vert foncé : rgb(34, 109, 104)
	•	Vert encore plus foncé : rgb(24, 83, 79)
    */

body {
    background-color:rgb(236, 248, 246);
    margin: 0;
    padding: 0;
}
#siteTitle{
    background-color: rgb(214, 149, 91);
    color: white;
}
#breadcrumb {
    background-color:rgba(34, 109, 104,0.3);
    padding:12px;
    margin: 0;
    color: rgb(34, 109, 104);
    font-size: 1.1em;
}
#breadcrumb a {
    color: rgb(34, 109, 104);
    text-decoration: none;
    padding: 4px 12px;
    margin:0;
    border-radius: 32px;
    border : 1px solid rgba(34, 109, 104, 0.3);
}
#breadcrumb 
.breadcrumb-home a { border: 1px solid transparent; }
#breadcrumb a:hover {
    color: white;
    background-color: rgb(34, 109, 104);
}
#breadcrumb .part1,#breadcrumb .part2, #breadcrumb .part3 {
    margin: 0 6px;
}
#goHome {
    background-color:rgb(34, 109, 104);
    color: white;
    border-radius: 32px;
    padding: 6px;
    margin: 0 6px 0 0;
}
.maincontent {
    background-color: white;
}

h2 {

}

h3 {
    font-family: "Alegreya Sans";
}
h4 {
    font-family: "Alegreya Sans";
}
h5 {

}

#footer {
    color:rgb(102,102,102);
    box-shadow:0 -5px 0 0  rgba(0,0,0,0.1); 
    font-size: 0.8em;
}
#footer a{
    color:rgb(51,51,51);
}
.line-through {
    text-decoration: line-through;
    background-color: yellow;
}

.bg-marine {
    background-color:rgba(0,78,120);
}
.btn-marine{
    color:white !important;
    background-color:rgba(0,78,120,0.8);
}
.btn-marine:hover {
    border-color:rgba(0,78,120);
    background-color:rgba(0,78,120);
}
.bg-sky {
    background-color:rgba(209,232,250);
}
.btn-sky {
    background-color:rgba(209,232,250,0.5);
}
.btn-sky:hover {
    border-color:rgba(209,232,250);
    background-color:rgba(209,232,250);
}
.bg-gold {
    background-color:rgba(183,163,112);
}
.btn-gold {
    background-color:rgba(183,163,112,0.5);
}
.btn-gold:hover {
    border-color:rgba(183,163,112);
    background-color:rgba(183,163,112);
}

@media screen and (min-width: 768px) {
    #mainSection {
        top: -50px;
    }
    #Taureau {
        position: absolute;
        top: 10px;
        left: -60px;
        height: 236px;
        width: auto;
    }

}