/*
*{
	border : 1px dashed green;
}

div 
{
	border : 1px dashed red;
}




*
{
	color: white;
}
*/

input
{
	color: black;
}

p
{
	padding: 0;
	margin : 0;
}



table td tr th
{

	padding: 10px;
	margin : 50px;
	border-spacing: 0;
	border-collapse: separate;
}

div.userInfo
{
	background-color: #800000;
	padding: 5px;
	color: white;
}

html, body
{
	font-family:"Comic sans MS", "Verdana", "Sans-Serif";
	font-size: 12px;
	margin-left : auto;
	margin-right : auto;
	width:100%;
	background-color : black;
	overflow: hidden;

}

input, select, option
{
	font-family:"Comic sans MS", "Verdana", "Sans-Serif";
	font-size: 12px;
	color: black;
}

img.icone
{
	height: 24px;
	cursor: pointer;
}

img.iconePageSelector
{
	height: 16px;
	cursor: pointer;
}

img.iconePageSelectorDisabled
{
	height: 16px;
	opacity: 0.5;
	
}


a img
{
	text-decoration: none;
	border: 0px none black;
}


ul
{
	padding: 0;
	margin: 0;
}

li
{
	list-style-type:none;
}

.memo
{
	border : 4px ridge yellow;
	text-align: center;
	min-height: 0%;
	color: white;
}

div.memo
{
	margin: 10px 3px;
}


.menu ul
{
	padding: 5px;
cursor: pointer;
}

.menu ul li
{
	font-size: 16px;
	background-image:url('img/bullet10_white.png');
	background-repeat:no-repeat;
	background-position:0% 65%;
	padding-left:15px;
	color: white;
	height: 20px;


}


.menu ul li.selected
{
	background-image:url('img/bullet10_red.png');
}

.menu ul li.selected span
{
	color : #FF6060;
	font-weight: bold;
}

.menu table
{
	border-spacing: 0; 
	border: 0; 
	margin: 0; 
	padding: 0;
}

.menu p
{
	color: white;
}



div.panneauLateral
{
	position: absolute;
	left:0px;
	top: 0px;
	background-color : black;
	width: 150px;
	height: 1024px;
}


div.centrePageAdmin
{
	overflow: auto;
	position: absolute;
	left:150px;
	top: 0px;
	background-color : #202020;
	width: 99%;
	min-height: 100%;
	margin : 0 auto;
	vertical-align: middle;
	visibility: hidden;
	z-index: -1;
	font-size: 16px;
	color: white;
}


div.centrePage
{
	position: absolute;
	left:150px;
	top: 0px;
	background-color : #202020;
	width: 99%;
	min-height: 100%;
	margin : 0 auto;
	vertical-align: middle;
	visibility: hidden;
	z-index: -1;
	font-size: 16px;
	color: white;
}

div.RubriqueTexte
{
	position: absolute;
	left:150px;
	top: 0px;
	background-color : #202020;
	width: 99%;
	min-height: 100%;
	margin : 0 auto;
	vertical-align: middle;
	visibility: hidden;
	z-index: -1;
	font-size: 16px;
	color: white;
	overflow: auto;
}

div.RubriqueTexte p
{
	text-indent: 20px;
	padding-bottom: 20px;
}

div.RubriqueTexte h2
{
	font-size: 20px;
	text-decoration: underline;
}


div.RubriqueTexte ul 
{
	padding-bottom: 20px;
}

div.RubriqueTexte ul li
{
	list-style-type: square;
	list-style-position: inside;
	text-indent: 20px;
	padding-bottom: 10px;

}




div.filtreListe 
{
	position: absolute;
	left: 110px;
	top: 130px;
	height: 310px;
	width : 270px;
	padding: 5px;
	border: 5px ridge green;
	background-color: #004000;
	opacity: 0.9;
	filter: alpha(opacity = 90);
	/*display: none;*/
	color: white;
}

div.gauche
{
	float: left;
	width: 230px;
	height: 250px;
}

div.droite
{
	float: right;
	width: 24px;
	height: 250px;
}

.filtreListeCache
{
	display: none;
}


.filtreListe li
{
	font-size: 12px;
	background-image: none;
	padding-left: 0px;
}

.filtreListe h2
{
	font-size: 12px;	
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 3px;
	text-decoration : underline;
	font-weight: normal;
}

.filtreListe h1
{
	font-size: 18px;
	margin: 0px;
	margin-bottom: 10px;
	text-decoration : underline;
}

.filtreListe select
{

	width: 230px;

}




div.messageDErreurPHP
{
	/*border : 5px double yellow;*/
	background-color : white;
	width : 80%;
	margin-top : 9px;
	margin-bottom : 9px;
	margin-left : 15px;
	margin-right : 15px;
	padding-top : 9px;
	padding-bottom : 9px;
	padding-left : 15px;
	padding-right : 15px;
}

		
	th.Oeuvre
	{
		
		/*border: 1px solid blue;*/

		margin: auto;
	
	}
	
	img.Gallery_miniature
	{
		/*height: 120px;*/
		cursor : pointer; 
		border: 15px solid gray;
		margin-left: 25px;
		margin-right: 25px;
		
	}
	
	table.Catalogue
	{
		vertical-align : middle;
		height: 100%;
		width: 80%;
		padding : 30px;
	
	}

	table.Selection
	{
		vertical-align : middle;
		/*height: 100%;*/
		width: 80%;
	
	}
	

	
	table.elementSelection 
	{
		width: 90%;
		margin : 30px;
		background-color: black;
		padding: 20px;
		border: 1px solid #303030;
		
	}

	div.Selection
	{
		position: absolute;
		left:150px;
		top: 0px;
		background-color : #202020;
		width: 99%;
		min-height: 100%;
		margin : 0 auto;
		vertical-align: middle;
		z-index: -1;
		font-size: 16px;
		overflow: auto;
		color: white;
	}
	
.GallerieAction
{
	visibility: hidden;
	
}
	
.pageSelector, .pageSelector *
{
	font-size: 14px;
  vertical-align: bottom;
	color: white;

}



	
div.grandZoom
{
	position: absolute;
	top: 0px;
	left : 0px;
	width: 100%;
	height: 100%;
	background-color: RGBA(0,0,0,0.5);
	border: none;
	min-height: 0px;
	visibility: hidden;
   text-align:center;
   display:table-cell;
   vertical-align:middle;
}

div.grandZoom img
{
	vertical-align:middle; 
	max-height: 70%;
	max-width: 80%;
	margin: 30px auto;
	border: 50px solid gray;
}



div.focusCentral
{
	position: absolute;
	top: 60px;
	left : 300px;
	height: 420px;
	border: 5px ridge red;
	min-height: 0px;
	min-width: 0px;
	visibility: hidden;
	font-size: 14px;
	overflow: auto;


}

div.focusCentralBackgrnd
{
	position: absolute;
	top: 60px;
	left : 300px;
	height: 420px;
	background-color:rgb(80,0,0);
	opacity: 0.8;
	filter: alpha(opacity = 80);
	border: 5px ridge red;
	min-height: 0px;
	min-width: 0px;
	visibility: hidden;
	font-size: 14px;


}


div.titreDescriptif
{
	float: left;  
	margin: 0 auto;
	font-size: 18px;
	text-decoration: underline;
	margin: 0;
	color: white;
}

div.titreDescriptif div img
{
	margin-top: 3px; 
	margin-right: 5px; 
	height: 20px; 
	display: inline;
}

div.fermerDescriptif
{
	float:right;
}

.fermerDescriptif img
{
	margin-top: 3px; 
	margin-right: 5px; 
	display: inline;
	cursor: pointer;
}



table.descriptif 
{
	/*padding: 30px;*/
	margin: 0 auto;
	color: white;
	font-size: 14px;
}

table.descriptif  th
{
	white-space: nowrap;
	text-align: right;
	vertical-align: top;
	padding: 0px;
}

table.descriptif  td
{
	text-align: left;
	vertical-align: top;
}

table.descriptif  th.photoDescriptif
{
	text-align: center;
}

table.descriptif  th.photoDescriptif img
{
	border: 15px solid gray; 
	margin: 20px;
	max-width: 400px;
	cursor: pointer;
}

table.listeAdmin 
{
	width: 90%;
	background-color: #404040;
	margin: 25px;
	border: 0;
	border-collapse: collapse;
	border: 2px solid white;
	font-size: 14px;
	color: white;
	white-space: nowrap;
}

table.listeAdmin  th
{
	font-size: 20px;
	background-color: #F00000;

}


table.listeAdmin tr th input
{
	margin: 5px;
}

table.listeAdmin tr td
{
	padding: 0px 15px;
}

table.listeAdmin tr td.data
{
	background-color: black;
	padding: 5px;
}
table.listeAdmin tr td.dataPaire
{
	background-color: #000040;
}
table.listeAdmin tr td.dataImpaire
{
	background-color: black;
}


table.listeAdmin tr td.title
{
	text-align: right;
	background-color: black;
	padding: 5px;
}
table.listeAdmin tr td.titlePaire
{
	text-align: right;
	background-color: #000040;
}
table.listeAdmin tr td.titleImpaire
{
	text-align: right;
	background-color: black;
}

		
table.listeAdmin tr td.action
{
	background-color: black;
	padding: 5px;
}
table.listeAdmin tr td.listActionPaire
{
/*	padding: 5px;*/
	background-color: #000040;
	text-align: center;
}
table.listeAdmin tr td.listActionImpaire
{
	
/*	padding: 5px;*/
	background-color: black;
	text-align: center;

}


table.listeAdmin tr td
{
	height: 18px;
	padding: 2px;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
}

a:hover
{
	border: 2px ridge white;
}

a
{
	border: 2px solid #FF8000;
	color: white;
	text-decoration: none;
	background-color: #FF8000; 
	padding-top: 1px; 
	padding-bottom: 1px; 
	padding-left: 10px; 
	padding-right: 10px; 
	cursor:pointer;
}

div.errorMessage
{
	padding: 15px;
	margin: 25px;
	border: 2px solid white;
	background-color: red;
	color: white;
}

div.errorMessageOK
{
	padding: 15px;
	margin: 25px;
	border: 2px solid white;
	background-color: green;
	color: white;
}

div.errorMessageDetails
{
	color: black;
	font-size: 12px;
	padding: 15px;
	margin: 25px;
	border: 2px solid black;
	background-color: white;
	display: none;
}

.monCompteReservDeploye, .monCompteDetenDeploye, .monCompteCoordDeploye, .monCompteConnxDeploye
{
	margin: 0px;
	padding: 0px;
}


.monCompteReservReplie, .monCompteDetenReplie, .monCompteCoordReplie, .monCompteConnxReplie
{

	margin: 0px;
	padding: 0px;
}

.titreMonCompteReplie
{
	vertical-align : top; 
	text-align: left; 
	background-color: #804000;
}

.titreMonCompteDeplie
{

	vertical-align : top; 
	text-align: left; 
	background-color: #804000;
}

.elemMonCompteReplie
{
	vertical-align : top; 
	text-align: left; 
	background-color: #804000;
}

.elemMonCompteDeplie
{
	vertical-align : top; 
	text-align: left; 
	background-color: #804000;
	padding-left: 32px;
}

.spacer
{
	height: 20px;
}

.monCompteFormTitle
{
	text-align: right;
}

.monCompteFormData
{

}

div.info
{
	position: absolute; 
	top: 0px; 
	width: 100%; 
	height: 20px; 
	left:150px; 
	background-color: yellow;
	color: black;
	text-align: center;
	font-size: 120%;
}

table.tableMouvements
{
	border-collapse: collapse;
	margin: 20px;
}

table.tableMouvements tr th
{
	padding: 10px;
	border-top : 1px solid #505050;
	border-bottom : 1px solid #505050;
	border-left : 1px solid #505050;
	text-align: right;
}
table.tableMouvements tr td
{
	padding: 10px;
	border-top : 1px solid #505050;
	border-bottom : 1px solid #505050;
	border-right : 1px solid #505050;
}

table.tableMouvements tr td.resultatOK
{
	padding: 10px;
	border : 1px solid #505050;
	background-color: green;
	text-align: center;
}

table.tableMouvements tr td.resultatKO
{
	padding: 10px;
	border : 1px solid #505050;
	background-color: red;
	text-align: center;
}


span.petit
{
	font-weight: normal;
	font-size: 85%;
}


.relances ul li
{
		list-style-type: square;
		list-style-position: outside;
		text-indent: 20px;
}