/*****************page agenda****************/
	
		html{
		overflow: auto;
	}
	
	
		#agenda{
		margin-left: 17%;
		/*background-color: #F0F0EF;*/
		background-color: white;
		height: 100%;
		/*width: 83%;*/
		color: #030310;
		
	}
	
#agenda h1{
	
	color: #A78A3C;
	font-size: 1.5rem;
	font-family: Piek, verdana;
	padding-top: 2rem;
	padding-bottom: .5rem;
	font-weight: bold;
	letter-spacing: .08rem;
     text-transform: uppercase;
	
}
#agenda h2{
	font-size: 1.2rem;
	color: #030310;
	font-weight: bold;
	font-family: Montserrat, verdana;
	padding-top: 2rem;
	letter-spacing: .2rem;
    text-transform: uppercase;
}

#agenda h3{
	font-size: 1.1rem;
	color: #A78A3C;
	font-weight: bold;
	font-family: Montserrat, verdana;
	padding-top: 2rem;
	padding-bottom: 1rem;
	letter-spacing: .2rem;
}

#agenda p{
	font-size: .8rem;
	letter-spacing: .05rem;
	color: #030310;
	font-family: 'Montserrat', serif;
/*	font-family: 'Lora', serif;*/
}

#agenda .qui p{
	font-size: .8rem;
	letter-spacing: .05rem;
	color: #030310;
	font-family: 'Montserrat', serif;
    margin-bottom: .5rem;
}

#agenda .qui h3{
	padding-bottom: 0;
}

#agenda .qui .resume{
    padding-left: 0;
    padding-right: 0;
    padding-top: 2rem;
    padding-bottom: 0;
}

#agenda strong{
	font-family: 'Montserrat', serif;
/*font-family: 'Lora', serif;*/
}

#agenda .qui a{
color: #030310;
    text-decoration: underline;
}

#agenda b{
    /*color: #A78A3C;*/
    font-family: 'Montserrat', serif;
  /*  font-family: 'Lora', serif;*/
}

#agenda a{
    color: #A78A3C;
    font-family: 'Montserrat', serif;
   /* font-family: 'Lora', serif;*/
}

#agenda .qui a:hover{
color: #919191;
    text-decoration: none;
}

#agenda .qui strong{
font-family: 'Montserrat', serif;
}


#agenda header {
	background-color: #F0F0EF;
	
}

#agenda .content{
	background-color: #FFF;
    padding-bottom: 3rem;
	/*padding: 1rem;*/
}

#agenda .newslettertitle{
	font-family: Montserrat, verdana;
	text-transform: uppercase;
	font-size: 0.55rem;
	font-weight: bold;
	color: #A78A3C;
	padding-top: 2rem;
	letter-spacing: .15rem;
}

#agenda .form-control{
	width: 90%;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #A78A3C;
	border-radius: 0;
	color: #A78A3C;
	font-size: 13px;
	padding: 0;
}


#agenda .form-control::placeholder{
    color: #A78A3C;
	font-weight: 200;
	font-size: 0.8rem;
    opacity: 0.55; }
 #agenda .form-control::-webkit-input-placeholder{
    color: #A78A3C;
    opacity: 0.55; }

#agenda	.form-control:-ms-input-placeholder{
    color: #A78A3C;
    opacity: 0.55; }
	
#agenda	.form-control::-ms-input-placeholder{
    color: #A78A3C;
    opacity: 0.55; } 
	
	
	.newsletterbutton{
	width: 25px;

}

#agenda .fleche {
	fill: #A78A3C;
}


/************responsive************/

		@media only screen and (max-width:992px){
	
	
	#agenda{
		margin-left: 0;
		margin-top: 76px; /* 74*/
		/*width: 100%;*/
	}
	
	#agenda h1{
		padding-top: 1rem; /* 4*/
	}
	
	#agenda .newslettertitle{
		text-align: center;
	font-size: .9rem;
	padding-right: 2rem;
	padding-left: 2rem;
	}

	
	#agenda .flex-container{
		flex-direction: row;
		padding-right: 2rem;
	padding-left: 2rem;
		
	}
	
	#agenda h1, #agenda h2, #agenda h3, #agenda p{
	padding-right: 2rem;
	padding-left: 2rem;
}

#agenda .newslettertitle{

	background-color: #F0F0EF;
}

		}
		
		
		@media only screen and (max-width: 768px){
	
			
			#agenda .newslettertitle{

	font-size: .7rem;
	}
	
		#agenda{
		margin-left: 0;
		margin-top: 64px; /* 74*/
		/*width: 100%;*/
	}
	
	}