body.controller_projects.action_view > #container  {
	padding-top: calc(var(--header-height));
}

img.picto_place {
	height: auto;
	width: 12px;
}
img.close_index {
	width:20px;
}

#projects.list .page_header h3.page_index {
	display:none;
}
#projects.grid .filters_menu {
	display:none;
}
#projects.grid .page_header h3.page_projects{
	display:none;
}

#projects.grid .item .details {
	margin-top: 3px;
}
#projects.list .items.projects,
#projects.grid .items.projects {
	margin-bottom: 40px;
}
#projects.grid .item .columns,
#projects.grid .sorting,
#projects.list .items .item .project_name,
#projects.list .items .item .item_thumbnail,
#projects.list .items .item .column.thumbnail img {
	display: none;
}

#projects.list .item a .column.name {
	background: url('../img/arrow.svg') no-repeat 0 8px;
	    background-size: auto;
	  background-size: auto;
	  cursor: pointer;
	  background-size: 8px;
	  padding-left: 17px;
	  padding-right: 13px;
}




#projects.list .item .columns {
	display: flex;
	border-bottom: 1px solid #999;
	  padding: 5px 0;
	  font-size: 14px;
}
#projects.list .column {
	padding-right: var(--default-spacing);
	box-sizing: border-box;
}
#projects.list .column span {
	font-size: 14px;
}
#projects.list .column.name {
	width: 60%;
}
#projects.list .column.program {
	width: 30%;
	display: none;
}
#projects.list .column.city {
	width: 30%;
}
#projects.list .column.status {
	width: 10%;
	display: none;
}
#projects.list .column.year {
	width: 10%;
}
#projects.list .column.community {
	width: 30%;
	display: none;
}
#projects.list .column.sector {
	width: 30%;
	display: none;
}
#projects.list .column.thumbnail {
	width: 30%;
	position: relative;
	display:none;
}


#projects.grid .city {
	font-family: var(--default-font-family);
}
#projects.grid .project_name span {
	width: 50%;
	box-sizing: border-box;
}
#projects h2 {
	font-size: var(--default-font-size);
	
}
#projects.grid .project_name span.name {
	padding-right: 5px;
	font-family: var(--strong-font-family);
}
#projects .sorting {
	display: flex;
	margin-top:50px;
}
#projects .sorting .column.button {
	padding-bottom:20px;
}

#projects.list .column.name a {
    background: url('../img/arrow.svg') no-repeat 0 center;
    cursor: pointer;
    background-size: 10px;
    padding-left: 18px;
}

/*PROJECT*/

#project {
	padding-top:20px;
	
}
#project .medias h3 {
	display: none;
	
}
#project .info_value a {
    background: url('../img/arrow.svg') no-repeat 0 center;
    cursor: pointer;
    background-size: 10px;
    padding-left: 18px;
}
#project .info_value a:hover {
    text-decoration:underline;
}
#project .page_header span {
	 font-family: var(--default-font-family);
}
#project .content .column_medias {

	padding-top: var(--content-margin-top);
}
#project .content #footer {
	padding: var(--default-spacing) 0 0 0;
}
#project_infos {
	margin-bottom: 20px;
}
#project .infos_tech .info {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
   	font-size: var(--medium-font-size);
   	line-height: var(--medium-line-height);
	padding-right:10%;
}

#project .infos_tech .info.situation {
	grid-template-columns: 100%;
	display:flex;
}
#project .infos_tech .info.situation .info_value {
	
}
#project .infos_tech .info.situation .info_value a {
	background:none;
	 font-family: var(--strong-font-family);
	 font-size: var(--medium-font-size);
	 padding-left:10px;
}


#project .infos_tech .info h4 {
	 font-family: var(--strong-font-family);
 	font-size: var(--medium-font-size);
 	line-height: var(--medium-line-height);
}
#project .infos_tech .info.situation {
	 margin-bottom:30px;

}
#project #project_infos .infos_tech  {
	height: 150px;
	overflow: hidden;
}
#project #project_infos .infos_tech_container .retract {
	cursor: pointer;
	display: none;
	margin-top: var(--default-spacing);
	text-decoration:underline;
 font-family: var(--strong-font-family);
	font-size: var(--medium-font-size);
}
#project #project_infos .infos_tech_container .expand {
	cursor: pointer;
	margin-top: var(--default-spacing);
	text-decoration:underline;
 font-family: var(--strong-font-family);
	font-size: var(--medium-font-size);
}
#project #project_infos .infos_tech_container.expanded .infos_tech {	
	height: auto;
}
#project #project_infos .infos_tech_container.expanded .retract {
	display: block;
}
#project #project_infos .infos_tech_container.expanded .expand {
	display: none;
}

#project .medias img {
	margin-bottom: 50px;
}

@media only screen and (min-width: 768px) {
	#project .content {
		position: relative;
		display: grid;
    	grid-template-columns: repeat(1, 1fr);
    	grid-gap: var(--default-spacing) var(--default-spacing);
	}
	

	#project .medias {
		display: grid;
    	grid-template-columns: repeat(2, 1fr);
    	grid-gap: var(--default-spacing) var(--default-spacing);
	}
	#project .medias .media.colspan2 {
		grid-column: span 2;
	}
	#project .medias .media.margin {
		margin-bottom: 100px;
	}
	

	#project .infos_tech .info {
		grid-template-columns: repeat(2, 1fr);
		grid-template-columns: 25% 77%;
	}


	#projects.list .column.name {
		width: calc(100% / 1.5);
	}
	#projects.list .column.city {
		width: calc(100% / 3.5);
	}
	

	#projects.list .column.sector {
		width: calc(100% / 3);
	}
	
	#projects.list .column.status {
		width: calc(100% / 3);
		display: block;
	}
	#projects.list .column.year {
		width: calc(100% / 4);
		display: block;
	}
	#projects.list .column.thumbnail {
		display: none;
	}
}
@media only screen and (min-width: 1024px) {
	#projects.list .column.community {
		display: block;
		width: calc(100% / 2);
	}
	#project .content .column_details {

		bottom: var(--default-spacing);
		box-sizing: border-box;
		padding-top: var(--content-margin-top);
		display: grid;
    	grid-template-columns: repeat(2, 1fr);
    	grid-gap: var(--default-spacing) var(--default-spacing);
	}
}

@media only screen and (min-width: 1600px) {
}