@import url("menu-constant.css");

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	background: #eee;
}

#global {
	position: relative;
	top: 10px;
	width: 800px;
	height: 600px;
	margin: auto;
	border: 1px solid #666;
	background: #fff url(ouverture/background.jpg) bottom right no-repeat;
}

#credits {
	position: relative;
	top: 10px;
	width: 800px;
	margin: auto;
	font-size: 10px;
	color: #555;
}

#credits a {
	text-decoration: none;
	color: #555;
}

#credits a:hover {
	color: #888;
}

#entete {
	position: relative;
	top: 85px;
	width: 342px;
}

#entete #keywords {
	position: relative;
	top: 2px;
	width: 61px;
	list-style: none;
}

#entete #keywords li {
	font-size: 10px;
	border-top: 2px solid #db012b;
	line-height: 11px;
	text-align: right;
	height: 27px;
	color: #646567;
}

#entete h1 {
	float: right;
	width: 266px;
	height: 134px;
	background: url(ouverture/bienvenue-cite-metiers-cotes-armor.jpg);
}

#entete h1 span {
	display: none;
}

#menu-principal {
	position: absolute;
	top: 286px;
	/*left: 66px;*/
	left: 100px;
	height: 80px;
}

#menu-principal ul {
	list-style: none;
}

#menu-principal li {
	display: block;
	float: left;
	width: 68px;
	height: 80px;
}

#menu-principal li a {
	position: relative;
	display: block;
	width: 59px;
	height: 80px;
	text-decoration: none;
	padding-left: 9px;
}

#menu-principal li a span {
	position: relative;
	top: 61px;
	font-size: 10px;
	line-height: 10px;
	color: #db012b;
}

#menu-principal li a:hover span {
	color: #999;
}

#menu-accueil-individuel {
	background: url(ouverture/ouv-accueil-individuel.jpg) top left no-repeat;
}
#menu-accueil-individuel:hover {
	background-position: top right;
}

#menu-accueil-de-groupes {
	background: url(ouverture/ouv-accueil-de-groupes.jpg) top left no-repeat;
}
#menu-accueil-de-groupes:hover {
	background-position: top right;
}

#menu-zoom-metiers {
	background: url(ouverture/ouv-zoom-metiers.jpg) top left no-repeat;
}
#menu-zoom-metiers:hover {
	background-position: top right;
}

#menu-journees-decouverte {
	background: url(ouverture/ouv-journees-decouverte.jpg) top left no-repeat;
}
#menu-journees-decouverte:hover {
	background-position: top right;
}


#menu-semaines-thematiques {
	background: url(ouverture/ouv-semaines-thematiques.jpg) top left no-repeat;
}
#menu-semaines-thematiques:hover {
	background-position: top right;
}

#menu-forums {
	background: url(ouverture/ouv-forums.jpg) top left no-repeat;
}
#menu-forums:hover {
	background-position: top right;
}

#menu-ateliers {
	background: url(ouverture/ouv-ateliers.jpg) top left no-repeat;
}
#menu-ateliers:hover {
	background-position: top right;
}

#menu-recrutements-en-direct {
	background: url(ouverture/ouv-recrutements-en-direct.jpg) top left no-repeat;
}
#menu-recrutements-en-direct:hover {
	background-position: top right;
}

#menu-modules-de-formation {
	background: url(ouverture/ouv-modules-de-formation.jpg) top left no-repeat;
}
#menu-modules-de-formation:hover {
	background-position: top right;
}

#menu-expositions {
	background: url(ouverture/ouv-expositions.jpg) top left no-repeat;
}
#menu-expositions:hover {
	background-position: top right;
}

#menu-soirees-cite {
	background: url(ouverture/ouv-soirees-cite.jpg) top left no-repeat;
}
#menu-soirees-cite:hover {
	background-position: top right;
}

#menu-conferences {
	background: url(ouverture/ouv-conferences.jpg) top left no-repeat;
}
#menu-conferences:hover {
	background-position: top right;
}

#menu-ouverture {
	position: absolute;
	left: 74px;
	top: 400px;
	width: 344px;
	height: 230px;
	background: url(ouverture/ouverture-5-poles.jpg) top left no-repeat;
}

#menu-ouverture p {
	display: none;
}

#menu-ouverture ul {
	list-style: none;
}

#menu-ouverture li a {
	position: relative;
	display: block;
	width: 120px;
	height: 29px;
}

#menu-ouverture li a span {
	display: none;
}

#menu-ouverture #menu-sinformer {
	position: absolute;
	top: 58px;
	left: 0;
	background: url(ouverture/ouverture-sinformer.jpg) no-repeat;
}

#menu-ouverture #menu-choisir {
	position: absolute;
	top: 58px;
	left: 120px;
	background: url(ouverture/ouverture-choisir.jpg) no-repeat;
}

#menu-ouverture #menu-trouver {
	position: absolute;
	top: 58px;
	left: 212px;
	background: url(ouverture/ouverture-trouver.jpg) no-repeat;
}

#menu-ouverture #menu-changer {
	position: absolute;
	top: 95px;
	left: 120px;
	background: url(ouverture/ouverture-changer.jpg) no-repeat;
}

#menu-ouverture #menu-creer {
	position: absolute;
	top: 95px;
	left: 0;
	height: 39px;
	background: url(ouverture/ouverture-creer.jpg) no-repeat;
}

#menu-ouverture #menu-sinformer:hover,
#menu-ouverture #menu-choisir:hover,
#menu-ouverture #menu-trouver:hover,
#menu-ouverture #menu-changer:hover,
#menu-ouverture #menu-creer:hover {
	background-position: -120px 0;
}

#ouverture-entrer {
	position: absolute;
	top: 524px;
	left: 689px;
	width: 93px;
	height: 49px;
	background: url(ouverture/entrer.jpg) top left;
}

#ouverture-entrer:hover {
	background: url(ouverture/entrer.jpg) top right;
}

#ouverture-entrer span {
	display: none;
}