/*
 * Titre     : La feuille de style d'Emploithèque pour mobile
 * Auteur    : David Prudhon - www.emploitheque.org
 * Version   : 07052015-17032016
 * */
@media (max-width: 480px)
{
	body, div, dd, dl, dt, img, table, tr, td, th, blockquote, code, pre, textarea, input, iframe, object, embed, video, .decret, .arrete, #fpe, #fpt, #fph, #epm, .afpe
	{
		max-width: 100% !important;
		padding:0 !important;
		margin:0 !important;
		border:0 !important;
		box-sizing: border-box !important;
		_width: 100%; /* IE6 seulement */
	}
	th
	{
		font-size:72%;
	}
	h1,h2,h3,h4,h5,h6
	{
		font-size:16px;
	}
	.grand, .moyen, .petit, .nouveau, .news
	{
		font-size:100%;
	}

	.adsensesTentete, .pubG, .pubD, .logoET, .teaser, #cse-search-box, img, object
	{
		display:none;

	}

	/* Vidéo - frame */
	iframe {
	width:320px;
	height:180px;
	}
	.emploiintro
	{
		margin:0 !important;
	}
	.header
	{
		position: relative;
	}

	#fpe, #fpt, #fph, #epm, .decret, .arrete, .afpe, .afph, .afpt, .note, .archives, .nouveau
	{

		background-image: none !important;

	}

	/* Formulaire */

	input[type=text], input[type=url], input[type=email], input[type=password], input[type=tel]
	{
		-webkit-appearance: none;
		-moz-appearance: none;
		display: block;
		margin: 0;
		width: 100%;
		height: 40px;
		line-height: 40px;
		font-size: 17px;
		border: 1px solid #bbb;
		box-sizing: border-box !important;
	}
	input[type=checkbox]
	{
		width: 44px;
		height: 44px;
		border: 1px solid #bbb;
	}


	button[type=submit], input.bouton, input.select
	{
		-webkit-appearance: none;
		-moz-appearance: none;
		display: block;
		margin: 1.5em 0;
		font-size: 100%;
		line-height: 2.5em;
		color: #333;
		font-weight: bold;
		height: 2.5em;
		width: 100%;
		background: #fdfdfd;
		background: -moz-linear-gradient(top, #fdfdfd 0%, #bebebe 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#bebebe));
		background: -webkit-linear-gradient(top, #fdfdfd 0%,#bebebe 100%);
		background: -o-linear-gradient(top, #fdfdfd 0%,#bebebe 100%);
		background: -ms-linear-gradient(top, #fdfdfd 0%,#bebebe 100%);
		background: linear-gradient(to bottom, #fdfdfd 0%,#bebebe 100%);
		border: 1px solid #bbb;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}

	select
	{
		width:80%;
	}

	/* Sigles */
	dl, dt, dd
	{
	width: 100%;
	padding: 0;
	margin:0;
	border:0;
	box-sizing: border-box !important;
	}
	/* Plan */
	li.niveau, li.niveau2, li.niveau3, li.niveau4, li.niveau5, li.niveau6 {
	text-indent:15px;
	margin-left:0 !important;
	}
	/* Nouveau Cookies-consentement */
	#cookies-consentement {
	height:72px !important;
	}
}