body
{width:100%;margin:auto;min-width:800px;max-width:1280px;background-color:#FFFFFF;}

#nocturne
{width:100%;margin:auto;min-width:800px;max-width:1280px;background-color:#00275A;}

INPUT {             /*pour les champ formulaire*/
color:#000000;
background-color:#FFFFFF;
font-size:12px;						/*hauteur  du champ*/
font-family: "Verdana";
} 

.para
            /* Tous les paragraphes auront ces propriétés CSS */
			{
			width: "100%";
			height: 150px;
			text-align: justify;
			overflow: auto;
			padding: 8px;
			}

#parablock
{
			width: "100%";
			height: 160px;
			overflow: auto;
			padding: 8px;
}
			

table
{
border-spacing: 0px; 
border-collapse: collapse;
}

bo {
color: #B22222;   /*couleur diverse pour titre*/
}
tit{
font-size: 20px;
}

/*lien image*/
img{
border: 0;
}

a:link {
	color: red;
	text-decoration:none;
}

a:visited {
	color: red;
	text-decoration:none;
}

a:hover {
	color: blue;
	text-decoration:none;
}

/* Le corps de la page */

#corpshaut
{
   overflow: auto;  
   font-size: 12px;
   color: black; 
   background-color: white;
   margin: 0px;
   font-family: "Verdana";
}


#corps
{
   height: 100%;
   margin-bottom: 20px;
   padding: 18px;
   overflow: auto;
   background-image: url("images/fond.jpg");  
   font-family: "Verdana";
   font-size: 12px;
   color: #000000; 
}

#corps5chat
{
   height: 100%;
   margin-bottom: 20px;
   padding: 18px;
   overflow: auto;  
   font-family: "Verdana";
   font-size: 12px;
   color: #000000; 
}


#corpsnoct
{
   height: 100%;
   margin-bottom: 20px;
   padding: 18px;
   overflow: auto;
   background-color: #00275A;
   background-image: url("images/nocturne/vttnight.jpg");  
   background-repeat : no-repeat;    
   background-position : center top;    
   font-family: "Verdana";
   font-size: 12px;
   color: white; 
}

#corpsaccueil
{
   height: 100%;
   margin-bottom: 20px;
   padding: 18px;
   overflow: auto;
   background-image: url("images/accueil/fondacc.jpg");
   font-family: "Verdana";
   font-size: 12px;
}

/* L'en-tête */

#haut
{
   width: 100%; /* Très important : donner une taille*/
   font-size: 11px;
   color: black;   /*couleur du texte*/
   background-color:white;

}
#hautnoct
{
   width: 100%; /* Très important : donner une taille*/
   font-size: 11px;
   color: black;   /*couleur du texte*/
   background-color:#00275A;
}

#pied
{
   width: 100%; /* Très important : donner une taille*/
   height: 10%;
   font-size: 100%;
   color: black;   /*couleur du texte*/
}

#piednoct
{
   width: 100%; /* Très important : donner une taille*/
   height: 10%;
   font-size: 100%;
   color: white;   /*couleur du texte*/
   background-color: #00275A;
}
/* Le menu */

#menu0
{
   float: left; /* Le menu flottera à gauche */
   width: 144px; /* Très important : donner une taille au menu */
   /*overflow: auto; */
   color: #000000;   /*couleur du texte elements qui n'ont pas de href*/
   /*background-image: url("images/menudegrade.jpg");*/
   font-size: 12px;
   font-family: "Trebuchet MS";
}

#headmenu
{
   float: left; /* Le menu flottera à gauche */
   width: 144px; /* Très important : donner une taille au menu */
   /*overflow: auto; */
   background: url("images/menudegrade.jpg");
   font-size: 12px;
   font-family: "Trebuchet MS";
   font-weight: italic;
}

#navigation a {
	/*background: #c00 url(images/boutonmenu.jpg) left top no-repeat ;*/
	color: #000000;	  /*pour le elements du menu qui pointent vers un lien*/
	text-decoration: none ;  /*enleve le surlignement*/
	padding: 4px 0;
	}
	
/*entete de menu*/

#navigation a:hover, #navigation a:focus, #navigation a:active {
	background: #900 url(images/menunavigation.jpg) left top no-repeat ;
	text-decoration: none ;
	}

/*menu dynamique css*/

dl, dt, dd, ul, li {
margin: 0px;
padding: 0px;
list-style-type: none;
}

#menu dt {
cursor: pointer;
height: 100%;
background-image: url("images/bantest.jpg");
line-height: 19px;
margin: 0px 0;
/*border: 1px solid gray;*/
text-align: center;
font-weight: bold;
width: 12em;
margin: 2px 0;
}

#rubr dt { 
cursor: pointer;
height: 100%;
width: 100%;
line-height: 19px;
color: #123456;
margin: 0px 0;
/*border: 1px solid gray;*/
text-align: left;
font-weight: bold;
margin: 2px 0;
}

#headmenu dt {

margin: 0px 0px;
cursor: none;
width: 12em;
background: black;
line-height: 16px;
text-align: center;
font-weight: bold;
color: red;   /*couleur du texte elements qui n'ont pas de href*/

}

#menu dd {  /* sous menu */
border: 1px solid red;    /*bordure rouge */
display: none;   /*pour pas que ce se deroule a la recharge*/
text-align : center;
width: 11.8em;         /*un peu plus petit que la largeur du dt*/
margin: 2px 0;

}

#rubr dd {  /* sous menu */
border: none;    /*bordure rouge */
display: none;   /*pour pas que ce se deroule a la recharge*/
text-align : left;
margin: 2px 0;

}


#menu li {     /*sous menu*/
background-color:white;
height: 100%;
}

#menu li a, #menu dt a {
color: #000;
text-decoration: none;
border: 0 none;
height: 100%; 
display: block;
}
#menu li a:hover, #menu dt a:hover {
background: black;
color: white;
/*  survol avec la souris*/
}