body{
	FONT-FAMILY:Arial,Helvetica,sans-serif;
	background-color: #FFFFFF;
	margin: 0;
	color: #696969;
	FONT-SIZE: 12;
}
form{
	display:inline;
}
div{
	display:inline;
}
textarea{
	FONT-FAMILY: Arial,Helvetica,sans-serif;
	FONT-SIZE: 12;
}
input{
	FONT-FAMILY: Arial,Helvetica,sans-serif;
	FONT-SIZE: 12;
}
table{
	FONT-FAMILY: Arial,Helvetica,sans-serif;
	FONT-SIZE: 12;
	empty-cells: show;
}
table.portal{
	FONT-FAMILY: Arial,Helvetica,sans-serif;
	width: 100%;
	background-repeat:   no-repeat;
	color: #696969;
	margin: 0;
	FONT-SIZE: 12;
}
tr{
	FONT-FAMILY: Arial,Helvetica,sans-serif;
}
tr.entete{
	height: 80 ;
	text-align: center ;
}
tr.tunel{
	height: 30;
	vertical-align: top;
}
tr.MainMenu{
	FONT-FAMILY: Arial,Helvetica,sans-serif;
	vertical-align: top;
	height: 50 ;
	text-align: center ;
}
td.MainMenu{
	FONT-FAMILY: Arial,Helvetica,sans-serif;
	vertical-align: top;
	height: 50 ;
	text-align: center ;
}
td.ContextMenu{
	FONT-FAMILY: Arial,Helvetica,sans-serif;
	text-align: right ;
	width: 200 ;
} 
tr.content{
	FONT-FAMILY: Arial,Helvetica,sans-serif;
	vertical-align: top;
	width: 80%;
}
tr.footer{
	FONT-FAMILY: Arial,Helvetica,sans-serif;
	height: 20 ;
	text-align: center ;
}
td{
	FONT-FAMILY: Arial,Helvetica,sans-serif;
}
th{
	FONT-FAMILY: Arial,Helvetica,sans-serif;
	text-align: left ;
	font-weight: bold;
	COLOR: #696969;
	background-color:  ;
	vertical-align: top;
}
iframe{
	margin  : 0;
	width   : 100%;
	height  : 100%;
	border  : 0;
}
A:link{
	FONT-FAMILY		: arial,Arial,Helvetica,sans-serif;
    FONT-SIZE		: 13;
	text-decoration	: none;
	background-color: ;
	color			: #696969;
	text-indent		: 5px;
}
A:visited{
	FONT-FAMILY		: arial,Arial,Helvetica,sans-serif;
    FONT-SIZE		: 13;
	text-decoration	: none;
	background-color: ;
	color			: #696969;
	text-indent		: 5px;
}
A:hover{
	FONT-FAMILY		: arial,Arial,Helvetica,sans-serif;
    FONT-SIZE		: 13;
	text-decoration	: ;
	background-color: ;
	color			: #A9A9A9;
	text-indent		: 5px;
}
table.rapport{
	width			: 600;
	FONT-FAMILY		: arial, Arial,Helvetica,sans-serif;
	FONT-SIZE		: 12;
	margin-left		: 10;
	background-color: #DCDCDC;
	color			: #000000;
	text-align		: left;
}
th.rapport{
	background-color: #C0C0C0;
	color			: #696969;
	text-decoration	: ;
	text-align: left;
	padding-left:  5;
}
tr.rapport td.rapport{
	background-color: #FFFFFF;
	empty-cells: show;
}
table.article{
	width			: 600;
	FONT-FAMILY		: arial, Arial,Helvetica,sans-serif;
	FONT-SIZE		: 12;
	background-color: #D3D3D3;
	color			: #696969;
	text-align		: left;
}
th.article{
	background-color: #FFFFFF;
	color			: #696969;
	text-decoration	: ;
	text-align: left;
	padding: 10;
	vertical-align: top;
}
tr.article td.article{
	background-color: #FFFFFF;
	padding: 10;
	text-align: justify;
	vertical-align: top;
}
table.photo{
	width			: 600;
	FONT-FAMILY		: arial, Arial,Helvetica,sans-serif;
	FONT-SIZE		: 12;
	margin-left		: 10;
	background-color: #99FF99;
	color			: #CC0066;
	text-align		: left;
}
th.photo{
	background-color: #FFCCCC;
	color			: #CC0066;
	text-decoration	: ;
	text-align: left;
	padding-left:  5;
	vertical-align: top;
}
tr.photo td.photo{
	background-color: #3366FF;
	text-align: justify;
	vertical-align: top;
}

table.liste{
	width			: 95%;
	FONT-FAMILY		: arial, Arial,Helvetica,sans-serif;
	FONT-SIZE		: 13;
	margin-left		: 2%;
	background-color: ;
	color			: #000000;
	text-align		: left;
}
th.liste{
	text-decoration	: none;
	background-color: #C0C0C0;
	color			: #696969;
	text-align: left;
}
tr.liste0 td.liste0{
	background-color: #DCDCDC;
	color			: #000000;
	text-align: justify;
}
tr.liste1 td.liste1{
	background-color: #D3D3D3;
	color			: #000000;
	text-align: justify;
}

table.magasin{
	width			: ;
	FONT-FAMILY		: arial, Arial,Helvetica,sans-serif;
	FONT-SIZE		: 12;
	margin-left		: 2%;
	background-color: #FFFFFF;
	color			: #696969;
	text-align: justify;
}
th.magasin{
	text-decoration	: ;
	background-color: #C0C0C0;
	color			: #696969;
	text-align: left;
}
tr.magasin0 td.magasin0{
	background-color: #FFFFCC;
	color			: #696969;
}
tr.magasin td.magasin{
	text-align: justify;
	vertical-align: top;
}
tr.magasin1 td.magasin1{
	background-color: #FFFF99;
	color			: #696969;
	text-align: justify;
}
table.galerie{
	width			: ;
	FONT-FAMILY		: arial, Arial,Helvetica,sans-serif;
	FONT-SIZE		: 12;
	margin-left		: 2%;
	background-color: #FF0000;
	color			: ;
	text-align: justify;
}
th.galerie{
	text-decoration	: ;
	background-color: #FF6666;
	color			: ;
	text-align: left;
}
tr.galerie0 td.galerie0{
	background-color: #FFFFCC;
	color			: ;
}
tr.galerie td.galerie{
	text-align: justify;
	vertical-align: top;
}
tr.galerie1 td.galerie1{
	background-color: #FFFF99;
	color			: ;
	text-align: justify;
}

PRE{
    FONT-FAMILY: Arial,Helvetica,sans-serif;
}
HR{
	background-color: ;
	color: ;
	border-color: ;
}

H1{
    FONT-FAMILY: Arial,Helvetica,sans-serif;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: #696969;
	background-color:  ;
	margin-top: 8;
}
H2{
    FONT-FAMILY: Arial,Helvetica,sans-serif;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: #696969;
	background-color:  #C0C0C0;
    margin:	     3;
	padding-left:5;
}
H3{
    FONT-FAMILY: Arial,Helvetica,sans-serif;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    COLOR: #696969;
	background-color:  ;
}
UL.plan{
    COLOR: #696969;
	background-color:  #C0C0C0;
	list-style-type : upper-roman;
}
#dhtmltooltip{
	position: absolute;
	padding: 2px;
	background-color: ;
	visibility: hidden;
	z-index: 100;
}

	.imageBox,.imageBoxHighlighted{
		width:130px;	/* Total width of each image box */
		height:160px;	/* Total height of each image box */
		float:left;
	}
	.imageBox_theImage{
		width:110px;	/* Width of image */
		height:125px;	/* Height of image */
		
		/* 
		Don't change these values *
		*/
		background-position: center center;
		background-repeat: no-repeat;		
		margin: 0 auto;
		margin-bottom:2px;
	}
	
	.imageBox .imageBox_theImage{
		border:1px solid #DDD;	/* Border color for not selected images */
		padding:2px;
	}
	.imageBoxHighlighted .imageBox_theImage{
		border:3px solid #316AC5;	/* Border color for selected image */
		padding:0px;

	}
	.imageBoxHighlighted span{	/* Title of selected image */
		background-color: #316AC5;
		color:#FFFFFF;
		padding:2px;
	}
	
	.imageBox_label{	/* Title of images - both selected and not selected */
		text-align:center;
		font-family: arial;
		font-size:11px;		
		padding-top:2px;
		margin: 0 auto;
	}
	
	/* 
	DIV that indicates where the dragged image will be placed	
	*/
	#insertionMarker{
		height:150px;
		width:6px;
		position:absolute;
		display:none;

	}
	
	#insertionMarkerLine{
		width:6px;	/* No need to change this value */
		height:145px;	/* To adjust the height of the div that indicates where the dragged image will be dropped */
	
	}
		
	#insertionMarker img{
		float:left;
	}
	
	/*
	DIV that shows the image as you drag it 
	*/
	#dragDropContent{

		opacity:0.4;	/* 40 % opacity */
		filter:alpha(opacity=40);	/* 40 % opacity */

		/* 
		No need to change these three values 
		*/
		position:absolute;
		z-index:10;
		display:none;
			
	}