/************************** feuille style-generaux ************************/
/* contient tous les styles globaux au site cabare.net                    */
/**************************************************************************/

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #4553a4;
	color: #FFFFFF;
}
p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/******************** definition de zones ecrans generaux **** *************/
/* zone entete, entete-logo et entete-contenu                              */
/* zone global, global-menu et global-contenu                              */
/* zone menu                                                               */ 
/* zone gobal-pied                                                         */
/***************************************************************************/

#en-tete {
	position: absolute;
	/*margin: 0px 0px 0px 0px;*/
	margin: auto;
	padding: 0px 0px 0px 0px;
	height: 150px;
	color: #FFCC33;
	vertical-align: top;
	
}
#en-tete-logo {
	float: left;
	/*display:inline;*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 190px;
}
#en-tete-contenu {
	position:relative;
	margin: 0px 0px 0px 225px;
	padding: 0px 0px 0px 0px;
	font-family: Verdana, Arial;
	text-align:justify;
}
#global {
	position: absolute;
	margin: 150px 0px 0px 0px;
	/*margin: 150px auto 0px auto;*/
	padding: 0px 0px 0px 0px;
	vertical-align: top;
}
#global-menu {
	float: left;
	/*display:inline;*/
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	width: 175px;
	/*height: 450px;*/
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #FFFFFF; /*encadre la zone menu d'un liseré blanc */
	
}
#menu {
	position:relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	/*line-height: inherit;*/
}
#global-contenu {
	position:relative;
	margin: 0px 0px 0px 225px;
	padding: 0px 0px 0px 0px;
	font-family: Verdana, Arial;
	line-height: normal;
	font-weight: normal;
	font-size: small;
	text-align: justify;
}
#global-pied {
	position: relative;
	clear: both;
	margin: auto;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	width: 780px;
    font-family: Verdana, Arial;
	font-size: x-small;
	text-align: center;
}
/******************** definition des styles selon les zones ecrans **********/
/* zone entete,                                                            */
/* zone global,                                                            */
/* zone menu                                                               */ 
/* zone gobal-pied                                                         */
/***************************************************************************/
#en-tete H1 {
	font-family: Verdana, Arial;
	font-size: medium;
	font-weight: normal;
	font-variant: small-caps;
	display: inline;
}
#en-tete H2 {
	font-family: Verdana, Arial;
	font-size: small;
	font-weight: normal;
	font-variant: small-caps;
	display: inline;
}
#en-tete H3 {
	font-family: Verdana, Arial;
	font-size: x-small;
	font-weight: normal;
	display: inline;
	font-variant: small-caps;
}
#en-tete HR {
	height: 3px;
}

#global-contenu H1 {
	line-height: normal;
	font-weight: normal;
	font-size: small;
	font-weight: bolder;
	display: inline;
}
#global-contenu H2 {
	line-height: normal;
	font-weight: normal;
	font-size: small;
	display: inline;
}
#global-contenu ul {
	font-size: small;
	margin: 0px 0px 0px 15px;
}
#global-contenu Table {
	/*margin:0px 0px 0px 0px;*/
	margin:auto;
	padding: 0px 0px 0px 0px;
	text-align:center; /* texte centré dans la table */
    width:80%; /* ne pas preciser 100% car IE  en 100% avec du flottant à gauche bug*/
	border: 0;
}
#global-contenu Td {
	/*margin:0px auto 0px auto; /* centrée dans son bloc */
	/*width: 207px;*/
	padding: 5px 5px 5px 5px;
	background-color: #003399;
	width: 20%; /* pour les tableaux de 5 cellules bien sur */
}
#global-menu a:link {
	text-decoration: none;
	color: #FFFFFF;
}
#global-menu a:visited {
	text-decoration: none;
	color: #FF9933;
}
#global-menu a:hover {
	text-decoration: underline;
	color: #FFFF99;
	background-color:#003399;
}
#global-menu form {
	padding: 0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#global-contenu a:link {
	text-decoration: none;
	color: #FFFFFF;
}
#global-contenu a:visited {
	text-decoration: underline;
	color: #FF9933;
}
#global-contenu a:hover {
	text-decoration: underline;
	color: #FFFF99;
}

#global-pied H1 {
	font-family: Verdana, Arial;
	font-size: small;
	font-weight: normal;
	display: inline;
}
#global-pied H2 {
	font-family: Verdana, Arial;
	font-size: x-small;
}
#global-menu H1 {
	margin: 5px 0px 5px 0px;
	font-size: medium;
	font-family: Verdana;
	font-weight: bold;
	text-align: center;
}
#global-menu H2 {
	margin: 5px 0px 10px 0px;
	font-size: small;
	font-family: Verdana;
	font-weight: lighter;
	text-align: center;
	/*display: inline;*/
}
#en-tete a:link {
	color: #FFCC33;
	text-decoration: none;
}
#en-tete a:visited {
	color: #FF9933;
	text-decoration: underline;
}
#en-tete a:hover {
	color: #FFFF99;
	text-decoration: underline;
}
#global-pied a:link {
	color: #FFCC33;
	text-decoration: none;
/*	font-size: x-small;*/
}
#global-pied a:visited {
	color: #FF9933;
	text-decoration: underline;
}
#global-pied a:hover {
	color: #FFFF99;
	text-decoration: underline;
}