#contenu { clear: both; float: left; padding: 20px 0; }


#contenu #contenu-photos { float: left; width: 410px; }
#contenu #contenu-texte { float: right; width: 380px; padding: 15px; }


.article-left { float: left; clear: left; width: 390px; padding: 0 10px; color: #DFBD8F; margin-bottom: 30px; }
.article-right { float: right; clear: right; width: 390px; padding: 0 10px; color: #522E04; margin-bottom: 30px; }

.accroche { float: left; width: 220px; }
.photos { float: right; }
.photos img { margin-bottom: 20px; }

.article-left .accroche h2 { border-bottom: solid 1px #DFBD8F; }
.article-left .accroche a { color: #DFBD8F; }
.article-left .accroche a:hover { color: #8A6032; }

.article-right .accroche h2 { border-bottom: solid 1px #522E04; }
.article-right .accroche a { color: #522E04; }
.article-right .accroche a:hover { color: #8A6032; }

.detail { float: right; clear: both; width: 100px; }
.detail a { background-color: #8A6032; margin-top: 15px; padding: 5px; color: #E3CAA7; }
.detail a:hover { color: #522E04; }


#navigation { clear: both; width: 100px; height: 24px; margin-top: 40px; }
#navigation #prec { float: left; width: 24px; height: 24px; }
#navigation #suiv { float: right; width: 24px; height: 24px; }
#navigation #retour { float: left; width: 52px; height: 21px; padding-top: 3px; text-align: center; background-color: #8A6032; }
#navigation #retour a { color: #E3CAA7; }
#navigation #retour a:hover { color: #522E04; }