:root {
	--color-1: #905;
	/*--color-1: #e17;*/
}
body {
 color: #333;
 background-color: #3F3F3F;
}

h1, h2, h3, h4, h5, h6 {
 margin-top: 20px;
 margin-bottom: 20px;
}
body,
h1, h2, h3, h4, h5, h6 ,
h1 i, h2 i, h3 i, h4 i, h5 i, h6 i {
	font-family: 'Montserrat', sans-serif;
}


h1, h2, h3, h4, h5, h6,
a,
.k-text-colored
{
  color: var(--color-1);
}

a {
 color: var(--color-1);
}

a:hover, a:focus {
 color: var(--color-1);
 text-decoration: underline;
}

ul {
 list-style-type: "\2014";
 margin-left: 1em;
}

li {
 padding-left: 0.7em;
}

a.k-plus {
 display: inline-block;
 padding: 10px 20px 10px 20px;
 background-color: var(--color-1);
 color: #eee;
}


.k-page {
 background-color: #eee;
 padding-bottom: 30px;
} 

.k-profil {
 display: inline-block;
 width: 120px;
 height: 120px;
 border-radius: 50%;
 background-image: url("/images/emmanuelle-almansa-golaz.jpg");
 background-size: cover;
 cursor: pointer;
}

.k-logo-name {
 font-family: Karla;
 font-size: 2.5rem;
 color: var(--color-1);
 line-height: 2.2rem;
 margin-bottom: 0.7rem;
 cursor: pointer;
}

.k-slogan {
 font-family: Karla;
 font-size: 1.5rem;
 color: #666;
}

#k-entete {
 padding-top: 30px;
 padding-bottom: 30px;
 background-color: #DDDDDD;
}

#k-board {
 font-size: 1.3em;
 background-color: #9873AC;
 color: #fff;
}

#k-board h1 {
 font-weight: bold;
 color: #fff;
 font-size: 28px;
}

#k-board-1, #k-board-3 {
 color: #ffffff;
 padding: 40px;
 padding-top: 60px;
 cursor: pointer;
}

#k-board-1 h1, #k-board-3  h1 {
  line-height: 1.1em;
}

#k-board-2 {
 background-image: url("/images/rideau.jpg");
 background-size: cover;
 min-height: 400px;
}


#k-navigation {
 z-index: 20;
 display: none;
 position: fixed;
 width: 100%;
 height: 100%;
 color: #FFF;
 background-color: rgba(0,0,0,0.9);
}

#k-burger-bar {
 z-index: 10;
 position: fixed;
}

#k-burger-close, #k-burger-open {
 cursor: pointer;
}

#k-menu {
}

#k-menu ul {
 margin: 0px;
 padding: 0px;
 list-style-type:none;
}

#k-menu li {
 padding-top: 0.4em;
 padding-bottom: 0.4em;
}
#k-menu a, #k-menu .k-nolink {
        text-transform: uppercase;
	font-size: 1.2rem;
        color: #DDDDDD; 
}

#k-menu a:hover,
{
        text-decoration: none;
        color: #FFFFFF;
}

.k-bars {
 font-size: 120%;
 color: var(--color-1);
}

.k-label {
 color: var(--color-1);
 font-size: 90%;
}

.k-field {
 margin-bottom: 0.8em;
}


footer {
 color: #eeeeee;
 margin-top: 30px;
 margin-bottom: 30px;
}

footer a{
 color: #DDDDDD;
}

footer a:hover {
 color: #FFFFFF;
}


.k-maintext {
 padding-bottom: 20px;
}

.k-rounded {
 border-radius: 15px;
}

.k-footer {
 display: flex;
 align-items: center;
 flex-direction: column;
 gap: 20px;
}

.k-footer-1 {
}

.k-footer-2 {
 padding-top: 2px;
}

.k-footer-3  {
 font-size: 80%;
}


#k-board {
 display: none;
} 

@media screen and (min-width: 640px) { /* medium */
  #k-board {
   display: flex; 
  }
}

@media screen and (min-width: 960px) { /* custom */
}

@media screen and (min-width: 1024px) { /* large */

 .k-footer {
  flex-direction: row;
  justify-content: space-between; 
 }

 .k-footer-3  {
  justify-content: flex-end;
 }
}