/* ---------------------------------------------------------------------------------------------------------------- */

	body {
		font: normal 400 1em/1 arial, FreeSans, helvetica,verdana,sans-serif;
		color: black;
		background:#004796 url('../../images/structure/background/site-bg.jpg') repeat-x top left;
		text-shadow: white 0 0 0;
	}

	img, div, span { behavior: url('../ressources/iepngfix.htc') }


/* --------------------------------------------------------------------------------------------- Wrapper */

	#wrapper {
		width:100%;
		margin:0 auto;
		background:url('../../images/structure/background/site-bg-center.jpg') no-repeat center top;
		height:600px;
	}

/* --------------------------------------------------------------------------------------------- Global */
	#global {
		width:995px;
		margin:0 auto
	}

/* --------------------------------------------------------------------------------------------- Global */

	#header {
		position:relative;
		padding-top:1px;
	}

/* --------------------------------------------------------------------------------------------- Liens d'accès rapide */
	#acces_rapide {
		text-align:right;
		/**/color:#004796;
		font-size:0.65em;
		margin-top:8px;
	}
	#acces_rapide li {
		display:inline;
		padding-right:28px;
	}
	#acces_rapide li a {/**/color:#004796}
	#acces_rapide li span {/**/color:#ccc}
/* --------------------------------------------------------------------------------------------- Logo */
	img#logo {
		position:absolute;
		top:0;
		left:12px;
		z-index:2000;
	}

/* --------------------------------------------------------------------------------------------- Menu */

	#menu {
		margin-top:48px;
		width:720px;
		height:34px;
		border-bottom:10px solid #ff6f00;
		float:left;
		padding-left:260px;
	}

	* html #menu {
		padding-left:51px;
		width:929px;
	}

	#menu li {
		display:block;
		float:left;
		margin-right:5px;
	}

	#menu li a {
		position:relative;
	}

	#menu li a:hover {
		text-decoration:none;
	}

	#menu li a span{
		display:block;
		width:100%;
		position:absolute;
		left:0;
		bottom:3px;
		background:url('../../images/structure/background/fond-blanc-onglets.png') repeat-x bottom left;
		cursor:pointer;
		height:17px;
		overflow:hidden;
	}

	#menu li.current a span{
		background:none;
	}

	* html #menu li a span{
		bottom:2px;
	}

	* html #menu {
		margin-top:45px;
	}

	* html #menu li {
		position:relative;
		top:3px;
	}

/* --------------------------------------------------------------------------------------------- Splash */

	#splash {
		width:980px;
		height:190px;
		background:#ff7205 url('../../images/structure/background/deco_header.png') no-repeat top left;
		float:left;
		position:relative;
		z-index:1;
	}

	#splash #splash-titre{
		float:left;
		width:255px;
		color:white;
		padding:44px 0 0 50px;
	}

	#splash #splash-titre h2, #splash #splash-titre h1{
		font-size:2.7em;
		padding-bottom:6px;
		color:white !important;
	}

	#splash #splash-titre q{
		font-size:1.1em;
		width:200px;
		font-style:normal;
		font-family:arial, FreeSans, helvetica,verdana,sans-serif;
		display:block;
	}

	#splash #splash-titre q:first-line{
		font-size:1.3em;
	}

	#splash #splash-image{
		float:left;
		width:675px;
		height:190px;
		position:absolute;
		top:0px;
		left:305px;
	}

	#splash #splash-image #arrow {
		height:35px;
		width:35px;
		background:url('../../images/structure/marqueur_header.png') no-repeat top left;
		position:absolute;
		top:102px;
		left:0;
	}

	#splash a {
		cursor:hand;
		text-decoration:none;
	}

/* --------------------------------------------------------------------------------------------- Compass */

	#bandeau-compas {
		height:30px;
		width:980px;
		background:url('../../images/structure/background/fond_compas.gif') repeat-x top left;
		float:left;
	}

/* --------------------------------------------------------------------------------------------- Compass */
	#compas {
		font-size:0.7em;
		padding:8px 0 0 15px
	}
	#compas span {
		padding:0 3px;
	}
	#compas a {
		/**/color:#207cbb;
		padding:0 3px;
		text-decoration:underline;
	}

/* --------------------------------------------------------------------------------------------- Recherche */

	#recherche {
		font-size:0.7em;
		float:right;
		margin-right:10px;
		margin-top:4px;
	}
	#recherche label{
		padding:0 8px 0 0
	}
	#recherche input.champ_recherche {
		width:170px;
		height:20px;
		background:url('../../images/structure/background/fond_input_recherche.gif') no-repeat top left;
		font-size:1.1em;
		border:none;
		margin:0 3px;
		padding:2px 0 0 5px;
		color:#7f7f7f;
		font-style:italic;
	}

	#recherche input#submit-recherche {
		color:white;
		width:30px;
		height:20px;
		background:url('../../images/boutons/fond_bt_ok.gif') no-repeat top left;
		border:none;
		font-size:0.95em;
		font-weight:bold;
		padding-bottom:2px;
	}

/* --------------------------------------------------------------------------------------------- Contenu */
	#contenu {
		width:964px;
		height:420px;
		padding:10px 6px 10px 10px;
		background:#cecece;
		float:left;
	}


/* --------------------------------------------------------------------------------------------- Footer */

	#footer {
		height:60px;
		width:980px;
		background:#003979;
		float:left;
		margin-top:10px;
		color:white;
	}

	#footer .tel {
		font-size:1.1em;
		font-weight:bold;
		padding-top:20px;
		height:40px;
		margin-left:15px;
		margin-right:15px;
		float:left;
	}

	#footer #bloc-coordonnees {
		height:50px;
		float:left;
		border-left:5px solid #008a80;
		margin-top:5px;
		font-size:0.7em;
		line-height:1.05em;
		padding-left:10px;
	}

	#footer li {
		display:inline;
		padding-right:6px;
	}
	#footer li a {
		/**/color:white;
		padding-right:6px;
	}
	#footer li span {/**/color:white}

	#footer #marches {
		float:left;
		margin-left:200px;
		height:40px;
		padding-top:20px;
		font-size:0.9em;
		font-weight:bold;
	}

	#footer #marches a{
		color:#FFFFFF;
		text-decoration:none;
	}

	#footer #marches a:hover{
		text-decoration:underline;
	}

	#footer img {
		float:left;
		margin-top:15px;
		margin-left:60px;
	}

/* ------------------------------------------------------------------------- Pagination */
	#contenu ul.pagination {
		float:left;
		width:100%;
		text-align:center;
		padding:5px 0 0 0;
		margin:20px 0 10px 0;
		font-size:0.8em;
		color:#646464;
		line-height:1.25em;
	}
	#contenu ul.pagination li {
		display:inline;
		padding:0 6px;
		background:none;
		border-right:1px solid #8d8d8d;
	}
	#contenu ul.pagination li.direction {
		border:none;
	}
	#contenu ul.pagination li a {/**/color:#229fff}
	#contenu ul.pagination li a.on {
		font-weight:bold;
		/**/color:#666;
		text-decoration:none;
	}

/* ----------------------------------- THEMES */

	#jaune #menu {
		border-bottom:10px solid #ffaf0f
	}

	#jaune #splash {
		background-color:#ffaf0f
	}

	#jaune #splash #splash-image #arrow {
		background:transparent url(../../images/structure/marqueur_header_jaune.png) no-repeat scroll left top;
	}

	#marron #menu {
		border-bottom:10px solid #826869
	}

	#marron #splash {
		background-color:#826869
	}

	#marron #splash #splash-image #arrow {
		background:transparent url(../../images/structure/marqueur_header_marron.png) no-repeat scroll left top;
	}
	
	#violet #menu {
		border-bottom:10px solid #ae2d85
	}

	#violet #splash {
		background-color:#ae2d85
	}

	#violet #splash #splash-image #arrow {
		background:transparent url(../../images/structure/marqueur_header_violet.png) no-repeat scroll left top;
	}

	#bleu #menu {
		border-bottom:10px solid #2c82c4
	}

	#bleu #splash {
		background-color:#2c82c4
	}

	#bleu #splash #splash-image #arrow {
		background:transparent url(../../images/structure/marqueur_header_bleu.png) no-repeat scroll left top;
	}

	#vert #menu {
		border-bottom:10px solid #79b108
	}

	#vert #splash {
		background-color:#79b108
	}

	#vert #splash #splash-image #arrow {
		background:transparent url(../../images/structure/marqueur_header_vert.png) no-repeat scroll left top;
	}

	#rouge #menu {
		border-bottom:10px solid #c41512
	}

	#rouge #splash {
		background-color:#c41512
	}

	#rouge #splash #splash-image #arrow {
		background:transparent url(../../images/structure/marqueur_header_rouge.png) no-repeat scroll left top;
	}

	#gris #menu {
		border-bottom:10px solid #8d9cab
	}

	#gris #splash {
		background-color:#8d9cab
	}

	#gris #splash #splash-image #arrow {
		background:transparent url(../../images/structure/marqueur_header_gris.png) no-repeat scroll left top;
	}
	
	#pastel #menu {
		border-bottom:10px solid #f30a2b
	}

	#pastel #splash {
		background-color:#f30a2b
	}

	#pastel #splash #splash-image #arrow {
		background:transparent url(../../images/structure/marqueur_header_pastel.png) no-repeat scroll left top;
	}

/* ------------------------------------------------------------------------- Outils */
	#contenu #outils li {
		background-repeat:no-repeat;
		padding:0 0 0 22px;
		margin:0 0 5px 0
	}
	#contenu #outils #imprimer {
		background-image:url(../../images/structure/background/imprimer.gif);
		background-position:1px 50%
	}
	#contenu #outils #conseiller_ami {
		background-image:url(../../images/structure/background/conseiller_ami.gif);
		background-position:left 50%
	}
	#contenu #outils #pdf {
		background-image:url(../../images/structure/background/pdf.gif);
		background-position:left 50%
	}
	#contenu #outils li a {
		color:#666;
		text-decoration:none
	}
	#contenu #outils li a:hover {text-decoration:underline}
/* ------------------------------------------------------------------------- Haut de page */
	#contenu div.haut_page {
		float:left;
		width:100%;
		text-align:right;
		background:url(../../images/structure/background/haut_page.gif) no-repeat right 50%
	}
	#contenu div.haut_page a {
		/**/color:#000;
		background:url(../../images/structure/background/haut_page.gif) no-repeat left 50%;
		padding:0 0 0 10px;
		margin:0 10px 0 0;
		text-decoration:none
	}
	#contenu div.haut_page a:hover {text-decoration:underline}