@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Signika:wght@300;400;600;700&display=swap');

body{
	font-family: 'Signika', sans-serif;
	color: #02493A;
	font-size: 18px;
	font-weight: 300;
}

a{
	color: #00A896;
}

b, strong{
	font-weight: bold;
}

.bg{
	color: #FFF;
	font-family: 'Signika', sans-serif;
	font-size: 20px;
	font-weight: 400;
	padding: .20em .65em;

}
.bg-red{
	background-color: #E73441;
}

.bg-orange{
	background-color: #EF7D00;	
}

.bg-yellow{
	background-color: #FAB600;	
}

.bg-green{
	background-color: #95C11F;	
}

header{
	background: url(../images/bg_logo.jpg) top center no-repeat;
	background-size: cover;
}

header .logo{
	background: url(../images/logo_nrf.png) top left no-repeat;
	height: 145px;
	width: 330px;
	display: block;
	margin: 5px auto 15px auto;
}

.langs{
	padding: 15px 0;
	text-align: center;
}

.langs a{
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	font-size: 20px;
	color: #02493A;
	width: 30px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	text-align: center;
}

.langs a.active, .langs a:hover{
	background-color: #02493A;
	color: #FFF;
	text-decoration: none;
}

.presentation{
	padding: 20px 0 50px 0;
}

.presentation h1{
	font-family: 'Oswald', sans-serif;
	font-size: 30px;
	text-transform: uppercase;
	margin-top: 20px;
}

.presentation a.spip_in{
	background-color: #E73441;
	padding: 0rem 1.5rem;
	margin: 0;
    font-size: .875rem;
    border-radius: 50rem!important;
    color: #FFF;
    font-size: 20px;
    text-decoration: none;
}

.presentation a.spip_in:hover{
	background-color: #FAB600;
}

.search-box-container{
	background: url(../images/bg_recherche.jpg) top left no-repeat;
	padding: 10px;
	width: 100%;
}

.search-box{
	background-color: #FFF1C2;
	padding: 30px;
}

.search-box h2{
	font-family: 'Oswald', sans-serif;
	font-size: 36px;
	text-transform: uppercase;
	text-align: center;
	margin: 0 0 20px 0;
}

.search-box select{
	font-family: 'Signika', sans-serif;
	font-size: 20px;
	font-weight: 300;
	text-transform: uppercase;
	margin: 20px 0;
}

.search-box .btn-search, .search-box .btn-reset{
	background-color: #E73441;
	padding: 0rem 1.5rem;
	margin: 0 .5rem .5rem 0;
    font-size: .875rem;
    border-radius: 50rem!important;
    color: #FFF;
    font-size: 22px;
    text-transform: uppercase;
}

.search-box .btn-reset{
	background-color: #EF7D00;
}

.results{
	padding: 50px 0;
	background-color: #FFF1C2;
	min-height: 800px;
}

.results h2{
	font-family: 'Oswald', sans-serif;
	font-size: 40px;
	text-transform: uppercase;
	text-align: center;
	margin: 20px 0;
}

.filter-button-group button{
	background-color: #FAB600;
	padding: 0rem 1.5rem;
	margin: 0 2px;
    font-size: .875rem;
    border-radius: 50rem!important;
    border: 1px solid #FAB600;
    color: #FFF;
    font-size: 20px;
    text-decoration: none;
}

.filter-button-group button.active, .filter-button-group button:hover{
	background-color: #E73441;
	border: 1px solid #E73441;
}

.results .btn{
	background-color: #E73441;
	padding: 0rem 1.5rem;
	margin: 0 .5rem;
    font-size: .875rem;
    border-radius: 50rem!important;
    color: #FFF;
    font-size: 20px;
}

.results .btn:hover, .results .btn-reset{
	background-color: #FAB600;
}

.results .btn-reset:hover{
	background-color: #E73441;
}

.results .doc{
	border-left: 5px solid #FAB600;
	background-color: #fff;
	padding: 15px;
	margin: 15px;
	min-height: 172px;
}

.results .doc a{
	font-family: 'Signika', sans-serif;
	font-size: 23px;
	font-weight: 400;
	display: block;
	color: #02493A;
	display: block;
	text-decoration: none;
	line-height: 30px;
	margin-bottom: 10px;
}

.results .doc a:hover{
	color: #95C11F;
}


.art{
	padding: 50px 0;
	background-color: #FFF1C2;
	min-height: 800px;
}

.art h2{
	font-family: 'Oswald', sans-serif;
	font-size: 40px;
	text-transform: uppercase;
	text-align: center;
	margin: 20px 0;
}

nav.paginations ul{
	list-style: none;
	text-align: center;
	margin: 30px 0;
}

nav.paginations ul li{
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	position: relative;
}

nav.paginations ul li span{
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	line-height: 40px;
	display: block;
	text-align: center;
	background-color: #95C11F;
	color: #FFF;
	font-family: 'Signika', sans-serif;
	font-size: 23px;
	font-weight: 300;
	border-radius: 50%;
}

nav.paginations ul li a{
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	line-height: 40px;
	display: block;
	text-align: center;
	background-color: #EF7D00;
	color: #FFF;
	font-family: 'Signika', sans-serif;
	font-size: 23px;
	font-weight: 300;
	border-radius: 50%;
}

table {
    width: 100%;
    margin: 30px 0;
}
td {
    padding: 10px;
    border: 1px solid #02493A;
}


@media (max-width: 700px){

    table tr{
    display: block;
    margin-bottom: 20px;
    }

    table td {
    display: block;
    padding: 0;
    border: none;
    }

}

footer{
	padding: 20px 0;
	font-size: 16px;
}

footer a{
	color: #02493A;
}


footer a:hover{
	color: #02493A;
	text-decoration: none;
}