/*--------------------------------------------------------------
# Body
--------------------------------------------------------------*/

body {
    background: #353944;
    color:#BDC0CC;
    min-height: 75rem;
    padding-top: 3.5rem;
}


/*
*
* ==========================================
* GENERAL
* ==========================================
*
*/


.grotrait {
border-bottom:2px solid #3F4551;    

}

.titrait {
border-bottom:1px solid #8A8A8A;
}

.insitu {
 text-align: center;
 font-style: italic;
 padding-top: 10px;
 padding-bottom: 3px; 
 color: #8A8A8A;
 color: #C9CCD9;
}

.reference {
 text-align: center;
 font-style: italic;
 padding-top: 10px;
 padding-bottom: 3px; 
 color: #8A8A8A;
}

.underline {
  text-decoration: underline;
}

/* couleur liens */

a {
  color: #fff;
  text-decoration: none;
}


a:hover {
  text-decoration: none;
  background: #6d7fcc;  
  transition: all 0.5s ease-in-out;
}



/* couleur text */

.col-txt1 { color:#CECECE;}


/*
*
* ==========================================
* Sections et blocs
* ==========================================
*
*/


.section-nice {
    padding-top: 10px;
}


.site-plongee {
    border: 1px solid #3F4551;
    background: #434F5D;
}



/*
*
* ==========================================
/* pagination
* ==========================================
*
*/

.arrow-size {
font-size: 2em; }


.page-link {
  color: #fff;
  background-color: #3F4551;
  border: 1px solid #3F4551;
}


.page-link:hover {
  color: #fff;
  background-color: #6d7fcc;
  border-color:  #6d7fcc;
}

.page-item.disabled .page-link {
  color: #6c757d;
  background-color: #3F4551;
  border-color:  #3F4551;
}


/*
*
* ==========================================
* Modal apropos
* ==========================================
*
*/


.apropos a {
  color: #fff;
  text-decoration: none;
  transition: all 0.5s ease-in-out;
}

.apropos a:hover,
.apropos a:focus {
  color: #fff;
  transition: all 0.5s ease-in-out;
  
}



.apropos.modal-content{
  color:#BDC0CC;
  background-color: #434F5D;
  text-decoration: none;
}

.apropos.modal a {
  color:#fff;
}


.apropos.modal a:hover {
  background-color: #6d7fcc;
  text-decoration: none;
  color: #fff;
  border-color:  #6d7fcc;
}


.apropos a:visited {
  color: red;
  text-decoration: none;
  transition: all 0.5s ease-in-out;
  background-color: #6d7fcc;
}


/*
*
* ==========================================
* Navbar
* ==========================================
*
*/


.navbar {
    transition: all 0.4s;
    padding: 0.3rem 0 0.3rem 0 !important; 
}


.navbar-dark .navbar-nav .active > .nav-link
{
  color: #fff;
  background-color: #636FA3;
}

.navbar-dark .navbar-nav .nav-link:hover, 
.navbar-dark .navbar-nav .nav-link:focus {
  color: #fff;
  background: #6d7fcc;
}



/* ========================================== */

.dropdown-menu, .dropdown-item  {
  color: #fff;
  background-color: #3F4551
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #636FA3;
}

.dropdown-item:hover, .dropdown-item:focus {
  color: #fff;
  background: #6d7fcc;
}


/*
*
* ==========================================
* Card sur les pages d'acceuil
* ==========================================
*
*/


.card {
  background: #434F5D;
  color: #fff;
}

.card li {
  background: #434F5D;
  color:#AEAEAE;
}

.card a {
  color:#CECECE;
  border-color:#BDC0CC;
  text-decoration: none;
  background: #434F5D;
  /*background: #3F4551; */
  transition: all 0.5s ease-in-out;
}

.card a:hover {
  background-color: #6d7fcc;
  color: #fff;
}



/*
*
* ==========================================
* Hide text on Mare sur les pages d'acceuil
* ==========================================
*
*/


@media (min-width: 768px) {
  .collapse.dont-collapse-sm {
    display: block;
    height: auto !important;
    visibility: visible;
  }
}


.text-toggle[aria-expanded=false] .text-expanded {
  display: none;
}

.text-toggle[aria-expanded=true] .text-collapsed {
  display: none;
}