@charset "utf-8";

#articles #sstitre {
	font: 12px Arial, Helvetica, sans-serif;
	color: #4e4d4d;
	background: url(../images/flechejaune.jpg) no-repeat;
	padding-left: 15px;
	margin-top: 19px;
	margin-left: 16px;
	margin-bottom: 18px;
	width:525px;
}
#mascottelois {
	background: url(../images/mascotte-lois.png) no-repeat;
	height: 84px;
	width: 107px;
	position: absolute;
	left: 557px;
	top: 0px;
}
#mascotteformation {
	background: url(../images/mascotte-formation.png) no-repeat;
	height: 84px;
	width: 107px;
	position: absolute;
	left: 557px;
	top: 0px;
}
#articles {
	background: url(../images/fond-lois.jpg) no-repeat 0px 58px;
}
#titrelois {
	font: 13px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	display: block;
	clear: both;
	margin-left: 14px;
	height: 13px;
	padding-top: 38px;
}
#titrelois2 {
	font: 13px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	display: block;
	clear: both;
	margin-left: 14px;
	height: 13px;
	padding-top: 26px;
}
#textelois {
	display: block;
	padding-top: 27px;
	font: 12px Arial, Helvetica, sans-serif;
	margin-left: 19px;
	margin-bottom: 34px;
}
.art .texte h3 {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #2684dc;
	margin-bottom:8px;
}

.art {
	width: 651px;
	margin-left: 19px;
	margin-top: 11px;
	padding : 0  0 10px 0;
	border-bottom: 1px dotted #666666;
	/*height: 95px;*/
}
.art .texte {
	width: 430px;
	float: left;
}
.art .telecharge{
	height: 95px;
	width: 216px;
	position: relatif;
	left: 0;
	top: 0;
}
.telecharge .t01 {
	background: url(../images/btn-telecharger.jpg) no-repeat;
	display: block;
	float: left;
	height: 17px;
	width: 17px;
}
.telecharge .t02 {
	font: 9px/17px Arial, Helvetica, sans-serif;
	color: #515151;
	float: left;
	height: 17px;
	display: block;
	width: 66px;
	border-top: 1px solid #c7c7c7;
}
.telecharge .t04 {
	background: url(../images/telecharger-abg.jpg) no-repeat;
	display: block;
	float: left;
	height: 5px;
	width: 5px;
}
.telecharge .t06 {
	background: url(../images/telecharger-abd.jpg) no-repeat;
	display: block;
	float: left;
	height: 5px;
	width: 5px;
}
.telecharge .t05 {
	display: block;
	float: left;
	height: 5px;
	width: 79px;
	border-bottom: 1px solid #c7c7c7;
	font: 1px Arial, Helvetica, sans-serif;
}

.telecharge .t03 {
	background: url(../images/telecharger-ad.jpg) no-repeat;
	display: block;
	float: left;
	height: 17px;
	width: 6px;
}
.telecharge .centre {
	font: 9px/14px Arial, Helvetica, sans-serif;
	color: #318bdb;
	clear: both;
	text-align: center;
	height: 14px;
	width: 87px;
	display: block;
	border-right: 1px solid #c7c7c7;
	border-left: 1px solid #c7c7c7;
}
.telecharge a {
	color: #318bdb;
}
.telecharge a:hover {
	color: #f79a03;
}
.art p {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000000;
}
#ongletjuris a {
	background: url(../images/onglet-juris.jpg) no-repeat;
	height: 25px;
	width: 146px;
	display: block;
	float: left;
	text-align: center;
	color: #4e4d4d;
	font: 12px/25px Arial, Helvetica, sans-serif;
}
#ongletlois a {
	background: url(../images/onglet-lois.jpg) no-repeat;
	height: 25px;
	width: 145px;
	display: block;
	float: left;
	text-align: center;
	color: #4e4d4d;
	font: 12px/25px Arial, Helvetica, sans-serif;
}
#ongletprevention a {
	background: url(../images/onglet-prevention.jpg) no-repeat;
	height: 25px;
	width: 142px;
	display: block;
	float: left;
	text-align: center;
	color: #4e4d4d;
	font: 12px/25px Arial, Helvetica, sans-serif;
}

.texte .date{
-x-system-font:none;
color:#7B7B7B;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin-bottom:25px;
}