/* CSS Document */
/* --------------------------------------------------------------------------------------------- Remise à zéro de tous les préformatages navigateurs */
	* {
		padding:0;
		margin:0;
		list-style:none
	}
	body {
		font-size:68.75%;
		font-family:arial, helvetica, sans-serif;
		background:#fff
	}
	a, a:hover {text-decoration:none}
	img {border:none}
	strong {font-weight:bold}
	em {font-style:italic}
	label {cursor:pointer}
	abbr, acronym {
	  border-bottom:1px dotted #333;
	  cursor:help
	}
/* --------------------------------------------------------------------------------------------- Récurrents */
	input.btn {
		float:left;
		font-family:tahoma;
		font-size:.8em;
		color:#fff;
		background:#005a91;
		border:1px solid #005a91;
		cursor:pointer;
		padding:1px 0;
		margin:1px 0 0 0
	}
/* --------------------------------------------------------------------------------------------- Page */
	#page {
		width:995px;
		margin:0 auto
	}
/* --------------------------------------------------------------------------------------------- Global */
	#global {
		float:left;
		width:100%;
		background:#699ccd url(../../images/visuels/visu01.jpg) no-repeat left bottom
	}
/* --------------------------------------------------------------------------------------------- Top */
	#top {
		float:left;
		width:972px;
		color:#fff;
		padding:1px 13px 0 10px;
		margin:0 0 5px 0
	}
/* ------------------------------------------------------------------------- Adresse */
	#top address {
		float:left;
		font-style:normal
	}
	#top address a {
		display:block;
		color:#02446b;
		text-decoration:underline
	}
	#top address a:hover {text-decoration:none}
/* ------------------------------------------------------------------------- Liens d'accès rapide */
	#top ul {float:right}
	#top ul li {display:inline}
	#top ul li a {color:#fff}
	#top ul li a:hover {text-decoration:underline}
/* --------------------------------------------------------------------------------------------- Menu */
	#menu li a.linkOver {background-position:right bottom}
	#menu li a.linkOver span {background-position:left bottom}
	#menu li ul li a.linkOver {text-decoration:underline}
/* ------------------------------------------------------------------------- Premier niveau */
	#menu {
		float:left;
		width:930px;
		text-transform:uppercase;
		font-size:.9em;
		padding:0 0 0 65px
	}
	#menu li {
		position:relative;
		float:left
	}
	#menu li a {
		float:left;
		color:#fff;
		background-image:url(../../images/structure/background/menu_a.gif);
		background-repeat:no-repeat;
		background-position:right top;
		padding:0 1px 0 0;
		margin:0 2px 0 0
	}
	#menu li a span {
		display:block;
		float:left;
		background-image:url(../../images/structure/background/menu_span.gif);
		background-repeat:no-repeat;
		background-position:left top;
		padding:10px 20px 1px 7px;
		cursor:pointer
	}
	#menu li a:hover {background-position:right bottom}
	#menu li a:hover span {background-position:left bottom}
/* ------------------------------------------------------------------------- Second niveau */
	#menu li ul {
		position:absolute;
		top:26px;
		left:0;
		visibility:hidden;
		float:none;
		width:150px;
		text-transform:none;
		font-size:1.1em;
		background:#1480c0;
		border:1px solid #1e568f;
		padding:6px 7px 2px 6px
	}
	#menu li ul li {
		float:none;
		background:url(../../images/elements/fleche_blanc.gif) no-repeat 0 5px;
		padding:0 0 0 8px;
		margin:0 0 4px 0
	}
	#menu li ul li a {
		float:none;
		background-image:none;
		padding:0;
		margin:0
	}
	#menu li ul li a:hover {text-decoration:underline}
/* ------------------------------------------------------------------------- Autres niveaux */
	#menu li ul li ul {
		margin-left:140px;
		margin-top:-20px;
		font-size:1em;
		z-index:10000
	}
/* --------------------------------------------------------------------------------------------- Header */
	#header {
		float:left;
		width:980px;
		background:#fff;
		padding:6px 0 0 15px
	}
/* ------------------------------------------------------------------------- Logo */
	#header #logo {
		float:left;
		background:url(../../images/structure/background/navigation.gif) no-repeat 0 top;
		padding:15px 30px 0 0
	}
/* ------------------------------------------------------------------------- Actualités */
	#header #my-glider {
		float:left;
		width:436px;
		padding:5px 0 10px 0;
		margin:0 23px 0 0
	}
/* ------------------------------------------------------ Actualités top */
	#header #my-glider #actualites_top {
		float:left;
		width:430px;
		background:url(../../images/structure/background/actualites.gif) repeat-x left 14px;
		padding:0 6px 0 0;
		margin:0 0 4px 0
	}
/* ---------------------------------- Titre */
	#header #my-glider #actualites_top h2 {
		float:left;
		background:#fff;
		padding:0 6px 0 0
	}
/* ---------------------------------- Navigation */
	#header #my-glider #actualites_top div.controls ul {
		float:right;
		margin:0 20px 0 0
	}
	#header #my-glider #actualites_top div.controls ul li {display:inline}
	#header #my-glider #actualites_top div.controls ul li a {
		color:#000;
		padding:0 5px
	}
	#header #my-glider #actualites_top div.controls ul li a:hover, #my-glider div.controls ul li a.on {
		color:#fff;
		background:#0075ba
	}
	#header #my-glider #actualites_top div.controls ul li a.on {cursor:text}
/* ---------------------------------- Lien toutes les actus */
	#header #my-glider #actualites_top #toutes_actu {
		float:right;
		font-size:.9em;
		color:#0075ba;
		background:url(../../images/elements/fleche_bleu.gif) no-repeat right 5px;
		padding:0 8px 0 0
	}
	#header #my-glider #actualites_top #toutes_actu:hover {color:#000}
/* ------------------------------------------------------ Actualités */
	#header #my-glider div.scroller {
		float:left;
		width:436px;
		overflow:hidden
	}
	#header #my-glider div.scroller ul.content {width:10000px}
	#header #my-glider div.scroller ul.content li.section {
		float:left;
		width:436px;
		overflow:hidden
	}
	#header #my-glider div.scroller ul.content li.section div.actualite {
		display:inline;
		float:left;
		width:210px
	}
	#header #my-glider div.scroller ul.content li.section div.left {margin:0 8px 0 0}
	#header #my-glider div.scroller ul.content li.section div.right {margin:0 0 0 8px}
	#header #my-glider div.scroller ul.content li.section div.actualite img {
		float:left;
		margin:0 8px 0 0
	}
	#header #my-glider div.scroller ul.content li.section div.actualite a {
		display:block;
		font-weight:bold;
		color:#383838;
		text-decoration:underline;
		margin:0 0 2px 0
	}
	#header #my-glider div.scroller ul.content li.section div.actualite a:hover {text-decoration:none}
	#header #my-glider div.scroller ul.content li.section div.actualite p {
		line-height:1.3em;
		text-align:justify;
		color:#000
	}
/* ------------------------------------------------------------------------- Recherche */
	#header form {
		float:left;
		background:url(../../images/structure/titre_recherche.gif) no-repeat left 8px;
		padding:35px 0 0 6px
	}
	#header form label {
		float:left;
		line-height:1.4;
		background:url(../../images/elements/fleches_noir.gif) no-repeat right 7px;
		padding:0 9px 0 0
	}
	#header form input.champ_recherche {
		float:left;
		width:133px;
		font-size:1em;
		border:1px solid #161616;
		padding:2px 0 2px 3px;
		margin:0 4px 0 6px
	}
	#header form input.bouton_recherche {float:left}
/* --------------------------------------------------------------------------------------------- Main */
	#main {
		float:left;
		width:985px;
		background:url(../../images/structure/background/main.gif) repeat-x;
		padding:0 0 0 10px
	}
/* ------------------------------------------------------------------------- Left */
	#main #left {
		float:left;
		width:225px;
		padding:43px 0 0 0
	}
/* ----------------------------------------------------- Titre */
	#main #left div.titre {
		float:left;
		width:209px;
		text-transform:uppercase;
		font-size:1.7em;
		font-weight:bold;
		color:#fff;
		background:url(../../images/structure/background/left_titre.gif) no-repeat;
		padding:7px 8px 4px 8px
	}
/* ------------------------------------------------------------------------- Right */
	#main #right {
		float:left;
		width:722px;
		padding:0 16px 0 22px
	}
/* ------------------------------------------------------------------------- Footer */
	#main #footer {
		float:left;
		width:100%;
		padding:0 0 30px 0
	}
/* ----------------------------------------------------- Copyright */
	#main #footer #copyright {
		float:left;
		font-family:tahoma;
		font-size:.9em;
		color:#fff
	}
	#main #footer #copyright li {display:inline}
	/*
	#main #footer #copyright li #audaxis {
		display:block;
		float:left;
		width:90px;
		height:17px;
		background:url(../../images/structure/logo_audaxis.png);
		cursor:pointer;
		margin:0 20px 0 0
	}
	* html #main #footer #copyright li #audaxis {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/extension/cc_atrebatie/design/cc_atrebatie/images/structure/logo_audaxis.png',sizingMethod='crop');
		background-image:none
	}
	*/
	#main #footer #copyright li img {
		vertical-align:middle;
		margin:0 0 0 3px
	}
/* ----------------------------------------------------- Liens */
	#main #footer #liens {
		float:right;
		font-size:.9em;
		color:#fff;
		padding:4px 232px 0 0
	}
	#main #footer #liens li {display:inline}
	#main #footer #liens li a {color:#fff}
	#main #footer #liens li a:hover {text-decoration:underline}