body{
	margin: 0;
	padding:0;
	background-color: #F8F46F;	
}
body.sante-jeunes{
	background-color: #F98470;	
}
.container{
	margin:5% auto; 
	text-align:left; 
	height:80%; 
	width:100%;
	position:absolute;
}
.container.out{
	/*margin:auto; 
	text-align:left; 
	height:60%; 
	width:604px;*/ 	
}
.content{
	position:relative; 
	text-align:center; 
	width:100%; 
	height:100%;
	top:0px;	
	left:0px; 
	z-index:100;
}
.top{
	text-align: center; 
	margin:0;
	top:0;
	position:relative;
	height:68%;
	width:100%;
	display:table;
}
.top img{
	position:relative;
	width:80%;
	max-width: 330px;
	max-height: 228px;
	height: auto; 
	border:0px;	
}
.sante-jeunes .top img{
	max-width: 430px;
}
.top a:first-child{
	display:table-cell;
	vertical-align:bottom;
	text-align: center;
}
/* maintenance */
.notice{
	text-transform:none;
	font: 15px/21px 'Open Sans',Arial,Helvetica,sans-serif;
	letter-spacing:1px; 
	color:#137C99;
}
.filet{
	font: 20px/22px 'Open Sans condensed',Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	position:relative;
	text-align:center; 
	width:92%;
	padding:0 4% 0 4%;
	top:40px;
	left:0px; 
	z-index:300; 
	letter-spacing:1px; 
	color:#137C99;
}

/* out */
.filet.out{
	font: 20px/22px 'Open Sans condensed',Arial,Helvetica,sans-serif;
	text-transform:none;
	/*position:absolute; 
	text-align:center; 
	width:100%; 
	left:0px; 
	top:360px;
	z-index:300;*/ 
}

/*img{
	pointer-events:none;
}*/

.screen{
	display:block;
}
.mobile{
	display:none;
}

@media screen and (max-width: 1000px) {
	.screen{
		display:none;
	}
	.mobile{
		display:block;
	}	
	/*.container,
	.container.out{
		height: auto;
		margin: 0 auto 20% auto;
		top:15%;
		width:80%;
	}
	.content{
		margin-top:15%;
	}
	.top {
		position: relative;
		top: 0;
	}	
	.top img {
		width: 100%;
		height: auto;
		max-width:300px;
	}
	.filet,
	.filet.out{
		position: relative;
		top:20px;
	}*/
}