/******************************************************
  CONFIGURATION GENERALE
*******************************************************/
* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	background-color: #EFEFEE;
}

body#edito #mainContent {
	font-family: "Times New Roman";
	font-size: 130%;
}

*html .clear {
	height: 1%;
	overflow: visible;
}

*+html .clear {
	min-height: 1%;
}

.clear:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

#container {
	width: 955px;
	margin: 10px auto 0 auto;
	background-color: #ffffff;
	position: relative;
}

#mainContent {
	padding-top: 15px;
}

body #content {
	padding-bottom: 40px;
}

body#jmh #content {
	padding-bottom: 0;
}

/******************************************************
  LOGO
*******************************************************/
#menuBar {
	background: url(../layout/bgleftcontent.gif) no-repeat right top;
	text-align: right;
	width: 200px;
	margin-right: 25px;
	margin-left: 20px;
	display: inline;
	font-family: Helvetica, "Times New Roman", Arial, Verdana, sans-serif;
	position: relative;
}

#menuBar h1 {
	background: url(../layout/jmhlogo.png) no-repeat left top;
	width: 200px;
	height: 75px;
	margin: 15px 0 370px 0;
}

#menuBar h1.ie {
	zoom: 1;
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/templates/layout/jmhlogo.png', sizingMethod='scale');
}

#menuBar h1 span {
	display: none;
}

#menuBar h1 a:link, #menuBar h1 a:visited, #menuBar h1 a:hover, #menuBar h1 a:active {
	display: block;
	width: 200px;
	height: 75px;
	border: 0;
	position: relative;
}

/******************************************************
  MENU ALTERNATIF
*******************************************************/
ul#altMenu {
	list-style-type: none;
	position: absolute;
	bottom: -30px;
	right: 0px;
	/*width: 80px;*/
	width: 150px;
}

ul#altMenu li {
	display: inline;
	padding: 0 3px;
}

/******************************************************
  MENU STYLES GENERAUX
*******************************************************/
#menuBar ul.level1, #menuBar ul.level2 {
	list-style-type: none;
	text-transform: uppercase;
}

#menuBar li {
	padding: 2px 0;
}

body #menuBar li a:link, body #menuBar li a:visited,
body #menuBar li a:hover, body #menuBar li a:active {
	text-decoration: none;
}

/* lien normal */
body #menuBar ul.level1 li a:link, body #menuBar ul.level1 li a:visited,
body #menuBar ul.level1 li.act ul.level2 li a:link, body #menuBar ul.level1 li.act ul.level2 li a:visited {
	color: #363835;
}

/* lien hover */
body #menuBar ul.level1 li a:hover, body #menuBar ul.level1 li a:active,
body #menuBar  ul.level1 li.act ul.level2 li a:hover, body #menuBar ul.level1 li.act ul.level2 li a:active {
	color: #B2B3B2;
}

/******************************************************
  MENU NIVEAU 1
*******************************************************/
#menuBar ul.level1 {
	margin: 0 50px 25px 0;
}

/* lien actif */
body #menuBar ul.level1 li.act a:link, body #menuBar ul.level1 li.act a:visited,
body #menuBar ul.level1 li.act a:hover, body #menuBar ul.level1 li.act a:active {
	color: #B2B3B2;
}

/******************************************************
  MENU NIVEAU 2
*******************************************************/
#menuBar ul.level2 {
	margin: 0 10px 0 0;
}

/* lien actif */
body #menuBar ul.level1 li.act ul.level2 li.act a:link, body #menuBar ul.level1 li.act ul.level2 li.act a:visited,
body #menuBar ul.level1 li.act ul.level2 li.act a:hover, body #menuBar ul.level1 li.act ul.level2 li.act a:active {
	color: #B2B3B2;
}


/******************************************************
  MENU - CULTUREL
*******************************************************/
/* Niveau 1 actif */
body#culturel #menuBar ul.level1 li.act a:link, body#culturel #menuBar ul.level1 li.act a:visited,
body#culturel #menuBar ul.level1 li.act a:hover, body#culturel #menuBar ul.level1 li.act a:active {
	color: #D63719;
}

/* Niveau 2 normal */
body#culturel #menuBar ul.level1 li.act ul.level2 li a:link, body#culturel #menuBar ul.level1 li.act ul.level2 li a:visited {
	color: #363835;
}

/* Niveau 2 hover / actif */
body#culturel #menuBar ul.level1 li.act ul.level2 li a:hover, body#culturel #menuBar ul.level1 li.act ul.level2 li a:active,
body#culturel #menuBar ul.level1 li.act ul.level2 li.act a:link, body#culturel #menuBar ul.level1 li.act ul.level2 li.act a:visited,
body#culturel #menuBar ul.level1 li.act ul.level2 li.act a:hover, body#culturel #menuBar ul.level1 li.act ul.level2 li.act a:active {
	color: #D63719;
}

/******************************************************
  MENU - COMMERCIAL
*******************************************************/
/* Niveau 1 actif */
body#commercial #menuBar ul.level1 li.act a:link, body#commercial #menuBar ul.level1 li.act a:visited,
body#commercial #menuBar ul.level1 li.act a:hover, body#commercial #menuBar ul.level1 li.act a:active {
	color: #F1D646;
}

/* Niveau 2 normal */
body#commercial #menuBar ul.level1 li.act ul.level2 li a:link, body#commercial #menuBar ul.level1 li.act ul.level2 li a:visited {
	color: #363835;
}

/* Niveau 2 hover / actif */
body#commercial #menuBar ul.level1 li.act ul.level2 li a:hover, body#commercial #menuBar ul.level1 li.act ul.level2 li a:active,
body#commercial #menuBar ul.level1 li.act ul.level2 li.act a:link, body#commercial #menuBar ul.level1 li.act ul.level2 li.act a:visited,
body#commercial #menuBar ul.level1 li.act ul.level2 li.act a:hover, body#commercial #menuBar ul.level1 li.act ul.level2 li.act a:active {
	color: #F1D646;
}

/******************************************************
  COPYRIGHT
*******************************************************/
#copyright {
	display: none;
}

#copyright p {
	margin: 0;
	padding: 0;
}