#rubrique { margin-top: 20px; text-align:justify;}


#liste-articles { margin-top: 50px; }

#liste-articles #multipage { clear: both; text-align: right; }

#liste-articles .un-article { clear: both; float: left; width: 765px; margin-bottom: 40px; }

#liste-articles .un-article .photo { float: left; width: 135px; }

#liste-articles .un-article .texte { float: right; width: 630px; text-align:justify;}

#liste-articles .un-article .texte h1 { padding-bottom: 10px; }
#liste-articles .un-article .texte h1 a { color: #FCF7BB; }
#liste-articles .un-article .texte h1 a:hover { color: #FF0000; }

#liste-articles .un-article .texte .accroche { border-top: solid 1px #FCF7BB; border-bottom: solid 1px #FCF7BB; padding: 10px 0; }

#liste-articles .un-article .texte .savoir { padding-top: 10px; font-style: italic; }
#liste-articles .un-article .texte .savoir a .savoir1 { color: #FFFFFF; }
#liste-articles .un-article .texte .savoir a:hover .savoir1 { color: #FF0000; }
#liste-articles .un-article .texte .savoir a .savoir2 { color: #FF0000; }
#liste-articles .un-article .texte .savoir a:hover .savoir2 { color: #FFFFFF; }


#detail-articles { margin-top: 40px; }

#detail-articles #corps { float: left; padding-top: 25px; padding-bottom: 60px; }
#detail-articles #corps #texte { float: left; width: 355px; text-align:justify;margin-right:15px;}
#detail-articles #corps #photo { float: right; width: 380px; }

#detail-articles #diapo #sep-l { float: left; width: 210px; padding-top: 10px; border-bottom: solid 1px #FCF7BB; }
#detail-articles #diapo #legende { float: left; width: 345px; color: #FCF7BB; text-align: center; }
#detail-articles #diapo #sep-r { float: right; width: 210px; padding-top: 10px; border-bottom: solid 1px #FCF7BB; }

#detail-articles #diapo #photos { clear: both; padding: 17px 0; }
#detail-articles #diapo #photos img { margin-right: 14px; }

#detail-articles #doc { border-bottom: solid 2px #C0B584; }
#detail-articles #doc #sep-l { float: left; width: 280px; padding-top: 10px; border-bottom: solid 1px #FCF7BB; }
#detail-articles #doc #legende { float: left; width: 205px; color: #FCF7BB; text-align: center; }
#detail-articles #doc #sep-r { float: right; width: 280px; padding-top: 10px; border-bottom: solid 1px #FCF7BB; }

#detail-articles #doc #docs { clear: both; padding: 17px 0; }
#detail-articles #doc #docs li { margin-left: 20px; }
#detail-articles #doc #docs a { color: #FFFFFF; }
#detail-articles #doc #docs a:hover { color: #FCF7BB; }

#detail-articles #boutons-navigation { float: right; width: 98px; padding-top: 45px; }
#detail-articles #boutons-navigation #precedent { float: left; }
#detail-articles #boutons-navigation #retour { float: left; margin: 0 10px; }
#detail-articles #boutons-navigation #suivant { float: right; }