/* Reset some default styles */
body, h1, h2, p {
	margin: 0;
	padding: 0;
}

a, a:visited, a:active {
	color : #6ba4d7;
}

p {
	margin: 1em 0px;
}

:not(pre) > code[class*="language-"] {
  white-space: pre;
}

/* Basic styling */
body {
	background-color: #f6f7f9;
	color : #222;
/* 	background: radial-gradient(circle, rgba(33,48,132,1) 61%, rgba(32,35,68,1) 100%); */
	font-family: 'Montserrat', sans-serif; /*'Helvetica Neue', */
	width : 1440px;
	margin : auto;
	font-size : 17px;
}



.title {
	color: #60b1ef;
}

.title, .rubrique_block aside {
	font-family: 'Helvetica Neue';
	font-size: 1.8rem;
}


.subtitle {
	font-size: 1.2rem;
	color: #666;
	margin-top : 0;
}

header {
/* 	background-color: #f5f5f5; */
	text-align: center;
	padding: 2rem 0;
}

header > span {
	position : absolute;
	top : 12px;
	right : 67px;
}

header a {
	position : absolute;
	top : 9px;
	right : 21px;
}

header h1 {
	font-size: 2rem;
	color: #333;
}

header p {
	font-size: 1.2rem;
	color: #777;
}

.spip_code {
	background-color : #2A2A2A;
	font-size : 14px;
	padding : 6px;
}

.description {
/* 	background: radial-gradient(circle, rgba(33,48,132,1) 61%, rgba(32,35,68,1) 100%); */
	color: #777;
	font-family : 'Helvetica Neue Medium Condensed';
	font-size: 22px;
	line-height : 29px;
	text-align: center;
	width: 397px;
	margin: auto;
/* 	padding: 24px; */
/* 	border: 1px #EAEAEA solid; */
	border-radius: 12px;
}

.description p {
	margin : .5em 0;
}

.rubrique_block {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 2.5rem;
}

.rubrique_block aside {
	min-width : 222px;
}

.rubrique_block .title {
	margin-top : 2em;
}

.rubrique_block .articles_liste {
	width: 900px;
}

.article_content p {
	text-align : justify;
}

.cta {
	text-align: center;
	background-color: #007bff;
	color: #fff;
	padding: 3rem 0;
}

.cta h2 {
	font-size: 2rem;
}

.cta p {
	font-size: 1.2rem;
	margin-bottom: 2rem;
}

.btn {
	display: inline-block;
	padding: 0.8rem 2rem;
	background-color: #0056b3;
	color: #fff;
	font-size: 1.2rem;
	text-decoration: none;
	border-radius: 5px;
}

footer {
/* 	background-color: #333; */
	color: #777;
	text-align: center;
	padding: 1rem 0;
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
    body {
        background-color: #222;
        color: #f6f7f9;
    }
    .subtitle, header h1, header p, .description, .feature h2, .feature p {
		color: #f6f7f9;
	}
	.github {
		filter: invert(100%);
	}
}

/* Responsivness */
@media (max-width: 1440px) {
	body {
/* 		width : 1280px; */
	}
	.rubriques-liste {
		width : 1280px;
	}
}

@media (max-width: 1280px) {
	body {
/* 		width : 960px; */
	}
	.rubriques-liste {
		width : 960px;
	}
}

@media (max-width: 960px) {
	body {
/* 		width : 720px; */
	}
	.rubriques-liste {
		width : 720px;
	}
}

@media (max-width: 720px) {
	body {
/* 		width : 357px; */
	}
	.rubriques-liste {
		width : 357px;
	}
}