/* @font-face { */
 /* font-family: "Bebas Neue"; */
 /* src: url("font/BebasNeue-Regular.woff2") format("woff2"), */
        /* url("font/BebasNeue-Regular.woff") format("woff"); */
/* } */

@font-face {
	font-family: "Berka-Light";
	src: url('../font/Berka-Light.ttf');
}


body{
margin:0;
background-color:	#F1F1F1;
font-family:Berka-Light, arial;
letter-spacing: .1rem;
font-size:1.2em;
}

nav{
	display:block;
	float:left;
	width:100%;
	height:100px;
	background-color:#21AB8B;
}

ul{
	display:block;
	float:right;
	width:70%;
	height:100%;
	margin-top:0;
}

li{
	display:block;
	float:right;
	height:100%;
	width:10%;
	margin-left:2%;
	margin-right:2%;
}

.menu{
	display:block;
	text-align:center;
	color:#FFF;
	font-size:1.3em;
	width:100%;
	height:58px;
	line-height:100%;
	 vertical-align: bottom;
	text-decoration:none;
    position: relative;
    padding-top: 42px;
    font-size: 17px;

}

.menu_select{
	display:block;
	text-align:center;
	color:#FFF;
	font-size:1.3em;
	width:100%;
	height:58px;
	line-height:100%;
	 vertical-align: bottom;
	text-decoration:none;
    position: relative;
    padding-top: 42px;
    font-size: 17px;
	color:#21AB8B;
	background-color:#FFF;
	font-weight: bold;
}

.menu_img{
	display:block;
	text-align:center;
	color:#FFF;
	font-size:1.3em;
	width:100%;
	height:58px;
	line-height:100%;
	 vertical-align: bottom;
	text-decoration:none;
    position: relative;
    padding-top: 10px;
    font-size: 17px;

}

.menu:hover{
	color:#21AB8B;
	background-color:#FFF;
}

.logo{
	height:100%;
	margin-left:10%;
}


.row{
	display:block;
	float:left;
	width:60%;
	margin-left:20%;
	box-shadow: 1px 1px 15px #555;
	margin-top:10px;
	margin-bottom:10px;
}

.row h3{
	display:block;
	float:left;
	margin-left:5%;
	width:78%;
}

.text {
	display:block;
	float:left;
	margin-left:1%;
	width:98%;
	text-align:justify;
}

.text_img {
	display:block;
	float:left;
	margin-left:1%;
	width:55%;
	text-align:justify;
}
.img{
	display:block;
	float:left;
	width:40%;
	margin:1%;
	 border: 4px solid #21AB8B;
}

.sign{
	float:right;
	margin:2%;
}

.date{
	display:block;
	float:left;
	width:10%;
}

footer{
	display:block;
	float:left;
	width:100%;
	height:40px;
	background-color:#21AB8B;
	text-align:center;
	line-height:40px;
	color:white;
}

.agenda{
	display:block;
	float:right;
	width:18%;
	margin-right:1%;
	box-shadow: 1px 1px 5px #555;
		margin-top:10px;
}
.titre_agenda{
	text-align:center;
}

.even{
    display: block;
    float: left;
    width: 97%;
    margin-left: 1%;
    border: 2px solid #F1F1F1;
    margin-bottom: 15px;
    color: #F1F1F1;
    background-color: #21AB8B;
}


.nom_even{
	padding-left: 6%;
    display: block;
    color: #21AB8B;
    background-color: #F1F1F1;
    border-bottom: 3px solid #F1F1F1;
}

.even a{
	text-decoration:none;
}

.date_even{
	margin-left:2%;
	width:97%;
	float:left;
	display:block;
}

.lieu_even{
	margin-top:-10px;
	margin-left:2%;
	width:97%;
	float:left;
	display:block;
}

.desc_even_img{
	margin-top:-5px;
	display:block;
	float:left;
	width:72%;
	margin-left:1%;
}

.desc_even{
	margin-top:-5px;
	display:block;
	float:left;
	width:98%;
	margin-left:1%;
}

.img_even{
	display:block;
	float:left;
	width:80%;
	margin-left:10%;
}

.aucun_even{
	display:block;
	width:100%;
	text-align:center;
	margin-top:20px;
}