/*Pages nouvelles des différents projets*/
.detail-projet .top-photo.projet {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
section.detail-projet.homepage {
    margin-top: 170px;
}
.footer-top img {
    width: 100%;
}
.page-detail.contenu-blanc {
    margin-bottom: -5px;
}
html {
    scroll-behavior: smooth;
}
.homepage .detail-projet .top-photo.projet {
    height: 50vh;
}

.page-detail .detail-projet .top-photo.projet {
    height: 86vh;
}
.detail-projet h2{
    font-weight: 600;
}

.detail-projet h1 {
    line-height: 1.2;
    font-weight: 500;
}
.homepage .detail-projet h1 {
    font-size: 2em;
}
.page-detail .detail-projet h1 {
    font-size: 2.5em;
}
.detail-projet .container {
    margin-top: -100px;
    background-color: #ffffff;
    padding: 30px;
}
.detail-projet .container div {
    margin: 17px 0;    
    line-height: 1.6;
}
.detail-projet .localisation-projet::before {
    content: url(/images/localisation.png);
}
.detail-projet .localisation-projet {
   font-size: 20px;
   ont-style: italic;
}
.detail-projet .description {
    font-size: 16px;
}

.page-detail .detail-projet .description {
    font-weight: 600;
}
.homepage .detail-projet .description {
    font-weight: 500;
}
.detail-projet .bouton{
	padding: 15px 40px;
    border: 3px solid #fcbc40;
}
.page-detail .detail-projet .grid-projet {
    margin-top: 40px!important;
}

.detail-projet .grid-projet-1,
.detail-projet .grid-projet-2  {
    display: grid;
    align-items: end;
}
.grid-projet img{
	width:100%;
}
/*.detail-projet .grid-projet-1 {
    grid-template-columns: 40% 60%;
}
.detail-projet .grid-projet-2 {
    grid-template-columns: 60% 40%;
}*/
.detail-projet hr {
	/*
    width: 20px;
    margin-top: 20px;
    background-color: #feba3a;
    height: 3px;
    border: none;
    */
    background-color: #feba3a;
    border: none;
    height: 2px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 13px 0 15px;
    width: 70px;
}
.detail-projet p {
    margin: 0 0 10px;
}
.detail-projet ul {
    margin-left: 20px;
}
.prog-iframe {
    background-color: #eee9df;
}
.prog-iframe h3 {
    margin: auto;
    background-color: #eee9df;
    font-weight: 500;
}
.prog-iframe .titre {
   max-width: 1500px;
    margin: auto;
    padding: 40px 0;
    font-size: 40px;
}

.detail-projet .img-left {
    display: none;
}

.detail-projet .container-inside {
    margin-top: -100px!important;
    width: 90%;
    margin-left: auto!important;
    margin-right: auto!important;
    background-color: #ffffff;
    padding: 40px;
}

.page-detail .grid-projet-half.grid-projet.container {
    padding: 0;
    padding-bottom: 20px;
}
.grid-projet-half.grid-projet.container div {
    margin-bottom: -5px;
}

.planck img {
    width: 100%;
}
.planck .col{
    margin: 25px 10px!important;
}
.planck .col.left{
	margin-left: 0!important;
}
.planck .col.right{
	margin-right: 0!important;
}
.img-centree img{
	width: 100%;
}

.top-photo.projet.homepage {
    height: 50vh;
}
.page-detail.detail-projet .top-photo.projet {
    height: 50vh;
}
@media (max-width: 1919px) and (min-width: 1200px){
	.prog-iframe .titre {
	    max-width: 1200px!important
	}
}
@media (min-width: 1200px){

.planck .col.left{
	margin-left: 0!important;
}
.planck .col.right{
	margin-right: 0!important;
}
	.planck{
		width: 100%;
	    margin-top: 30px;
	    display: grid;
	    grid-template-columns: repeat(3,1fr);
	}

.grid-projet-half .left {
    margin-right: 10px!important;
	}
.grid-projet-half .right {
    margin-left: 10px!important;
	}
.grid-projet-half .description {
	    height: 105px;
	}

.grid-projet-half  .container-inside{
    margin-right: 0!important;
	}

	.detail-projet .container-inside {
	    margin-bottom: 50px!important;
	}
	/*.detail-projet .top-photo.projet {
	    height: 50vh;
	}*/

	.top-photo.projet.homepage {
	    height: 50vh;
	}

	.page-detail.detail-projet .top-photo.projet {
	    height: 86vh;
	}
	.prog-iframe .titre {
	    max-width: 1500px;
	}
	.detail-projet .description{
		/*width: 60%;*/
	}
	.detail-projet .p-left {
	    padding-right: 20%;
	}
	.detail-projet .grid-projet-1 {
	    grid-template-columns: 40% 60%;
	}

	.detail-projet .grid-projet-half {    
		display: grid;
    	grid-template-columns: repeat(2,1fr);
	}
	.detail-projet .grid-projet-2 {
	    grid-template-columns: 60% 40%;
	}
	.detail-projet .p-right {
	    padding-left: 20%;
	}
	.detail-projet .img-right {
	    display: none;
	}
	.detail-projet .img-left {
	    display: block;
	}
	.page-detail.detail-projet h1 {
	    font-size: 50px;
	}
	.homepage .detail-projet h1 {
	    font-size: 32px;
	}
}
@media (max-width: 1199px) and (min-width: 992px){

.planck .col.left{
	margin-left: 0!important;
}
.planck .col.right{
	margin-right: 0!important;
}
	.planck{
		width: 100%;
	    margin-top: 30px;
	    display: grid;
	    grid-template-columns: repeat(3,1fr);
	}


	.top-photo.projet.homepage {
	    height: 50vh;
	}

	.page-detail.detail-projet .top-photo.projet {
	    height: 86vh;
	}
	.detail-projet .container-inside {
	    margin-bottom: 50px!important;
	}
	.prog-iframe .titre {
   		 max-width: 1200px;
	    padding: 40px 40px!important;
	}
	.detail-projet .description{
		width: 60%;
	}
	.detail-projet .p-left {
	    padding-right: 20%;
	}
	.detail-projet .grid-projet-1 {
	    grid-template-columns: 40% 60%;
	}.detail-projet .grid-projet-2 {
	    grid-template-columns: 60% 40%;
	}
	.detail-projet .p-right {
	    padding-left: 20%;
	}
	.detail-projet .img-right {
	    display: none;
	}
	.detail-projet .img-left {
	    display: block;
	}
	.detail-projet h1 {
	    font-size: 50px;
	}
}
@media (max-width: 991px) and (min-width: 768px){
	.prog-iframe .titre {
   		 max-width: 660px;
   	}
	.detail-projet .description{
		width: 100%;
	}
	.detail-projet .grid-projet-1,.detail-projet .grid-projet-2 {
	    grid-template-columns: inherit;
	}
	.detail-projet .p-left {
	    padding-right: initial;
	}
	.detail-projet .container-inside {
	    margin-bottom: 30px!important;
	}

	.top-photo.projet.homepage {
	    height: 50vh;
	}

	.page-detail.detail-projet .top-photo.projet {
	    height: 86vh;
	}
	.planck .col.left{
		margin-left: 0!important;
	}
	.planck .col.right{
		margin-right: 0!important;
	}
}
@media (max-width: 767px) and (min-width: 576px){
	.prog-iframe .titre {
	    max-width: 550px;
	}
	.detail-projet .description{
		width: 100%;
	}
	.detail-projet .grid-projet-1,.detail-projet .grid-projet-2 {
	    grid-template-columns: inherit;
	}
	.detail-projet .p-left {
	    padding-right: initial;
	}
	.detail-projet .container-inside {
	    margin-bottom: 30px!important;
	}

	.top-photo.projet.homepage {
	    height: 50vh;
	}

	.page-detail.detail-projet .top-photo.projet {
	    height: 86vh;
	}
	.planck .col.left{
		margin-left: 0!important;
	}
	.planck .col.right{
		margin-right: 0!important;
	}
}