/**** Couleurs 
	Vert jaune #cccc33 Vert Bleu foncé #339999 Rouge marron #cc6600 
****/
/***************** ACCORDEON ****/
#accordeon{}
.accordeon-item .active{
	background:#cccc33;color:#000;
	}
.accordeon-header{
	padding:10px;cursor: pointer;
	background:#cccc33;color:#000;
	}
.accordeon-header:hover,.active .accordeon-header{background: #339999;color:#fff;}
.accordeon-content{
	padding:10px;
	color:#339999;
	border: 1px solid #cccc33;
	}
/***************** NAVBAR ****/
nav.navbar{background-color:#339999 !important;}
/**** Navbar Gauche **/
nav.navbar > .navbar-brand{padding-left:130px;}
nav.navbar > .navbar-brand > .navbar-item img {
  z-index:10;position:fixed !important;top:0;left:0;
  height:80px;width:160px;max-height:none; 
}

nav.navbar > .navbar-brand > a > h1.title{color:#fff;}
nav.navbar > .navbar-brand > a > h1.title:hover{color:#339999;}	
nav.navbar > .navbar-brand > a > h1.title span,
nav.navbar > .navbar-brand > a.navbar-item > h1.title span:hover,
nav.navbar > .navbar-brand > a.navbar-item > h1.title span:focus{
	color:#cccc33;
	}
/**** Navbar Menu **/	
nav.navbar > #monMenu, 
nav.navbar > .navbar-menu{}
/**** Navbar Menu gauche **/
nav.navbar > .navbar-menu > .navbar-start{}
/** Navbar Menu droite **/
nav.navbar > .navbar-menu > .navbar-end{}
/** Menu **/
.navbar.is-mesCouleurs a.navbar-item:focus,
.navbar.is-mesCouleurs a.navbar-item:hover, 
.navbar.is-mesCouleurs a.navbar-item.is-active,
.navbar.is-mesCouleurs .navbar-link:focus,
.navbar.is-mesCouleurs .navbar-link:hover,
.navbar.is-mesCouleurs .navbar-link.is-active
	{
    background-color: #fff !important;color: #339999 !important;
	}
/** Menu item navbar-dropdown **/	
.navbar.is-mesCouleurs .navbar-dropdown a.navbar-item:focus,
.navbar.is-mesCouleurs .navbar-dropdown a.navbar-item:hover {
    background-color: #fff !important;	color: #339999 !important;
  }
/** Menu > dropdown */	
.navbar.is-mesCouleurs .navbar-dropdown a.navbar-item:focus,
.navbar.is-mesCouleurs .navbar-dropdown a.navbar-item:hover,
.navbar.is-mesCouleurs .navbar-dropdown a.navbar-item.is-active
	{
    background-color:#fff;color: #339999 !important;
	}
/***************** Menu latéral fixe */
/* TODO Masquer si media...*/	
.is-menu-fixed {position:fixed !important;top:100px;width: 20%;}

/***************** TITRES General ****/
h1, h2, h3, h4, h5, h6, .title, .subtitle{font-family: 'Vidaloka', serif;}
h1.title, div.title {color:#339999;}
h1.title span, div.title span {color:#cccc33;}
.title span.txt{color:#000;font-size: 20px;font-weight: normal;}
.subtitle {padding-top: 15px;font-size: 30px;font-weight: bolder;color: white;} 
/***************** TIPS / BOUTONS / Autres ****/
.hover-link:hover {
  background-color: #ffa500;
  border-radius: 6px;
  padding: 5px;
}
#more-button {border-color: #ffa500;color: #ffa500;}
#home #more-button {color: #000;}
#more-button:focus {background-color: transparent;color: white;}
#more-button:hover {background-color: #ffa500;color: white;}
.more-card {color: #323232;font-weight: bold;}
.more-card:hover {color: #ffa500;font-weight: bold;}
.fa-circle {color: #ffa500;}
.tooltip {position: relative;display: inline;}
.tooltip .tooltiptext {
  visibility: hidden;
  width: 150px;
  background-color: black;
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  left: 102%; 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}
.tooltip:hover .tooltiptext {visibility: visible;}

/***************** HOME SECTION ****/
#home {
  height: 102vh;
  background-image: url("../img/bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
#home h2.pacte{}
#home h1{text-transform:uppercase;}
#home .title-container {
  padding: 20px 20px;
  display: block;
  width:100%;
 background-color: white;
 opacity: 0.85;
}
#home .title {font-weight: bold;font-size: 30px;opacity: 0.95;color:#339999;}

/***************** TIMELINE SECTION ****/
.timeline-body p a {color: #3776D9;}
.timeline-body p a:hover {color: black;}
#first {background-color: #1622ad;}
#second {background-color: #ffa500;}
#third {background-color: #CC0000;}
#fourth {background-color: #323232;}

/***************** FOOTER SECTION ****/
.footer {background-color: #339999;padding: 10px;}
.footer h2 span {color: #ffa500;}
.footer p, .footer a {color: white;}
.footer a {display: inherit;}
.footer i {padding-top: 15px;}
.footer-icon {color: white;}
.legals {font-size: 12px;}
.footer h2 {
  color: white;
  font-size: 1.2rem;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 5px;
}
.footer hr {
  height: 3px;
  max-width: 50px;
  background-color: #ffa500;
  margin: 0 auto;
  margin-bottom: 5px;
}

/***************** COLONNES BLOCK ****/
div.column.auto, div.column.is-half {padding-bottom: 0;}
div.columns.has-text-centered {margin-top: 20px;margin-bottom: 20px;}