@font-face {
    font-family: Noah;
    src: url('/fonts/Noah-Regular.ttf'); 
}
:root {
	--background-color: #fbfbfd;
	--topmargin:400px;
}
@media only screen and (min-width:200px) and (max-width:767px) {
	body {
	background:url('bg_mobile.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	}
}
@media only screen and (min-width:768px) {
	body {
	background:url('bg_desktop.png');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: rgb(0,193,219);
	}
}
.cover-main {
	background-color: transparent;
  	padding: 2rem 10px;
}
.po_form__row {
	display:block;
}
.container{
	max-width:700px;
	margin:0 auto;
}
@media only screen and (min-width:200px) and (max-width:767px) {
	.inset {
		min-width: 380px;
		width: 380px;
		max-width: 380px;
		margin-left: auto;
		margin-right: auto;
		box-sizing: inherit;
	}
	.input-group {
		flex-grow:0;
		flex-shrink:0;
		flex-basis: calc(50% - 8px);
		max-width: calc(50% - 8px);
		width: calc(50% - 8px);
	}
	#div_nav_V{
  		position:absolute;
  		left:0;
  		top:0;
  	}
}
@media only screen and (min-width:768px) {
	.inset {
		min-width: 760px;
		width: 760px;
		max-width: 800px;
		margin-left: auto;
		margin-right: auto;
		box-sizing: inherit;
	}

	.input-group {
		flex-grow:0;
		flex-shrink:0;
		flex-basis: calc(25% - 8px);
		max-width: calc(25% - 8px);
		width: calc(25% - 8px);
	}
	 .po_form__row {
	    display: flex;
	    justify-content: space-between;
	    gap: 10px; 
  	}
  	#div_nav_V{
  		position:relative;
  	}
}
/* Logo UIMM : > à 768px
   ========================================================================== */
.header_home_uimmlogo {
	display:none;
}
@media only screen and (min-width: 768px) {
	.header_home_uimmlogo {
		display:block;
	}
}
.input-group:not(:last-child) {
	margin-right: 8px;
	margin-left: 0;
}
.island {
	padding: 1.5rem 10px;
	border-top-left-radius: 30px;
	border-bottom-right-radius: 30px;
	border-top-right-radius: 20px;
	margin:.5rem 0 1rem 0;
	background-color: rgb(255, 255,255, .9);
}
.island.footer {
	padding: 10px 1.25rem;
}
.goodbye {
	font-size:1.5rem;
	text-align:center;
	color:#fff;
	background-color:var(--charte-uimm-bleu-duck);
	border-radius:3px;
	padding:10px
}
.po-chapeau {
	color:#fff;
	font-family:Noah Bold;
	text-align:center;
	font-size:1.2rem;
	text-transform:uppercase;
	line-height:1.2;
	margin:15px;
	border:5px dashed #fff;
	padding:20px;
	background:#03314c;
}