#article
{
	width: 1000px;
}

#article-texte
{
	float: left;
	width: 575px;
	padding-left: 45px;
	padding-top: 30px;
	background: url(/img/article-texte-vague.jpg) no-repeat 37px 8px;
}

#menu-detail
{
    width: 460px;
    text-align: left;
    margin-top: 20px;
    color: #FFFFFF;
}
#menu-detail a{color: #FFFFFF;}
#menu-detail a:hover{color: #4A86CC;}

#navigation{float: left;}
#imprimer{float: left;}

#article-diapo
{
	float: right;
	width: 380px;
}

.diapo-arianne
{
	width: 360px;
	height: 7px;
	padding: 15px 20px 13px 0;
	margin-bottom: 4px;
	text-align: right;
	color: #ADB3BB;
}
.diapo-arianne a{color: #ADB3BB;}
.diapo-arianne a:hover{color: #4A86CC;}

#article-diapo-photos
{
	width: 350px;
	padding: 0 15px;
	text-align: center;
}

#article-diapo-photos img
{
	border: solid 1px #ADB3BB;
	margin-bottom: 10px;
}

.legende
{
	width: 350px;
	padding: 0 15px;
	margin-bottom: 20px;
	color: #ADB3BB;
}

#document_telecharger
{
	width: 350px;
	padding: 0 15px;
	
}

.doc
{
	width: 230px;
	height: 15px;
	padding-right: 20px;
	text-align: right;
	background: #ADB3BB url(/img/fleche-doc.jpg) no-repeat right;
}
.doc a{color: #FFFFFF;}
.doc a:hover{color: #4A86CC;}

#menus
{
	clear: both;
	width: 936px;
	margin-left: 44px;
	margin-right: 20px;
	border-top: solid 1px #2E3F52;
	background: url(/img/article-texte-vague.jpg) no-repeat left 8px;
}
#menus h1{margin: 30px 0;}

#table-menus
{
	border-collapse: collapse;
}

#table-menus td
{
	background-color: #2E3F52;
	vertical-align: top;
	padding: 20px 0;
	width: 460px;
	text-align: center;
	border-bottom: solid 40px #3D4D5F;
}

.menu-item-pair{ border-right: solid 1px #ADB3BB; }
.menu-item-impair{ border-left: solid 1px #ADB3BB; }

#liste-article
{
	margin-left: 45px;
	width: 555px;
}

.un-article
{
	float: left;
	width: 555px;
	margin-bottom: 25px;
}

.un-article .photo
{
	float: left;
	width: 240px;
}
.un-article .photo img{border: solid 1px #ADB3BB;}

.un-article .accroche
{
	float: right;
	width: 305px;
	padding-left: 10px;
	padding-top: 15px;
}

.un-article .detail
{
	width: 105px;
	height: 20px;
	padding: 0 10px;
	margin-top: 10px;
	font-size: 18px;
	background-color: #ADB3BB;
}
.un-article .detail a{color: #FFFFFF;}
.un-article .detail a:hover{color: #4A86CC;}

#liste-header
{
	float: left;
	width: 565px;
	padding: 20px 0 40px 0;
	margin-left: 45px;
	margin-bottom: 40px;
	border-bottom: solid 1px #314255;
	background: url(/img/article-texte-vague.jpg) no-repeat left 8px;
}

#liste-diapo
{
	float: right;
	width: 380px;
	text-align: center;
}

#liste-diapo img
{
	width: 290px;
	margin: 30px 20px 0 0;
	border: solid 1px #ADB3BB;
}

.texte-rubrique
{
	width: 320px;
	margin: 30px;
	text-align: justify;
}