* {
	font-family: Heebo, Helvetica;
	margin: 0
}

.dark {
	background-color: #0f0f0f
}

.dark .beyond_tellerand h2,
.dark .beyond_tellerand h3,
.dark .beyond_tellerand li,
.dark .beyond_tellerand p,
.dark .beyond_tellerand--imp1,
.dark .container_all .bouton small,
.dark .container_all h1,
.dark .container_all h2,
.dark .container_all h3,
.dark .container_all li small,
.dark .container_all p,
.dark .container_all small,
.dark .container_all span,
.dark .cs_bloc_image figcaption,
.dark .cs_bloc_image__caption,
.dark .cs_bloc_text a,
.dark .cs_bloc_text h2,
.dark .cs_bloc_text h3,
.dark .cs_bloc_text p,
.dark .lien_image_cs,
.dark .nav_ui-kit__el__hover,
.dark .nav_ui-kit__el__normal,
.dark .title_tantek h2,
.dark div h2,
.dark div p {
	color: #fff
}

.dark .auteur_bloc,
.dark .case-study_bloc,
.dark .container_all .cadre_couleur_container__blanc,
.dark .container_all .cadre_couleur_container__faux_noir,
.dark .container_all .cadre_couleur_container__noir,
.dark .container_all .cadre_couleur_container__orange,
.dark .container_all .cadre_couleur_container__orange_clair,
.dark .div_grid_all {
	border: solid 3px #fff
}

.dark .cs_bloc_image__caption:hover,
.dark .lien_image_cs:hover {
	color: #da3d22
}

@media (max-width:640px) {
	.dark .auteur_bloc {
		border: solid 3px #fff
	}
	.dark .dots {
		background-color: #fff
	}
	.dark .collectif_boutons h2,
	.dark .collectif_boutons p,
	.dark .collectif_items h2,
	.dark .collectif_items p,
	.dark .collectif_items--imp,
	.dark .cs_bloc_text__title_exp--deco,
	.dark .cs_bloc_text_exp--deco,
	.dark .title_experience--deco {
		color: #fff
	}
}

@media (Min-width:641px) and (max-width:960px) {
	.dark .auteur_bloc,
	.dark .container_title_text_left,
	.dark .container_title_text_right,
	.dark .pres_desktop,
	.dark .summary_icon_link {
		border: solid 3px #fff
	}
	.dark .collectif_boutons h2,
	.dark .collectif_boutons p,
	.dark .collectif_items h2,
	.dark .collectif_items p,
	.dark .collectif_items--imp,
	.dark .cs_bloc_text__title_exp--deco,
	.dark .cs_bloc_text_exp--deco,
	.dark .title_experience--deco {
		color: #fff
	}
	.dark .footer {
		box-shadow: 0 -5px 50px #000
	}
}

@media (Min-width:961px) {
	.dark .auteur_bloc,
	.dark .container_title_text_left,
	.dark .container_title_text_right,
	.dark .img_left,
	.dark .img_right,
	.dark .pres_desktop,
	.dark .summary_icon_link {
		border: solid 3px #fff
	}
	.dark .collectif_boutons h2,
	.dark .collectif_boutons p,
	.dark .collectif_items h2,
	.dark .collectif_items p,
	.dark .collectif_items--imp,
	.dark .link_tw {
		color: #fff
	}
	.dark .link_tw:hover {
		color: #da3d22
	}
	.dark .footer {
		box-shadow: 0 -5px 50px #000
	}
	.dark .container_title_text_right,
	.dark .img_right {
		border-left: none
	}
	.dark .container_title_text_left,
	.dark .img_left {
		border-right: none
	}
}