@font-face {
    font-family: "JF Flat Regular";
    src: url('../fonts/JF-Flat-regular.eot');
    src: url('../fonts/JF-Flat-regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/JF-Flat-regular.svg#JF Flat Regular') format('svg'),
    url('../fonts/JF-Flat-regular.woff') format('woff'),
    url('../fonts/JF-Flat-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/* mise en page */

body {
  padding-top: 10px;
  font-family: "JF Flat Regular",Arial,Verdana,Helvetica,"Trebuchet MS";
}

.boxed{
	max-width: 712px;
	border: 1px solid #CECECE;
	border-radius: 5px;
	margin-bottom: 20px;
}

.left-logo {
	text-align:center;
    background: red;
    color: white;
    margin-top: 12px;
    margin-bottom: 7px;
    font-size: 20px;
    padding: 5px 10px;
    border-radius: 0 5px 5px 0;
    font-family: arial,tahoma,verdana;
    font-weight: bold;
}

.no-padd{
	padding:0; 
}

.slides{
	width: 100%;
	border-top: 4px solid black;
}

footer p{
	margin-top: 10px;
	text-align: center;
	font-size: 25px;
}

h3{
	margin-bottom: 10px;
	margin-top: 0px;
    font-size: 30px;
    color: red;
    font-weight: bold;
}

.right{
	direction: rtl;
}

@media (max-width: 768px){
.right{
	direction: rtl;
	text-align: center;
}

}

.navbar{
    border: none;
    margin-bottom: 0;
}

.navbar-nav{
    margin: 0;

}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #F8F8F8;
    background-color: #000000;
}