/* Styles HTML */
body
{
	font-size: 8pt;
	color: #555555;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	margin: 0px;
	background: #555555 url(Images/Background.png) repeat-y center;
}
a
{
	color: #555555;
	font-weight: bold;
}
a:link, a:visited, a:active
{
	text-decoration: none;
}
a:hover, a:focus
{
	text-decoration: underline;
}
/* Structure principale */
.mainDiv
{
	margin: 0px auto 0px auto;
	width: 720px;
}
.mainTable
{
	width: 100%;
}
/* Images */
.imageLeft
{
	float: left;
}
.imageRight
{
	float: right;
}
.imageCenter
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/* Barres */
.menuBar
{
	height: 39px;
	background-image: url(Images/MenuBarBackground.png);
}
.adminBar
{
	border-top: #7f0022 1px solid;
	border-bottom: #7f0022 1px solid;
	padding: 2px;
	color: #ffffff;
	background-color: #ff0044;
}
.adminBar a
{
	color: #ffffff;
}
.adminBarSpacer
{
	height: 2px;
}
.footerBar
{
	text-align: center;
	border-top: #c0c0c0 1px solid;
	border-bottom: #c0c0c0 1px solid;
	background-color: #f8f8f8;
}
.belowFooterBar
{
	text-align: center;
	color: #777777;
}
.belowFooterBar a
{
	font-size: 7pt;
	font-weight: normal;
	color: #777777;
}
.warningBar
{
	opacity: .75; /* pour Firefox et Opera */
	filter: alpha(opacity=75); /* pour Internet Explorer */
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	background-color: #ff0044;
	color: #ffffff;
	font-weight: bold;
	text-decoration: blink; /* pour Firefox */
}
/* Tableaux */
/* /!\ Pas la meilleure méthode,
car le padding de .contentTable td écrase tout style enfant,
y compris ceux des cadres carrés ou arrondis */
.contentTable
 {
	width: 100%;
 }
 .contentTable td
 {
	padding: 4px;
 }
/* en résolution de ce problème */
.largest /* à placer par exemple sur la table */
{
	width: 100%
}
.padded
{
	padding: 4px; /* à ne mettre que sur les td concernés (pas besoin sur les titleRow) */
}
/* Fin de /!\ */
.titleRow
{
	font-weight: bold;
	padding: 6px;
	border-top: #c0c0c0 1px solid;
	border-bottom: #c0c0c0 1px solid;
	background-color: #f8f8f8;
}
/* Divers */
.blink /* marche seulement dans Firefox */
{
	text-decoration: blink;
}
.error
{
	color: #ff0044;
	padding: 2px;
	margin: 2px;
}
.warning
{
	color: #ff3300;
	border: solid 1px #ff3300;
	padding: 2px;
	margin: 2px;
}
.photo
{
	float: left;
}
.bullet
{
	margin-right: 6px;
}
.cleanBody
{
	background: #ffffff;
	margin: 6px;
}
/* Grille (pour GridView) */
.grid
{
	width: 100%;
	border: solid 1px #c0c0c0;
}
.grid th
{
	border: solid 1px #c0c0c0;
}
.grid td
{
	border: solid 1px #c0c0c0;
}
.gridHeader
{
	font-size: 8pt;
	font-weight: bold;
}
.gridHeaderSmall
{
	font-size: 7pt;
	font-weight: bold;
}
.gridPager
{
	font-size: 8pt;
}
.gridItem
{
	font-size: 8pt;
	vertical-align: middle;
}
.gridItem input
{
	font-size: 8pt;
}
.gridItem select
{
	font-size: 8pt;
}
.gridItemAlternating
{
	font-size: 8pt;
	vertical-align: middle;
	background-color: #f8f8f8;
}
.gridItemAlternating input
{
	font-size: 8pt;
}
.gridItemAlternating select
{
	font-size: 8pt;
}
.gridSelected
{
	font-size: 8pt;
	vertical-align: middle;
	background-color: #e0eeee;
}
.gridSelected input
{
	font-size: 8pt;
}
.gridSelected select
{
	font-size: 8pt;
}
.gridItemSmall
{
	font-size: 7pt;
	vertical-align: middle;
}
.gridItemSmall input
{
	font-size: 7pt;
}
.gridItemSmall select
{
	font-size: 7pt;
}
.gridItemSmallAlternating
{
	font-size: 7pt;
	vertical-align: middle;
	background-color: #f8f8f8;
}
.gridItemSmallAlternating input
{
	font-size: 7pt;
}
.gridItemSmallAlternating select
{
	font-size: 7pt;
}
.gridSelectedSmall
{
	font-size: 7pt;
	vertical-align: middle;
	background-color: #e0eeee;
}
.gridSelectedSmall input
{
	font-size: 7pt;
}
.gridSelectedSmall select
{
	font-size: 7pt;
}
/* Grille de détails (pour DetailsView) */
.detailsHeader
{
	font-size: 8pt;
}
.detailsHeaderSmall
{
	font-size: 7pt;
}
.detailsItem
{
	font-size: 8pt;
}
.detailsItem input
{
	font-size: 8pt;
}
.detailsItem select
{
	font-size: 8pt;
}
.detailsItemSmall
{
	font-size: 7pt;
}
.detailsItemSmall input
{
	font-size: 7pt;
}
.detailsItemSmall select
{
	font-size: 7pt;
}
/* Champs et contrôles */
.textBox
{
	font-size: 8pt;
}
.textBoxSmall
{
	font-size: 7pt;
}
.dropDownList
{
	font-size: 8pt;
}
.dropDownListDisabled
{
	font-size: 8pt;
	color: #000000;
}
.dropDownListSmall
{
	font-size: 7pt;
}
.dropDownListSmallDisabled
{
	font-size: 7pt;
	color: #000000;
}
.fileInput
{
	font-size: 8pt;
}
.button
{
	font-size: 8pt;
}
/* Cadre carré */
.squaredFrameTop
{
	background-image: url(Images/SquaredFrameTopBackground.png);
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
	width: 100%;
}
.squaredFrameMiddleLeft
{
	background-image: url(Images/SquaredFrameMiddleLeftBackground.png);
	width: 2px;
}
.squaredFrameMiddle
{
	background-image: url(Images/SquaredFrameMiddleBackground.png);
	text-align: justify;
	width: auto;
	padding: 8px;
}
.squaredFrameMiddleCentered
{
	background-image: url(Images/SquaredFrameMiddleBackground.png);
	text-align: center;
	width: auto;
	padding: 8px;
}
.squaredFrameMiddleRight
{
	background-image: url(Images/SquaredFrameMiddleRightBackground.png);
	width: 2px;
}
.squaredFrameBottom
{
	background-image: url(Images/SquaredFrameBottomBackground.png);
	width: 100%;
}
/* Cadre arrondi */
.roundedFrameTop
{
	background-image: url(Images/RoundedFrameTopBackground.png);
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
	width: 100%;
}
.roundedFrameMiddleLeft
{
	background-image: url(Images/RoundedFrameMiddleLeftBackground.png);
	width: 2px;
}
.roundedFrameMiddle
{
	background-image: url(Images/RoundedFrameMiddleBackground.png);
	text-align: justify;
	width: auto;
	padding: 8px;
}
.roundedFrameMiddleCentered
{
	background-image: url(Images/RoundedFrameMiddleBackground.png);
	text-align: center;
	width: auto;
	padding: 8px;
}
.roundedFrameMiddleRight
{
	background-image: url(Images/RoundedFrameMiddleRightBackground.png);
	width: 2px;
}
.roundedFrameBottom
{
	background-image: url(Images/RoundedFrameBottomBackground.png);
	width: 100%;
}
/* Barre de progression */
.progressBar
{
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	border: solid 1px #7f0022;
	background-color: #ff0044;
}
.progressBarContainer
{
	background-color: #ededed; /* hommage au développeur ;) */
}