#arianne { float: left; width: 620px; padding: 15px; text-align: right; font-size: 11px; }
#arianne a { color: #FFFFFF; }
#arianne a:hover { color: #004764; }

#rub-texte { float: left; width: 620px; padding: 15px; }

#liste-header { float: left; clear: both; width: 651px; height: 27px; background: url(/img/liste-header.jpg) no-repeat; }


#no-article { float: left; clear: both; width: 620px; padding: 15px; }

/* PHASE LISTE */

#liste-article { float: left; clear: both; width: 620px; padding: 15px; }

.article { float: left; clear: both; width: 620px; 	margin-bottom: 15px; }
.article .accroche { float: left;width: 420px; }
.article .accroche a { color: #BCDDFA; }
.article .accroche a:hover { color: #004764; }
.article .accroche h2 { border-bottom: dashed 1px #BCDDFA; padding-bottom: 12px; margin-bottom: 12px; }

.article .accroche .detail { float: left; clear: both; width: 420px; text-align: right; }
.article .accroche .detail a { float: right; clear: both; margin-top: 5px; color: #065B78; padding: 5px; background-color: #BCDDFA; }

.article .photo { float: left; width: 160px; padding: 0 20px; }
.article .photo img { padding: 6px 0; border: solid 1px #BCDDFA; }


/* PHASE DETAIL */

#detail-article { float: left; clear: both; width: 620px; padding: 15px; }
#detail-article h2 { border-bottom: dashed 1px #BCDDFA; padding-bottom: 12px; margin-bottom: 12px; }

#detail-article table { border-collapse: collapse; border: solid 1px #004764; }
#detail-article th { padding: 5px; border: solid 1px #004764; }
#detail-article td { padding: 5px; border: solid 1px #004764; }

#detail-article #photos
{
	float: left;
	clear: both;
	width: 600px;
	margin-top: 15px;
	padding: 10px;
	background-color: #065B78;
	text-align: center;
}
#detail-article #photos img { padding: 6px 0; border: solid 1px #BCDDFA; }
#detail-article #photos #legende { margin-top: 5px; text-align: left; color: #BCDDFA; font-size: 11px; }

#detail-article #navigation
{
	float: left;
	clear: both;
	width: 500px;
	margin-top: 15px;
}

#detail-article #navigation #prec { float: left; width: 150px; text-align: left; }
#detail-article #navigation #suiv { float: right; width: 150px; text-align: right; }
#detail-article #navigation #retour { float: left; width: 200px; text-align: center; }
#detail-article #navigation a { color: #004764; font-weight: bold; }
#detail-article #navigation a:hover { color: #BCDDFA; font-weight: bold; }