/* CSS Document */

#corps #titre{
	margin-top:97px;
	margin-left:0px;
}

#corps #sous-titre{
	width:290px;
	margin-left:582px;
}
#corps #sous-titre #bg{
	font-weight:normal;
	color:black;
}
#corps #sous-titre #bg a{
	text-decoration:underline;
	color:black;
}

#corps #img{
	height:193px;
	margin-left:388px;
}

#corps #tableau{
	width:852px;
	background-color:#8e9297;
	margin-top:1px;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#corps #tableau #type{
	text-align:right;
	margin-bottom:3px;
}
#corps #tableau #type select{
	font-size:11px;
	border:#CCCCCC;
}
#corps #tableau #tab{
	/*border:1px black solid;*/
}
#corps #tableau #tab table{
	width:100%;
	background-color:white;
	margin:0;
	border-collapse:collapse;
}
#corps #tableau #tab table tr{
	/*color:#666666;*/
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color:white;
}
#corps #tableau #tab table tr td{
	padding-left:20px;
	border:1px solid #999999;
	cursor: pointer;
}
#corps #tableau #tab table tr td.titre{
	color:black;
	cursor: pointer;
	padding-top:3px;
	padding-bottom:3px;
	border:1px solid #999999;
	background:url('images/degrade.jpg') repeat-x;
	font-weight:bold;
	width:1px;/* problème de la flèche pour les années */
}
#corps #tableau #tab table tr td div {
	margin-right: 10px;
	white-space:nowrap;
}
#corps #tableau #tab table tr td div.asc{
	background: url('images/col_up.gif') right center no-repeat;
}
#corps #tableau #tab table tr td div.desc{
	background: url('images/col_down.gif') right center no-repeat;
}
#corps #tableau #tab table tr div.unsorted{
	background: url('images/col_unsorted.gif') right center no-repeat;
}
#corps #tableau #pages{
	text-align:center;
	margin-top:5px;
}
#corps #tableau #pages a{
	text-decoration:none;
	color:black;
	margin-right:3px;
	margin-left:3px;
}
#corps #tableau #pages a:hover{
	font-weight:bold;
	text-decoration:underline;
}
#corps #pagination {
	margin-top: 10px;
	text-align: center;
}
#corps #pagination span, #corps #pagination span a {
	padding: 0px 5px;
}
#corps #pagination span a {
	color: #fff;
	font-weight: bold;
}
#corps #pagination span a.shortcut{
	text-decoration: none;
}
#corps #texte{
	float: left;
	margin-left:0px;
	margin-top:1px;
	width:362px;
	padding-left:15px;
	padding-bottom:18px;
	height:262px;
}
html>body #corps #texte{
	width:362px;
	min-height:262px;
}
#corps #texte ul{
	list-style:none;
	padding-left:15px;
	margin:0;
	font-size:10px;
}
#corps #texte ul li{
	background:url(../images/puce.gif) no-repeat;
	padding-left:18px;
	margin-top:3px;
}
#corps #texte font.sup {
	position: relative;
	top: -3px;
	font-size: 8px;
}

.gras{
	font-weight:bold;
}

.ita{
	font-style:italic;
}

#images{
	float: left;
	height:96px;
	width:486px;
	margin-top: 1px;
}
#images #imagePrintedContainer{
	text-align: center;
	height: 193px;
	overflow: hidden;
}
#images #imagePrinted{
	height: 193px;
}
#images div#referencesConteneur{
	margin: 1px 1px 1px 1px;
	background-color: #b9b9b9;
	height:96px;
	overflow: hidden;
}
#images div#referencesListeRelative{
	position: relative;
	margin: 0px 96px 0px 96px;
	height:96px;
	overflow: hidden;
	border-left: 1px solid white;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
}
#images div#referencesListe{
	position: absolute;
	overflow: hidden;
}
#images table#referencesListeTable{
	border: 0px;
	border-collapse: collapse;
}
#images table#referencesListeTable tr td{
	text-align: center;
	padding: 0px;
}
#images img.referenceImage{
	border: 0px;
	border-right: 1px solid white;
	height:96px;
	overflow: hidden;
	cursor: pointer;
}
#images div#navigation{
	position: relative;
}
#images div#navigation a{
	display: block;
	position: absolute;
	width: 96px;
	height: 96px;
	top: -96px;
	cursor: pointer;
}
#images div#navigation a#lt_button{
	left: 1px;
	background: url('images/lt_button.gif') 28px 19px no-repeat;
}
#images div#navigation a#gt_button{
	left: 389px;
	background: url('images/gt_button.gif') 34px 19px no-repeat;
}