@media
	only screen 
    and (min-width: 1200px)
    and (min-device-width: 1024px)  {

	header {
		margin-top: 0px;
		border-top: none;
		padding-top: 0;
		height: 150px;
		width: 100%;
		background-color: rgba(15, 23, 66, 0.6);
		padding: 10px;
		margin: 0px;

		display: flex;
		justify-content: space-between;
		align-items: flex-end;

		color: white;
		font-size: 14px;
	} 

	.lien_nav, .lien_con{
		display: flex;
	}

	.separateur {
		font-size: 30px;
	}

	header .icon {
		display: none;
	}
}

@media
	only screen 
    and (max-width: 1199px), (min-device-height: 100px)
    and (max-device-width: 1023px)  {

    header {
    	margin-top: 0px;
		border-top: none;
		padding-top: 0;
		
		width: 100%;
		background-color: rgba(15, 23, 66, 0.6);
		padding: 10px;
		margin: 0px;

		display: flex;
		flex-direction: column;
		text-align: center;
    }
    header .icon {
    	text-align: left;
    	font-size: 50px;
    }

   .lien_nav a, .lien_con a {
    	padding-bottom: 25px;
    	padding-top: 25px;
    }

	.lien_nav {
		display: none;
		font-size: 30px;
		border-bottom-style: solid;
  		border-color: white;
  		border-width: 1px;
	}
	.lien_con {
		display: none;
		font-size: 30px;
	}
	.separateur{display:none;}

  	.responsive {
	    display: flex;
    	flex-direction: column;
    	width: 100%;
  	}
}