@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,300,500,700");
@import url('https://fonts.googleapis.com/css?family=Questrial');

header a {
    color: #EEE;
}

.header-logo {
    font-size: 3em;
    color: #ddd;
}
.header-slogan {
    font-size: 0.7em;
    margin: 1em;
    color: #ddd;
}

body {
    font-family: 'Questrial', sans-serif;
    background-color: #f5f5f5 !important;
}

.jumbotron {
    margin-bottom: 0;
}
main {
    position: relative;
}

h1 {
    color: #E8630A;
}

h4 {
    color: #2B4353;
}

.accordion-link {
    color: #17a2b8;
    font-size: 1.2rem;
}
.accordion-info {
    font-size: 0.8rem;
    display: block;
    margin-left: 2em;
}

#map,
#map-overlay{
    position:absolute;
    top:0;
    bottom:0;
    width:100%;
}
.mapboxgl-ctrl-bottom-left,
.mapboxgl-ctrl-bottom-right {
    display: none;
}

#map-overlay {
    background-color: rgba(248, 249, 250, 0.4)
}


.img-thumbnail {
    max-height:200px;
}


/**
 * Sociétés membres
 */
.company-item {
    height: 90px;
}
.company-logo-sm {
    max-height: 70px;
    max-width: 150px;
}

.company-logo {
    max-height: 100px;
    max-width: 190px;
}

.modal-lg {
    max-width: 950px;
}

/**
 * Base documentaire
 */
.table.acteo-documents td {
    vertical-align: middle;
    padding: 0.4rem;
}
.table.acteo-documents a {
    color:#ffffff;
}
.table.acteo-folders a {
    color: #2B4353!important;
}

.document-description {
    font-style: italic;
    font-size: 0.9rem;
}
/**
 * Présentation
 */
.equipe-thumbnails {
    position: relative;
    min-height: 460px;
}

.equipe-thumbnails > div {
    position: absolute;
    padding: 0.8rem;
}
.equipe-thumbnails > div > img {
    width: 110px;
    float:left;
}
.equipe-thumbnails h4 {
    width: 170px;
    color: white;
    font-size: 1.2rem;
    float: left;
    text-align: left;
    margin-left: 0.3em;
}
.equipe-thumbnails h5 {
    width: 170px;
    color: white;
    font-size: 1rem;
    float: left;
    text-align: left;
    margin-left: 0.3em;
}
.equipe-thumbnails a {
    margin: 1rem 0.3em;
    color: white;
    font-style: italic;
    float: left;
}

.equipe-thumbnails > div:nth-child(1) {
    top:0;
    left: 0;
    background-color: #48c0b2;
}
.equipe-thumbnails > div:nth-child(2) {
    top:90px;
    right: 0;
    background-color: #FF9966;
}
.equipe-thumbnails > div:nth-child(3) {
    top:245px;
    left:0;
    background-color: #8DA9DB;
}
.equipe-thumbnails > div:nth-child(4) {
    top:365px;
    right: 0;
    background-color: #62929A;
}
.equipe-thumbnails > div:nth-child(5) {
    top:485px;
    left: 0;
    background-color: #62929A;
}

#missions h5 {
     background-color: #2b4353!important
}

/**
 * Navigation
 */
a#presentation-link {
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
}

#sidebar .card-text {
    font-size: 1.2em;
}

.content{
    position: relative;
    padding: 2em 0;
}

.content nav a {
    color: #343a40!important;
}

a.card {
    color: #EDEDED;
    font-weight: 600;
    text-decoration: none;
}

a.card:hover {
    color: #333333;
    font-weight: 600;
    background-color: #EDEDED;
}

.secondary-menu a{
    font-size: 1.5em;
    color: #343A40;
}

#index .card-body,
#sidebar .card-body {
    text-align: center;
    font-weight: 200;
    padding: 2em;
}

.card-body.card-small {
    padding: 2em;
}

form .card-text {
    color: white;
}

.card-text {
    margin:1em 0 2em 0;
    font-size: 2em;
}

.nav-pills > li > a > h4 {
    margin-bottom: 0;
}

.nav-pills > li > a > h4 {
    color: #17a2b8;
}

.nav-pills > li > a.active {
    background-color: #17a2b8!important;
}
.nav-pills > li > a.active > h4 {
    color: white;
}

/**
 * Colors
 */
.acteo-color-paleblue{
    background-color: #70cadb;
}

.acteo-color-green {
    background-color: #54A1B7;
}

.acteo-color-green2 {
    background-color: #18a689;
}

.acteo-color-darkblue {
    color: #EDEDED;
    background-color: #235784;
}

.acteo-color-orange {
    color: #EDEDED;
    background-color: #E8630A;
}

.acteo-color-blue {
    background-color: #2D93FB;
}

.acteo-color-red {
    background-color: #FA5563;
}
.acteo-color-grey {
    background-color: #2B4353;
}


.fc-day-header {
    color: #E8630A;
}

footer {
    padding: 2em;
}