@media screen and (min-width: 750px) {
	
	.bgd-intime{
		width: 100vw;
		height: 100vh;
		position: fixed;
		background-image:url('../imgs/img-logo-dk.png');
		background-size: auto 78%;	
		background-position: center;
		background-repeat: no-repeat;
		z-index: 1;
	}
	
	header{
		height:60px;	
		padding:40px 96px 0;
		width:calc(100vw - 192px)
	}
	header ul{
		flex-direction: row;	
	}
	header ul li.lien-dk{
		display:inherit;	
	}
	
	footer{
		display: none;
	}
	section#logo h1 svg, section#logo h2 svg {
	  max-width: 700px;
	  height: auto;
	}
	
	section#pre-home{
		min-height:1080px;	
	}
	
	section#pre-home .content-pre-home span{
		bottom:29px;	
	}
	section#intro{
		height:1080px;		
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	
	section#intro .intro-content{
		max-width:700px;	
		margin:0 auto;
	}
	
	section#nuage-de-mots .content-deroule p.deroule1 span{
	 display: block;
        font-size: 177.263px;
        width:2429.58px;	        
	}
	section#nuage-de-mots .content-deroule p.deroule2 span{
		 display: block;
	        font-size: 177.263px;
	       width:2338.28px;	        
	}
	section#nuage-de-mots .content-deroule p.deroule3 span{
		 display: block;
	        font-size: 177.263px;
	        width: 2700.32px;	        
	}
	
	section#chiffres-cles{
		background:transparent;
		background-image:none;
		background-size: 100% auto;
		background-position: top 0 center;
		background-repeat: no-repeat;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 220px 0 150px;
	}
	
	section#chiffres-cles h3{
		margin:0;	
		line-height: 110%;
		font-size: 60px;
		padding-bottom: 30px;
	}
	
	
	section#chiffres-cles ul{
		display:grid;
		grid-template-columns:1fr 1fr 1fr;
		gap:24px;	
		
		width:60%;
		margin:0 auto;
	}
	section#chiffres-cles ul li{
		display:flex;
		flex-direction: column;
		justify-content: center;	
	}
	section#chiffres-cles ul li span {
		font-size:60px;	
	}
	
	.bgd-accessibilite-perspectives{
		background-image:url('../imgs/bg-chiffres-access-dk.png'),linear-gradient(to bottom,#EDE7E0 33%,#ffffff 33%);
		background-size: calc(100% - 3px) auto;
		background-position:top 0 center;
		background-repeat: no-repeat;
		min-height:calc(100vw * 1.47);
		z-index: 5;
		position: relative;
	}
	
	section#accessibilite{
		background-color:transparent;
		background-image:none;
		padding-top:200px;
		height:800px;
	}
	
	section#accessibilite h3{
		line-height: 110%;
		font-size: 80px;	
		padding-bottom:80px;
	}
	section#accessibilite h4{
		font-size:40px;	
	}
	
	section#accessibilite .accessibilite-content{
		width:60%;	
		max-width: 860px;
		margin:0 auto;
	}
	
	section#accessibilite .accesibilite-transports{
		margin:0 auto;	
		display: flex;
		flex-direction: row;
		gap:40px;
	}
	
	section#accessibilite .acc-tra-1,section#accessibilite .acc-tra-2{
		width:calc(50% - 10px);
		flex-direction: column;	
		gap:50px;
	}
	
	section#accessibilite .acc-tra-2 .list-bus li:last-child {
	  padding-left: 0;
	}
	
	section#accessibilite .acc-tra-2 ul.list-ferre br{
		display:none;	
	}
	
	section#perspectives{		
		background-color:transparent;
		position: relative;
	}
	
	section#perspectives h3{
		font-size:110px;
		line-height:110%;	
	}
	
	section#perspectives ul.liste-perspectives{
		grid-template-columns:1fr 1fr 1fr 1fr;
		padding:96px;
		width:calc(100% - 232px);	
	}
	
	section#contacts {
		background-image:url('../imgs/bgd-contacts-dk.png'),linear-gradient(#fff 0% ,#EDE7E0 65%);
		min-height:calc(100vw * 0.685416667);
	}
	
	section#contacts h3{
		font-size:110px;	
	}
	section#contacts .contact-content ul li span br{
		display:none;	
	}
	
	section#contacts .contact-content{
		display: flex;
		flex-direction: column;
		justify-content: center;
		gap:64px;
	}
	
	.smart-popin .sp-table{
		width:calc(100% - 20px);
	}
	.smart-popin .sp-cell{
		position: relative;
	}
	.smart-popin .sp-body .swiper{
		height:100%;
		width:calc(100vw - 40px);
		margin:0;
	}
	.smart-popin .sp-body .swiper-slide figure img{
		height:100%;
		width: auto;
	}
	.smart-popin .sp-table .swiper-zoom-pag{
		width: 100%;
	}
	.smart-popin .sp-table .swiper-zoom-pag .swiper-button-prev{
		left:20px !important;
	}
	.smart-popin .sp-table .swiper-zoom-pag .swiper-button-next{
		right:20px !important;
	}
	
}

@media screen and (min-width: 1200px) {
	
}

@media screen and (min-width: 1500px) {
	section#logo h1 svg, section#logo h2 svg {
	  max-width: calc(100% - 88px);
	  height: auto;
	}
	.bgd-accessibilite-perspectives{
		background-image:url('../imgs/bg-chiffres-access-dk.png'),linear-gradient(to bottom,#EDE7E0 30%,#ffffff 30%);
		background-size: calc(100% - 3px) auto;
		background-position:top 0 center;
		background-repeat: no-repeat;
		min-height:calc(100vw * 1.47);
		z-index: 5;
		position: relative;
	}
	
	section#intro .intro-content{
		max-width:850px;	
		margin:0 auto;
	}
	
	section#chiffres-cles{
		background: transparent;
		background-image:none;
		background-size: 100% auto;
		background-position: top 0 center;
		background-repeat: no-repeat;
		display: flex;
		flex-direction: column;
		justify-content: center;
		height:1080px;
		padding: 200px 0 150px;
	}
	
	section#chiffres-cles h3{
		margin:0;	
		line-height: 110%;
		font-size: 110px;
		padding-bottom: 30px;
	}
	
	section#chiffres-cles ul li span {
		font-size:80px;	
	}
	
	section#perspectives h3{
		font-size:110px;
		line-height:110%;	
	}
	
	section#accessibilite{
		background-color:transparent;
		background-image:none;
		padding-top:250px;
		height:800px;
	}
	
	section#accessibilite h3{
		font-size:110px;
		line-height:110%;	
	}
	
	section#accessibilite h4{
		font-size:60px;	
	}
	section#contacts h3{
		margin-top:550px;
		font-size:110px;	
	}
	
	section#contacts .contact-content{
		display: flex;
		flex-direction: row;
		justify-content: center;
		gap:64px;
	}
}

@media screen and (min-width: 2000px) {
	section#chiffres-cles{
		background: transparent;
		background-image:none;
		background-size: 100% auto;
		background-position: top 0 center;
		background-repeat: no-repeat;
		display: flex;
		flex-direction: column;
		justify-content: center;
		height:56.25vw;
		padding: 200px 0 150px;
	}
	
	.bgd-accessibilite-perspectives{
		background-image:url('../imgs/bg-chiffres-access-dk.png'),linear-gradient(to bottom,#EDE7E0 33%,#ffffff 33%);
		background-size: calc(100% - 3px) auto;
		background-position:top 0 center;
		background-repeat: no-repeat;
		min-height:calc(100vw * 1.47);
		z-index: 5;
		position: relative;
	}
}

