@font-face {
    font-family: 'LatoRegular';
    src: url('/assets/webfonts/lato/lato-regular.woff2') format('woff2'),
         url('/assets/webfonts/lato/lato-regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'LatoLight';
    src: url('/assets/webfonts/lato/lato-light.woff2') format('woff2'),
         url('/assets/webfonts/lato/lato-light.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
html {
	font-size: 16px;
}
body {
	background: url(/assets/img/header_background.svg) no-repeat center center fixed; 
	background-size: cover;
	font-family: LatoRegular, Arial, sans-serif;
	font-size: inherit;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	justify-content: space-between;
	color: #555;
}
.off {
	display: none;
}
a {
	color: #555;
	text-decoration: none;
}
a:focus,
a:hover {
	color: #222;
	text-decoration: underline;
}
.main_footer {
    background-color: #222;
    color: #364347;
    padding: 1.5rem 15px;
    font-size: .75rem;
    color: #bbb;
    text-align: center;
}
.main_footer__liens {
	margin: .75rem 0;
	list-style: none;
	color: #bbb;
}
.main_footer__liens li {
	display: inline-block;
}
.main_footer a {
	display: inline-block;
	padding: 5px;
	text-decoration: none;
	color: #bbb;
}
.main_footer a,
.main_footer__copyright {
	transition: all 0.4s ease;
}
.main_footer a:hover,
.main_footer a:focus {
	color: #fff;
}
.main_footer > :first-child {
	margin-top: 0;
}

.countries_footer {
	text-align: center;
	margin: .75rem 0;
	color:#bbb;
}
.countries_footer__titre, 
.countries_footer__liste, 
.countries_footer__item {
	display: inline-block;
	padding: 0;
}
.countries_footer__liste {
	margin: 0;
	list-style: none;
}
.countries_footer__titre, 
.countries_footer__item {
	margin: 0 1em;
}

.main_content {
	overflow: hidden;
}
.recherche__header {
	display: grid;
	margin-bottom: 30px;
}
.recherche__header::before {
	content: '';
	display: block;
	width: 100%;
	min-height: 15px;
	height: 20vh;
	max-height: 150px;
}
.recherche__header__form {
	order: 2;
	width: 100%;
	max-width: 40rem;
	margin: 0 auto;
	padding: 0 2em;
}
.recherche__header__logo {
	order: 1;
	margin: 0 0 30px 0;
}
.recherche__header__logo img {
	display: block;
	width: auto;
	max-width: 100%;
	max-height: 80px;
	margin: 0 auto;
}
.with_query .recherche__header::before {
	height: 15px;
}
.recherche__content {
	background: #fff;
	overflow: hidden;
}
.recherche__content__aside {
    padding: 30px 15px 15px 15px;
    text-align: center;
}
.popular_queries_title,
.recherche__fonctionnalites__titre,
.recherches_suggestions__titre {
	font-size: 1.125rem;
}
.popular_queries {
	border: 1px solid #d4d4d4;
	border-width: 1px 0;
	padding: 1.666667em 0;
	margin: 1em 0;
}

.popular_queries a,
.recherches_suggestions__lien {
	display: block;
	margin: 0;
	padding: .5em 1em;
	background: #eee;
	color: #333;
	overflow: hidden;
}
.popular_queries a:nth-child(even),
.recherches_suggestions__item:nth-child(even) .recherches_suggestions__lien {
	background: #e3e3e3;
}
.popular_queries a:nth-child(even):hover,
.popular_queries a:nth-child(even):focus,
.recherches_suggestions__item:nth-child(even) .recherches_suggestions__lien:hover,
.recherches_suggestions__item:nth-child(even) .recherches_suggestions__lien:focus {
	background: #333;
}
.popular_queries a:hover,
.popular_queries a:focus,
.recherches_suggestions__item .recherches_suggestions__lien:hover,
.recherches_suggestions__item .recherches_suggestions__lien:focus {
	background: #333;
	color: #fff;
	text-decoration: none;
}
.recherches_suggestions,
.recherches_suggestions__titre {
	margin-bottom: 1rem;
}

.popular_queries_title,
.popular_queries a,
.recherche__fonctionnalites,
.recherches_suggestions__titre,
.recherches_suggestions__item {
	margin-left: 1rem;
	margin-right: 1rem;
}
.popular_queries a,
.recherche__fonctionnalites__desc,
ul.recherche__fonctionnalites__desc li {
	margin-top: .5rem;
	margin-bottom: .5rem;
}
.popular_queries_title {
	margin-bottom: 1rem;
}
.recherches_suggestions__wrapper {
	font-size: 1rem;
	text-align: left;
	margin-top: 2rem;
}
.recherche__content__aside .recherches_suggestions__wrapper {
	display: none;
}
.recherche__content__main .recherches_suggestions__wrapper .recherches_suggestions__item:nth-child(n+10) {
	display: none;
}

.recherches_suggestions {
	list-style: none;
}

.recherche__fonctionnalites__titre {
	margin: 2em 0 1em 0;
}
.recherche__fonctionnalites__desc {
	line-height: 1.5;
}
ul.recherche__fonctionnalites__desc {
	padding: 0 0 0 2.5rem;
	list-style-type: disc;
}

.recherche__content__main {
	font-size: .875em;
	line-height: 1.5;
	padding: 0 2rem;
}
.recherche__content__aside {
	padding: 0 2rem;
}
.misc__titre_1,
.misc__titre_2,
.misc__titre_3 {
	margin-top: 1.428571em;
	margin-bottom: 0;
	font-family: LatoLight, Arial, sans-serif;
}
.recherche__content__main_misc p,
.recherche__content__main_misc ul,
.recherche__content__main_misc li {
	margin-top: 1.428571em;
	margin-bottom: 1.428571em;
}
.misc__titre_1 + p,
.misc__titre_2 + p,
.misc__titre_3 + p {
	margin-top: .714286em;
}
.recherche__content__main_misc ul,
.recherche__content__main_misc ol {
	padding: 0 0 0 2.5rem;
}
.recherche__content__main_misc ul {
	list-style-type: disc;
}
.recherche__content__main_misc li p {
	margin-top: .714286em;
	margin-bottom: .714286em;
}
.misc__titre_1 {
	font-size: 2.1875rem;
	text-align: center;
	text-transform: uppercase;
}
.misc__titre_2 {
	font-size: 1.5rem;
	text-transform: uppercase;
}
.misc__titre_3 {
	font-size: 1.125rem;
}
.cgu__end {
	text-align: right;
	font-style: italic;
}

.adsense_container {
	padding: 0 20px;
}

.barre_cookies {
	position: fixed;
	bottom: 0;
	background-color: rgba(43,43,43,1);
	border-top: 3px solid #fff;
	width: 100%;
	color: #ebebeb;
	z-index: 999;
	text-align: center;
}
.barre_cookies__txt {
	padding: 1rem;
	font-size: .875rem;
}
.barre_cookies a {
    color: #ebebeb;
    text-decoration: underline;
	white-space: nowrap;
}
.barre_cookies__btn {
	text-align: center;
	padding: 0 1rem 1rem 1rem;
}
.lien_cgu {
	display: inline-block;
	margin-right: 2em;
	font-size: .875rem;
}
.btn,
a.btn {
	display: inline-block;
	font-size: .75rem;
	line-height: 1.5;
	padding: .5em 1em;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	background: #3d6287;
	color: #fff;
	border: 2px solid currentColor;
	border-radius: 4px;
	min-width: 10em;
	transition: all 0.5s ease 0s;
	text-decoration: none;
}
.btn:hover,
.btn:focus {
	background: #fff;
	color: #3d6287;
	border-radius: 0;
}

.index__header {
	background: #fff;
	font-family: LatoLight, Arial, sans-serif;
	border-top: 3px solid #222;
	border-bottom: 1px solid #555;
}
.index__menu {
	max-width: 80%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-around;
	list-style: none;
	font-size: .9375em;
	text-transform : uppercase;
	letter-spacing: .05em;
	text-align: center;
}
.index__menu__link {
	display: block;
	color: inherit;
	text-decoration: none;
	padding: 1em 2em;
	line-height: 1.5;
	border-bottom: 1px solid transparent;
}
.index__menu__link:focus,
.index__menu__link:hover {
	text-decoration: none;
	border-color: #e53531;
}
.view_misc_cgu .recherche__header,
.view_misc_cookies .recherche__header,
.view_misc_tuto .recherche__header,
.view_recherche_index .recherche__header,
.view_recherche_categories .recherche__header {
	display: block;
	margin: 30px 0;
}
.view_misc_cgu .recherche__header::before,
.view_misc_cookies .recherche__header::before,
.view_misc_tuto .recherche__header::before,
.view_recherche_index .recherche__header::before,
.view_recherche_categories .recherche__header::before {
	display: none;
}
.view_recherche_index .recherche__header__logo,
.view_recherche_categories .recherche__header__logo {
	margin: 0;
}

.recherche__content__main_misc .categories__liste {
	list-style: none;
	padding: 0;
	font-family: LatoLight, Arial, sans-serif;
}
.recherche__content__main_misc .categories__item {
	margin: .5em 0;
}

.categorie__link {
	text-decoration: none;
	display: block;
	padding: .5em .5em .5em calc(.5em + 3px);
	position: relative;
}
.categorie__link::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	width: 3px;
	height: 0;
	background: rgb(207,15,15);
	transition: all .2s;
}
.categorie__link {
	color: #555;
}
.categorie__link * {
	color: inherit;
}
.categorie__link:focus,
.categorie__link:hover {
	color: #161b1d;
	text-decoration: none;
}
.categorie__link:focus .categorie__title,
.categorie__link:hover .categorie__title {
	text-decoration: underline;
}
.categorie__link:focus::before,
.categorie__link:hover::before {
	top: 0;
	height: 100%;
}


.categorie__title {
	margin: 0;
	text-transform: none;
}
.recherche__content__main_misc .categorie__desc {
	margin: 0;
}

.pub_bd__lien {
	display: inline-block;
	max-width: 100%;
	border: 2px solid #000;
	margin: 2em auto;
}
.pub_bd__img {
	max-width: 100%;
}

@media screen and (min-width: 768px) {
	.with_query .recherche__header::before {
		display: none;
	}
	.with_query .recherche__header {
		margin: 5px 0 15px 0;
		grid-template-columns: minmax(auto, 3fr) minmax(200px, 1fr);
		grid-column-gap: 30px;
		align-items: start;
	}
	.with_query .recherche__header__form {
		order: 1;
		margin: 30px 0 0 0;
	}
	.with_query .recherche__header__logo {
		order: 2;
		margin-bottom: 0;
	}
	.categories__liste {
		display: grid;
		grid-template-columns : 1fr 1fr;
		grid-column-gap: 30px;
	}
	.index__menu__link {
		padding: 0 2em;
		line-height: 6.666667;

	}
}
@media screen and (min-width: 960px) {
	.with_query .recherche__header__form {
		margin-left: 0;
		padding: 0;
	}
	.recherche__content__main {
		padding: 0 3vw;
	}
	.barre_cookies {
		display: grid;
		grid-template-columns: minmax(30px, auto) fit-content(60%) minmax(30px, auto) fit-content(30%) minmax(30px, auto);
		align-items: center;
		text-align: left;
	}
	.barre_cookies__txt {
		grid-column: 2;
		font-size: 1rem;
	}
	.barre_cookies__btn {
		padding-top: 1rem;
		grid-column: 4;
	}
	.btn {
		font-size: .875rem;
	}
	.main_content {
		margin: 0 10%;
	}
    .with_query .recherche__content {
        display: grid;
        grid-template-columns: minmax(auto, 3fr) minmax(200px, 1fr);
        grid-column-gap: 30px;
    }
    .recherche__content__aside {
        padding: 58px 15px 15px 15px;
    }
	.pub_bd__lien {
		margin: 0 auto;
	}
	.recherche__content__main > :last-child {
		margin-bottom: 2rem;
	}
    .view_misc_cgu .recherche__content {
    	grid-template-columns: auto;
    }
	.categories__liste {
		grid-template-columns : 1fr 1fr 1fr;
	}
	.popular_queries a {
		display: inline-block;
	}
	.popular_queries a:nth-child(even) {
		background: #eee;
	}
	.recherche__content__main .recherches_suggestions__wrapper {
		display: none;
	}
	.recherche__content__aside .recherches_suggestions__wrapper {
		display: block;
	}

	.recherches_suggestions__wrapper {
		margin-top: 0;
	}
	.recherches_suggestions__titre,
	.recherches_suggestions__item {
		margin-left: 0;
		margin-right: 0;
	}
	.recherches_suggestions__titre {
		padding: 0 1rem;
	}

}
@media screen and (min-width: 1600px) {
	.with_query .recherche__header,
    .with_query .recherche__content {
        grid-template-columns: minmax(auto, 4fr) minmax(300px, 1fr);
    }
	.categories__liste {
		grid-template-columns : 1fr 1fr 1fr 1fr;
	}
}