/*
      Styles relatifs aux éléments de la structure de la page
*/
BODY{
	background-color: #7B99B9;
	margin-top: 0px;
	text-align: center;
	font-family: arial, helvetica, sans-serif;
	font-size:8pt;
}



/* ouverture de la page zone d'entete tout en haut*/
#toppage {
	position:relative;
	/* width: 640px; */
	/* left: 0px; */
	height:18px;
	background-image:url(interface/top_border.gif);
	background-position:center;
	background-repeat:no-repeat;
	margin:              0px;
	padding:             0px;
/*	border: 1px solid green; */
}




/* délimite la zone d'affichage des informations et affiche une image d'arriere plan
  doit contenir toute la partie principale de la page */
#container {
	position:            relative;
	background-image:    url(interface/container.gif);
	background-position: center;
	background-repeat:   repeat-y;
	width:               640px;
	left:                0px;
	text-align:          left;
	margin:              0px;
	padding:             0px;
/*  border:              1px solid green;*/
}

/* Cloture graphique de la page */
#bottompage {
	position:            relative;
/*	width:               640px; */
/*	left:                0px; */
	height:              18px;
	background-image:    url(interface/bottom_border.gif);
	background-position: center 0px;
	background-repeat:   no-repeat;
	margin:       0px;
	padding:     0px;
/*	border: 1px solid black; */
}


/* entete de page,
    typiquement concu pour contenir une image d'intro */
#header {
	position:    relative;
	width:       640px;
	left:        0px;
  height:      208px;
  background:  url(interface/header.jpg);
	background-position: center;
	background-repeat:   no-repeat;
/*	border:              1px solid red; */
}




#username
{
  position: relative;
  margin-left: 15px;
  padding-left: 20px;
	width: 589px;
	left: 1px;
	text-align:left;
}


/* contient une zone de présentation ( menu contextuel ) */
#pageopen{
  display:           block;
  position:          relative;
  width:             607px;
	height:            45px;
  left:              15px;

	text-align:        left;
  background-image:  url("interface/contextmenu_bg.gif");
  /* border:             1px solid red; */
  background-repeat: repeat-x;
  
  margin:             0px;
  padding:            0px;

}




#contextmenu{
  display:           block;
  position:          relative;
  float:             left;
  top:               11px;
  width:             440px;
	height:            30px;
	
	left:              0px;
	text-align:        left;
  line-height:       30px;
	margin:            0px;

  padding:           0px;
	padding-left:      20px;
}

/* zone sans menu contextuel */
#nocontextmenu{
  display:           block;
  position:          relative;
  float:             left;
  top:               11px;
  width:             440px;
	height:            30px;

	left:              0px;
	text-align:        left;
  line-height:       30px;
	margin:            0px;

  padding:           0px;
	padding-left:      20px;
	/*
	position:          relative;
	top:               0px;
	width:             400px;
	left:              0px;
	float:             left;
	text-align:        left;
	height:            28px;
	*/
}





/* Permet d'introduire une partie séparée en bas de page,
  juste avant la fermeture
  par opposition à header */
#endpage{
	position:            relative;
	height:              35px;
	margin:              0px;
	padding:             0px;
	top:                 0px;
	background-image:    url(interface/separator.gif);
	background-position: center;
	background-repeat:   no-repeat;
}


#separation{
	position:            relative;
	height:              35px;
	margin:              0px;
	padding:             0px;
	background-image:    url(interface/separator.gif);
	background-position: center;
	background-repeat:   no-repeat;
}

/* espace necessaire à l'affichage d'un menu contextuel, c a d différent selon la page */



/* menu principal */
#menu{
	width:               140px;
	position:            absolute;
	top:                 85px;
	left:                482px;
	visibility:          visible;
	clear:               right;
}

/* les éléments du menu */
.menupart{
	position:            relative;
	border:              none;
	border-top:          1px dashed #D1D1D1;
	background-color:    #F1F1F1;
	padding-bottom:      25px;
}



.small{
    font-size: 8pt;
    border: none;
}

.navbarre, .biglink
{
    color: #094382;
    font-size:14px;
    font-weight:bold;
    text-decoration:none;
}

.navbarre:hover, .biglink:hover
{
    color: #800000;
    font-size:14px;
    font-weight:bold;
    text-decoration:none;

}


#imgright{
	border: 1px solid black;
	float: right;
	margin: 10px;
}


.imgleft{
	border: 1px solid black;
	float: left;
	margin: 10px;
	display: block;
}




.pucephoto{
  margin: 15px;
  list-style-image: url(/interface/pucephoto.gif);
}


.left{
  float:left;
}


.right{
  float:right;
}


.table{
  border: 1px solid black;
}

.cell{
  padding: 4px;
  display: block;
  background-color:#ffffd3;
}