﻿@charset "utf-8";

div#navHaut {
	position: absolute;
	top: 108px;
	left: 240px;
	width: 580px;
	height: 18px;
	margin: 0;
	padding: 0;
	border: 0;
}
div#navHaut ul#menuNavHaut {
	width: 580px;
	height: 18px;
	background: transparent url(../images/gb/nav_globale.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
}

div#navHaut ul#menuNavHaut li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}
	
ul#menuNavHaut li, ul#menuNavHaut a {
	height: 18px;
	display: block;
}
div#navHaut ul#menuNavHaut li a {
	text-indent: -9999px;
	text-decoration: none;
}


#navValeurs	{left: 0; width: 111px;}
#navGroupe {left: 111px; width: 123px;}
#navActivites {left: 234px; width: 229px;}
#navPublications {left: 463px; width: 117px;}

#navValeurs a:hover	{background: transparent url(../images/gb/nav_globale.gif) 0 -18px no-repeat;}
#navGroupe a:hover	{background: transparent url(../images/gb/nav_globale.gif) -111px -18px no-repeat;}
#navActivites a:hover {background: transparent url(../images/gb/nav_globale.gif) -234px -18px no-repeat;}

.navGroupeOn {background: transparent url(../images/gb/nav_globale.gif) -111px -18px no-repeat;}
.navActivitesOn {background: transparent url(../images/gb/nav_globale.gif) -234px -18px no-repeat;}

#navPublications a:hover {background: transparent url(../images/gb/nav_globale.gif) -463px -18px no-repeat;}



body#pageValeurs #navValeurs {background: transparent url(../images/gb/nav_globale.gif) 0 -18px no-repeat;}
body#pageGroupe #navGroupe {background: transparent url(../images/gb/nav_globale.gif) -111px -18px no-repeat;}
body#pageActivites #navActivites {background: transparent url(../images/gb/nav_globale.gif) -234px -18px no-repeat;}
body#pagePublications #navPublications {background: transparent url(../images/gb/nav_globale.gif) -463px -18px no-repeat;}



/**********************************/
/***** Menu Valeurs  ***************/
/**********************************/

#menuValeursGb {
	position: absolute;
	top: 125px;
	left: 239px;
	width: 200px;
	border-top: 1px solid #a8293f;
	border-right: 1px solid #a8293f;
	border-left: 1px solid #a8293f;
	visibility: hidden;
	background-color: #ececec;
	z-index: 1000;
}

#menuValeursGb ul {
	margin: 0;
	padding: 0;
}
#menuValeursGb li {	
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid #b14c53;
}
#menuValeursGb li a {
	display: block;
	width: 185px;
	font-size: 12px;
	line-height: 14px;
	text-decoration: none;
	color: #8f4844;
	padding: 2px 5px 2px 10px;
}
#menuValeursGb li a:hover, #menuValeursGb li a:active {
	color: #fff;
	background-color: #a8293f;
}




/**********************************/
/***** Menu Groupe  ***************/
/**********************************/

#menuGroupeGb {
	position: absolute;
	top: 125px;
	left: 350px;
	width: 200px;
	border-top: 1px solid #a8293f;
	border-right: 1px solid #a8293f;
	border-left: 1px solid #a8293f;
	visibility: hidden;
	background-color: #ececec;
	z-index: 1000;
}

#menuGroupeGb ul {
	margin: 0;
	padding: 0;
}
#menuGroupeGb li {	
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid #b14c53;
}
#menuGroupeGb li a {
	display: block;
	width: 185px;
	font-size: 12px;
	line-height: 14px;
	text-decoration: none;
	color: #8f4844;
	padding: 2px 5px 2px 10px;
}
#menuGroupeGb li a:hover, #menuGroupeGb li a:active {
	color: #fff;
	background-color: #a8293f;
}



/**********************************/
/***** Menu Activités  ************/
/**********************************/

#menuActivitesGb {
	position: absolute;
	top: 125px;
	left: 473px;
	width: 230px;
	border-top: 1px solid #a8293f;
	border-right: 1px solid #a8293f;
	border-left: 1px solid #a8293f;
	visibility: hidden;
	background-color: #ececec;
	z-index: 1000;
}

#menuActivitesGb ul {
	margin: 0;
	padding: 0;
}
#menuActivitesGb li {	
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid #b14c53;
}
#menuActivitesGb li a {
	display: block;
	width: 215px;
	font-size: 12px;
	line-height: 14px;
	text-decoration: none;
	color: #8f4844;
	padding: 2px 5px 2px 10px;
}
#menuActivitesGb li a:hover, #menuActivitesGb li a:active {
	color: #fff;
	background-color: #a8293f;
}


/**********************************/
/***** Menu Publications  ************/
/**********************************/

#menuPublicationsGb {
	position: absolute;
	top: 125px;
	left: 702px;
	width: 200px;
	border-top: 1px solid #a8293f;
	border-right: 1px solid #a8293f;
	border-left: 1px solid #a8293f;
	visibility: hidden;
	background-color: #ececec;
	z-index: 1000;
}

#menuPublicationsGb ul {
	margin: 0;
	padding: 0;
}
#menuPublicationsGb li {	
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid #b14c53;
}
#menuPublicationsGb li a {
	display: block;
	width: 185px;
	font-size: 12px;
	line-height: 14px;
	text-decoration: none;
	color: #8f4844;
	padding: 2px 5px 2px 10px;
}
#menuPublicationsGb li a:hover, #menuPublicationsGb li a:active {
	color: #fff;
	background-color: #a8293f;
}

/**********************************/
/***** Navigation bas *************/
/**********************************/

#navBasGlobal {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #fff;
}
body#pageAccueil #navBasGlobal {background-color: #a8233f;}

#navBas ul {
	margin: 0;
	padding: 0;
	list-style-position: inside;
	list-style-type: none;
	text-align: right;
}
#navBas li {
	display: inline;
	margin: 0;
	padding: 0 7px 0 6px;
	border-right: 1px solid #a8233f;
}
#navBas li.borderRightNone {
	border-right: 0px none #000;
}
body#pageAccueil #navBas li {
	border-right: 1px solid #fff;
}
body#pageAccueil #navBas li.borderRightNone {
	border-right: 0px none #000;
}
#navBas a:link, #navBas a:visited {
	font-size: 12px;
	line-height: 12px;
	text-decoration: none;
	color: #888;
	margin: 0;
	padding: 0 3px;
}
body#pageAccueil #navBas a:link,body#pageAccueil #navBas a:visited {
	font-size: 12px;
	line-height: 12px;
	text-decoration: none;
	color: #fff;
	margin: 0;
	padding: 0 3px;
}
#navBas a:hover, #navBas a:active {
	font-size: 12px;
	line-height: 12px;
	text-decoration: none;
	color: #fff;
	margin: 0;
	padding: 0 3px;
	background-color: #9baaaa;
}

/**********************************/
/***** Navigation langues *********/
/**********************************/

div#navLanguesGlobale {
	float: right;
	width: 23px;
	margin: 0 10px 0 0;
	padding: 0;
}
div#navLangues {
	width: 23px;
	height: 14px;
	margin: 0;
	padding: 0;
	border: 0;
}
div#navLangues ul#menuNavLangues {
	width: 23px;
	height: 14px;
	background: transparent url(../images/commun/drapeaux_gb.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
}

div#navLangues ul#menuNavLangues li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}
	
ul#menuNavLangues li, ul#menuNavLangues a {
	height: 14px;
	display: block;
}
div#navLangues ul#menuNavLangues li a {
	text-indent: -9999px;
	text-decoration: none;
}


#navFr	{left: 0; width: 23px;}
#navDe {left: 27px; width: 23px;}
#navSp {left: 54px; width: 23px;}

#navFr a:hover	{background: transparent url(../images/commun/drapeaux_gb.gif) 0 -14px no-repeat;}
#navDe a:hover	{background: transparent url(../images/commun/drapeaux_gb.gif) -27px -14px no-repeat;}
#navSp a:hover {background: transparent url(../images/commun/drapeaux_gb.gif) -54px -14px no-repeat;}