/**************************************************
*   Styles pour la page des Bulletins Officiels
**************************************************/

div.PageBO{
	margin: 5px 30px 5px 30px;
	padding: 0px 0px 0px 0px;
}
div.PageBO a{
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
	color: #00008F;
	border-width: 0px 0px 0px 0px;
  border-style: none;
	border-collapse: collapse;
}
div.PageBO a:hover{
	color: #FF8040;
}

div.ListeBO{
	clear: both;
	margin:  5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-top-width: 0px;
  border-top-style: none;
	border-collapse: collapse;
	background-color: transparent;
}

@media screen{
	div.BO{
		float:left;
		display: block;
		width:	85px;
		height: 65px;
		margin:  5px 5px 5px 5px;
		padding: 0px 0px 0px 0px;
		border-width: 0px 0px 0px 0px;
	  border-style: none;
		border-collapse: collapse;
		background-color: #8F8F8F;
	}
	div.BO div.Feuille a, div.FeuilleCR a, div.FeuilleAG a {
		display: block;
		width:	83px;
		height: 63px;
		position: relative; 
		top: -5px;
		left: -5px;
		margin:  0px 0px 0px 0px;
		padding: 3px 0px 0px 3px;
		border-style:none;
		border-width: 0px;
		border-color:#CDCDCD;
		background-color: #FFFFFF;
		color: #00008F;
		font-family: "Arial", Helvetica, sans-serif;
		font-size: 12px;
		font-style: normal;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		text-indent: 0;
		z-index:0;
	}
	div.BO div.FeuilleCR a{
		display: block;
		width:	83px;
		height: 63px;
		position: relative; 
		top: -5px;
		left: -5px;
		margin:  0px 0px 0px 0px;
		padding: 3px 0px 0px 3px;
		border-style:none;
		border-width: 0px;
		border-color:#CDCDCD;
		background-color: #BFFFBF;
		color: #00008F;
		font-family: "Arial", Helvetica, sans-serif;
		font-size: 12px;
		font-style: normal;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		text-indent: 0;
		z-index:0;
	}
	div.BO div.FeuilleAG a {
		display: block;
		width:	83px;
		height: 63px;
		position: relative; 
		top: -5px;
		left: -5px;
		margin:  0px 0px 0px 0px;
		padding: 3px 0px 0px 3px;
		border-style:none;
		border-width: 0px;
		border-color:#CDCDCD;
		background-color: #FFFFBF;
		color: #00008F;
		font-family: "Arial", Helvetica, sans-serif;
		font-size: 12px;
		font-style: normal;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		text-indent: 0;
		z-index:0;
	}
}
@media print{
	div.BO{
		float:left;
		display: block;
		width:	85px;
		height: 65px;
		margin:  5px 5px 5px 5px;
		padding: 0px 0px 0px 0px;
		border-width: 1px;
	  border-style: none;
	  border-color: #000000;
		border-collapse: collapse;
		background-color: #FFFFFF;
	}
	div.BO div.Feuille a{
		display: block;
		width:	83px;
		height: 63px;
		position: relative; 
		top: -5px;
		left: -5px;
		margin:  0px 0px 0px 0px;
		padding: 3px 0px 0px 3px;
		border-style:solid;
		border-width: 1px;
		border-color:#000000;
		background-color: #FFFFFF;
		color: #00008F;
		font-family: "Arial", Helvetica, sans-serif;
		font-size: 12px;
		font-style: normal;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		text-indent: 0;
		z-index:0;
	}
	div.BO div.FeuilleCR a{
		display: block;
		width:	83px;
		height: 63px;
		position: relative; 
		top: -5px;
		left: -5px;
		margin:  0px 0px 0px 0px;
		padding: 3px 0px 0px 3px;
		border-style:solid;
		border-width: 1px;
		border-color:#000000;
		background-color: #FFFFFF;
		color: #00008F;
		font-family: "Arial", Helvetica, sans-serif;
		font-size: 12px;
		font-style: normal;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		text-indent: 0;
		z-index:0;
	}
	div.BO div.FeuilleAG a{
		display: block;
		width:	83px;
		height: 63px;
		position: relative; 
		top: -5px;
		left: -5px;
		margin:  0px 0px 0px 0px;
		padding: 3px 0px 0px 3px;
		border-style:solid;
		border-width: 1px;
		border-color:#000000;
		background-color: #FFFFFF;
		color: #00008F;
		font-family: "Arial", Helvetica, sans-serif;
		font-size: 12px;
		font-style: normal;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		text-indent: 0;
		z-index:0;
	}
}
div.BO div.Feuille a:hover {
	width:	83px;
	height: 63px;
	border-left-style:solid;
	border-left-width: 2px;
	border-left-color:#CDCDCD;
	border-top-style:solid;
	border-top-width: 2px;
	border-top-color:#CDCDCD;
	text-decoration: none;
	background-color: #00008F;
	color: #FFFFFF;
}
div.BO div.FeuilleCR a:hover {
	width:	83px;
	height: 63px;
	border-left-style:solid;
	border-left-width: 2px;
	border-left-color:#CDCDCD;
	border-top-style:solid;
	border-top-width: 2px;
	border-top-color:#CDCDCD;
	text-decoration: none;
	background-color: #00008F;
	color: #FFFFFF;
}
div.BO div.FeuilleAG a:hover {
	width:	83px;
	height: 63px;
	border-left-style:solid;
	border-left-width: 2px;
	border-left-color:#CDCDCD;
	border-top-style:solid;
	border-top-width: 2px;
	border-top-color:#CDCDCD;
	text-decoration: none;
	background-color: #00008F;
	color: #FFFFFF;
}

div.BO p.Taille{
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 10px;
	text-align: right;
}