/* CSS Document */
/* --------------------------------------------------------------------------------------------- Remise �z�o de tous les pr�ormatages navigateurs */
	* {
		padding:0;
		margin:0;
		font-family:arial, helvetica, sans-serif;
		text-decoration:none;
		border:none;
		list-style:none
	}
	body {font-size:68.75%}
/* --------------------------------------------------------------------------------------------- Global */
	#global {
		width:997px;
		margin:0 auto
	}
/* --------------------------------------------------------------------------------------------- Header */
	#header {
		position:relative;
		height:145px;
		background:url(../../images/structure/header.jpg) no-repeat bottom;
		padding:0 0 0 650px
	}
/* ------------------------------------------------------------------ Logo "Septentrion" */
	#header #logo {
		position:absolute;
		top:16px;
		left:39px;
		z-index:1
	}
/* ------------------------------------------------------------------ Choix de la langue */
	#header #langues {
		position:absolute;
		top:6px;
		left:6px;
		z-index:2;
		color:#5d5d5d;
		font-weight:bold;
		text-transform:uppercase;
		font-size:1.3em
	}
	#header #langues li {display:inline}
	#header #langues li a {color:#5d5d5d}
	#header #langues li a:hover {text-decoration:overline}
/* ------------------------------------------------------------------ Recherche dans le site */
	#header label.recherche {
		display:block;
		color:#7094bd;
		text-transform:uppercase;
		font-size:.9em;
		margin:5px 0
	}
	#header input.recherche {
		float:left;
		display:block;
		clear:both;
		width:130px;
		height:13px;
		border:solid 1px #7094bd;
		font-size:1em;
		color:#5d5d5d;
		padding:0 0 0 3px;
		margin:0 8px 0 0
	}
	#header .searchbutton {float:left}
/* ------------------------------------------------------------------ Logos des partenaires */
	#header #partenaires {
		position:absolute;
		top:2px;
		right:30px
	}
	#header #partenaires li {display:inline}
	#header #partenaires li span {
		display:block;
		text-align:right;
		color:#00618c;
		font-size:.8em;
		line-height:8px
	}
/* --------------------------------------------------------------------------------------------- Main */
	#main {
		float:left;
		width:932px;
		padding:0 0 10px 65px;
		background:url(../../images/structure/bg_main.jpg) repeat-x
	}
	#main a.message{
		float:right;
		color:#c04d36;
		font-size:1.1em;
		font-weight:bold
	}
/* ------------------------------------------------------------------ Menu */
	#main #menu {
		position:relative;
		clear:both;
		font-family:verdana, arial, helvetica, sans-serif;
		padding:15px 0 0 0
	}
	*+html #main #menu {width:710px}
	#main #menu li {display:inline}
	#main #menu li a.menu {
		float:left;
		display:block;
		width:128px;
		color:#414141;
		margin:0 6px 0 0;
		font-size:1.2em;
		text-transform:uppercase;
		font-weight:bold
	}
	#smenu4, #smenu5 {text-align:right} 
/* ---------------------------------------- Le projet Septentrion */
	#main #menu li a.septentrion {
		height:36px;
		padding:35px 0 0 8px;
		background-image:url(../../images/boutons/septentrion.jpg)
	}
	#main #menu li a.septentrion:hover {background-image:url(../../images/boutons/septentrion_hover.jpg)}
	#main #menu li a.septentrion_on {
		height:36px;
		padding:35px 0 0 8px;
		background-image:url(../../images/boutons/septentrion_hover.jpg)
	}
/* ---------------------------------------- Le projet actions */
	#main #menu li a.actions {
		height:26px;
		padding:45px 0 0 8px;
		background-image:url(../../images/boutons/actions.jpg)
	}
	#main #menu li a.actions:hover {background-image:url(../../images/boutons/actions_hover.jpg)}
	#main #menu li a.actions_on {
		height:26px;
		padding:45px 0 0 8px;
		background-image:url(../../images/boutons/actions_hover.jpg)
	}
/* ---------------------------------------- Un territoire culturel */
	#main #menu li a.territoire {
		height:36px;
		padding:35px 0 0 8px;
		background-image:url(../../images/boutons/territoire.jpg)
	}
	#main #menu li a.territoire:hover {background-image:url(../../images/boutons/territoire_hover.jpg)}
	#main #menu li a.territoire_on {
		height:36px;
		padding:35px 0 0 8px;
		background-image:url(../../images/boutons/territoire_hover.jpg)
	}
/* ---------------------------------------- La m�iath�ue */
	#main #menu li a.mediatheque {
		height:26px;
		padding:45px 0 0 8px;
		background-image:url(../../images/boutons/mediatheque.jpg)
	}
	#main #menu li a.mediatheque:hover {background-image:url(../../images/boutons/mediatheque_hover.jpg)}
	#main #menu li a.mediatheque_on {
		height:26px;
		padding:45px 0 0 8px;
		background-image:url(../../images/boutons/mediatheque_hover.jpg)
	}

	#main #menu li a.actualite {
		height:26px;
		padding:45px 0 0 8px;
		background-image:url(../../images/boutons/actualite.jpg)
	}
	#main #menu li a.actualite:hover {background-image:url(../../images/boutons/actualite_hover.jpg)}
	#main #menu li a.actualite_on {
		height:26px;
		padding:45px 0 0 8px;
		background-image:url(../../images/boutons/actualite_hover.jpg)
	}
/* ------------------------------------------------------------------ Sous-menu */
	#main #menu li ul.ssmenu {
		display:none;
		position:absolute;
		top:86px;
		width:696px;
		left:0px;
		background:#c4d6a0;
		font-size:1.1em;
		padding:6px 0 6px 8px;
		line-height:17px
	}
	* html #main #menu li ul.ssmenu {left:-710px}
	#main #menu li ul.ssmenu li {
		display:inline;
		background:url(../../images/elements/puce_gris.gif) no-repeat 0 6px;
		padding:0 0 0 7px;
		margin:0 15px 0 0
	}
	#main #menu li ul.ssmenu li a {color:#414141}
	#main ul.ssmenu li a:hover {text-decoration:underline}
/* ------------------------------------------------------------------ Acc� rapide */
	#main #acces_rapide {
		text-align:right;
		padding:0 38px 15px 0;
		text-transform:uppercase;
		font-size:.9em
	}
	*+ html #main #acces_rapide {margin-top:-60px}
	* html #main #acces_rapide li {margin:0 0 5px 0}
	#main #acces_rapide li a {color:#c04d36}
	#main #acces_rapide li a:hover {color:#7094bd}
/* ------------------------------------------------------------------ Telmedia */
	#main #telmedia {
		float:right;
		color:#3a3a3a;
		font-size:.8em;
		padding:0 20px 0 0
	}
	#main #telmedia a {color:#3a3a3a}
	#main #telmedia a:hover {
		text-decoration:underline;
		color:#000
	}
/* ------------------------------------------------------------------ Footer */
	#main #footer {
		height:20px;
		clear:both;
		background:#fff url(../../images/structure/footer.gif) no-repeat;
		text-align:center;
		padding:30px 0 0 0;
		font-size:.9em
	}
	#main #footer li {
		display:inline;
		background:url(../../images/elements/carre_rouge.gif) no-repeat 0 4px;
		padding:0 7px 0 5px
	}
	#main #ezpublish a{
		padding-left:350px;
		text-align:center;
		font-size:.9em;
		color:#414141
	}
	#main #footer li a {color:#414141}
	#main #footer li a:hover {text-decoration:underline}
/* --------------------------------------------------------------------------------------------- Boutons */
	div.actions {
		float:left;
		width:100%;
		margin:10px 0 0 0
	}
	a.bouton {
		display:block;
		float:left;
		color:#fff;
		text-transform:uppercase;
		padding:2px 11px;
		border:solid 1px #bd453a;
		background:#bd453a url(../../img/structure/bouton.gif) no-repeat;
		font-size:.9em
	}
	a.bouton:hover {
		color:#bd453a;
		background:#debdba url(../../img/structure/bouton_hover.gif) no-repeat;
	}
	div.actions a.bouton, div.actions a.bouton2 {
		float:right;
		margin:0 0 0 10px
	}
	a.bouton2 {color:#ba0000}
	a.bouton2:hover {text-decoration:underline}