/*----------------  PROJECTS  ------------------*/

.container_projects{
  display: grid;
  max-width: 1170px;
  margin: 60px auto 100px;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  position: relative;
  /* top: -100px; */
}
.container_projects .project{
  max-width: 610px;
  margin: auto;
}

/*----------------  PROJECT  -------------------*/

/* HEADER */

.header_projects{
  position: fixed;
  min-height: calc(100vh - 100px);
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.header_projects + .container_photos{
  padding: 40px 0;
  background: #fff;
  position: relative;
  top: calc(100vh);
  z-index: 2;
}
.presentation h2{
  margin: 0;
}
.text_explicatif_body{
	font-family: 'PlusJakartaSans-Light', sans-serif;
	line-height: 24px;
	color: #000;
}
.text_explicatif_body p{
  	margin: 0;
}
hr{
	width: 36px;
	height: 1px;
	background-color: #000;
	border: none;
	margin-bottom: 30px;
	margin-left: 12px;
}
.hashtag{
	width: 100%;
	height: auto;
	margin-top: 20px;
}
.hashtag span{
	display: inline-block;
	height: 18px;
	border: solid 1.4px #29a686;
	color: #29a686;
	/*
	background-color: #A4D7BD;
	color: #FFFFFF;
	*/
    border-radius: 30px;
    padding: 0px 10px 6px 10px;
	margin-right: 4px;
	font-size: 0.8em;
	font-family: 'PlusJakartaSans-Medium', sans-serif;
}

/* arrow scroll */ 
.arrow_scroll{
	width: 100%;
	height: 70px;
	margin: auto;
    position: absolute;
  	bottom: 220px;
}
.arrow_scroll p{
  font-family: 'PlusJakartaSans-Regular', sans-serif;
  font-size: 0.7em;
  text-align: center;
  margin: 0;
}
.arrow_scroll_container_img{
	width: 40px;
	height: auto;
	margin: auto;
}
.arrow_scroll_container_img img{
	width: 40px;
	height: auto;
}

/* arrow return */ 
.lien_close {
  display: inline-block;
  position: absolute;
  margin-top: 20px;
  text-decoration: none;
  font-family: 'PlusJakartaSans-Regular', sans-serif;
  font-size: 13px;
}
.lien_close:hover{
  fill: #29a686;
}
.lien_close svg, .lien_close span {
  vertical-align: middle;
}

/* BG IMAGES */
.bg_project{
	width: 100%;
  	height: 100%;
	position: fixed;
  	top: 0;
  	left: 0;
  	right: 0;
  	bottom: 0;
	background-size: cover;
  	background-position: center;
	filter: blur(4px) opacity(0.2);
}
#bg_project_VW{
	background-image: url(../images/VW_motiondesign_bg.jpg);
}
#bg_project_ITM{
	background-image: url(../images/intermarche_app_img_1.jpg);
}
#bg_project_uber{
	background-image: url(../images/uber_web_site_bg.jpg);
}
#bg_project_mcdo_logo{
	background-image: url(../images/mcdo_web_anim_logo_bg.jpg);
}
#bg_project_balinea_illustrations{
	background-image: url(../images/balinea_illustrations_cover.jpg);
}
#bg_project_ademe{
	background-image: url(../images/ademe_web_site_bg.jpg);
}
#bg_project_butagaz{
	background-image: url(../images/butagaz_brandidentity_cover.jpg);
}
#bg_project_BLD{
	background-image: url(../images/BLD_print_illustrations_book_img_8.jpg);
}
#bg_project_VW_logo{
	background-image: url(../images/VW_print_logo_cover.jpg);
}
#bg_project_loreal{
	background-image: url(../images/loreal_print_editorial_chart_bg.jpg);
}
#bg_project_mcdo_snapchat{
	background-image: url(../images/McDO_web_snapchat_cover.jpg);
}
#bg_project_JSA{
	background-image: url(../images/JSA_web_site_cover.jpg);
}
#bg_project_backmarket{
	background-image: url(../images/backmarket_web_widget_bg.jpg);
}
#bg_project_35nord_danone{
	background-image: url(../images/35nord_print_danone_editorial_bg.jpg);
}
#bg_project_damekaan_logo{
	background-image: url(../images/damekaan_print_logo_img_2.jpg);
}
#bg_project_cedric_merouani_logo{
	background-image: url(../images/cedric_merouani_print_logo_img_2.jpg);
}
#bg_35nord_UMS_print_editorial{
	background-image: url(../images/35nord_UMS_print_editorial_bg.jpg);
}
#bg_project_fondation_wazni_logo{
	background-image: url(../images/wazni_print_logo_img_5.jpg);
}
#bg_project_greenpeace_ad{
	background-image: url(../images/greenpeace_print_advertising_img_1.jpg);
}
#bg_project_greenpeace_RS{
	background-image: url(../images/greenpeace_web_RS_bg.jpg);
}
#bg_project_BforBank{
	background-image: url(../images/BforBank_web_app_img_1.jpg);
}
#bg_project_MG{
	background-image: url(../images/MB_web_site_img_1.jpg);
}
#bg_project_PTB_logo{
	background-image: url(../images/PTB_print_logo_img_1.jpg);
}
#bg_project_4MURS{
	background-image: url(../images/4MURS_web_site_BG.jpg);
}
#bg_project_racketsud{
	background-image: url(../images/racketsud_print_branding_BG.png);
}
#bg_project_GV_website{
	background-image: url(../images/GV_web_branding_bg.jpg);
}
#bg_project_phya_website{
	background-image: url(../images/phya_web_site_img_1.jpg);
}
#bg_project_ITM_borne{
	background-image: url(../images/intermarche_borne_bg.png);
}
#bg_project_CNRS_leaflet{
	background-image: url(../images/CNRS_print_leaflet_img_1.jpg);
}
#bg_project_emerton_ads{
	background-image: url(../images/emerton_web_ads_bg.jpg);
}
#bg_project_asso_PR{
	background-image: url(../images/asso_PR_print_branding_img_2.jpg);
}
#bg_project_asso_PR_AR{
	background-image: url(../images/asso_PR_print_branding_AR_img_4.jpg);
}
#bg_project_asso_PR_VL{
	background-image: url(../images/asso_PR_print_semaine_lumiere_vision_img_2.jpg);
}
#bg_project_ensante{
	background-image: url(../images/ensante_web_site_img_1.jpg);
}
#bg_project_seaquarium{
	background-image: url(../images/seaquarium_web_site_img_1.jpg);
}
#bg_project_emertondata_sodexo{
	background-image: url(../images/emerton_web_powerBI_img_2.jpg);
}
#bg_project_balinea{
	background-image: url(../images/balinea_web_creations_img_1.jpg);
}
#bg_project_haagendazs{
	background-image: url(../images/haagendazs_web_appli_img_09.jpg);
}
#bg_project_squashnet{
	background-image: url(../images/squashnet_web_site_img_5.jpg);
}
#bg_project_gutwin{
	background-image: url(../images/gutwin_danone_web_img_3.jpg);
}

/* NEXT PAND PREVIOUS PROJECTS */
.next_previous_project{
  height: 100px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
}
.next_previous_project a{
  display: flex;
  align-items: center;
}
.next_previous_project a > * + *{
  margin-left: 10px;
}
.next_previous_project svg{
	width: 20px;
}
.CTA_next_project, .CTA_previous_project{
	width: auto;
	height: 36px;
	font-family: 'PlusJakartaSans-Regular', sans-serif;
	font-weight: 600;
	font-size: 0.8em;
}

/* CONTAINER PHOTOS */
#project_desktop {
  max-width: 1280px;
  height: auto;
  margin: 60px auto;
}
.size_container_photo_500 {
  max-width: 500px;
  height: auto;
  margin: 0px auto 60px;
}
.size_container_photo_full {
  max-width: 100%;
  height: auto;
  margin: 0px auto 60px;
}

.size_container_photo_full img{
  width: 100%;
}
.size_container_photo_960, 
.subcontainer_photo_460 {
  max-width: 1250px;
  height: auto;
  margin: 0px auto 60px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  box-sizing: border-box;
}
.size_container_photo_460 {
  max-width: 460px;
  height: auto;
  margin: 0px auto 40px;
}