/* CSS Document */
/* --------------------------------------------------------------------------------------------- Récurrents */
	input.btn {
		font-family:tahoma;
		font-size:.8em;
		color:#004696;
		background:#ffde00;
		border:1px solid #005d73;
		cursor:pointer;
		padding:1px
   }
/* --------------------------------------------------------------------------------------------- Global */
	#global {
		width:760px;
		margin:0 auto
	}
/* --------------------------------------------------------------------------------------------- Liens d'évitement */
	#liens_evitement {
		float:left;
		width:750px;
		text-align:right;
		font-size:.9em;
		color:#004896;
		padding:5px
	}
	#liens_evitement li {display:inline}
	#liens_evitement li a {color:#004896}
	#liens_evitement li a:hover {text-decoration:underline}
/* --------------------------------------------------------------------------------------------- Logo */
	#logo {
		float:left;
		margin:0 0 0 10px
		/*margin:0 0 0 16px*/
	}
/* --------------------------------------------------------------------------------------------- Visuels */
	#imageSlideshowHolder {
		position:relative;
		float:right;
		width:526px;
		height:95px
	}
	#imageSlideshowHolder img {
		position:absolute;
		left:0px;
		top:0px
	}
	.visu01 {background:url(../../images/visuels/visu01.jpg)}
	.visu02 {background:url(../../images/visuels/visu02.jpg)}
	.visu03 {background:url(../../images/visuels/visu03.jpg)}
	.visu04 {background:url(../../images/visuels/visu04.jpg)}
	.visu05 {background:url(../../images/visuels/visu05.jpg)}
	.visu06 {background:url(../../images/visuels/visu06.jpg)}
	.visu07 {background:url(../../images/visuels/visu07.jpg)}
	.visu08 {background:url(../../images/visuels/visu08.jpg)}
/* --------------------------------------------------------------------------------------------- Menu */
	#menu ul li a.linkOver {text-decoration:underline}
/* -------------------------------------------------------------------------- Premier niveau */
	#menu {
		float:left;
		width:100%;
		font-weight:bold;
		font-size:1.1em;
		text-transform:uppercase;
		padding:4px 0
	}
	#menu li {
		position:relative;
		display:inline;
		margin:0 6px
	}
	#menu li a {color:#004896}
	#menu li a:hover {text-decoration:underline}
/* -------------------------------------------------------------------------- Second niveau */
	#menu li ul {
		position:absolute;
		top:20px;
		left:5px;
		visibility:hidden;
		float:none;
		width:150px;
		background:#fdf6c3;
		font-weight:normal;
		font-size:.9em;
		text-transform:none;
		border:1px solid #004896;
		padding:6px 7px 2px 6px
	}
	#menu li ul li {
		display:block;
		background:url(../../images/elements/carre_bleu.gif) no-repeat 0 6px;
		padding:0 0 0 8px;
		margin:0 0 4px 0
	}
/* -------------------------------------------------------------------------- Autres niveaux */
	#menu li ul li ul {
		margin-left:140px;
		margin-top:-20px;
		font-size:1em;
		z-index:10000
	}
/* --------------------------------------------------------------------------------------------- Left */
	#left {
		float:left;
		width:161px;
		background:url(../../images/structure/background/left.gif) no-repeat;
		padding:28px 0 0 4px
	}
/* -------------------------------------------------------------------------- Arrondi bleu */
	#left div.arrondi_bleu {
		border-left:2px solid #6e9fcf;
		border-right:2px solid #6e9fcf;
		background:#dcebfe;
		padding:0 7px
	}
	#left div.arrondi_bleu a {
		display:block;
		text-align:center;
		color:#40668a
	}
	#left div.arrondi_bleu a:hover {text-decoration:underline}
	#left div.arrondi_bleu_top {
		height:10px;
		font-size:0;
		background:url(../../images/structure/background/arrondi_bleu_top.gif) no-repeat
	}
	#left div.arrondi_bleu_bottom {
		height:11px;
		font-size:0;
		background:url(../../images/structure/background/arrondi_bleu_bottom.gif) no-repeat;
		margin:0 0 5px 0
	}
	#left div.arrondi_bleu span.titre {
		display:block;
		font-size:1.2em;
		font-weight:bold;
		color:#40668a;
		padding:0 0 5px 0
	}
/* -------------------------------------------------------- Liens utiles */
	#left div.arrondi_bleu #liens_utiles {padding:0 0 2px 10px}
	#left div.arrondi_bleu #liens_utiles li {
		background:url(../../images/elements/fleche_gris.gif) no-repeat 0 4px;
		padding:0 0 0 11px;
		margin:0 0 2px 0
	}
	#left div.arrondi_bleu #liens_utiles li a {
		display:inline;
		color:#004895
	}
	#left div.arrondi_bleu #liens_utiles li a:hover {text-decoration:underline}
/* -------------------------------------------------------- News défilantes */
	#left div.arrondi_bleu #news {
		width:143px;
		color:#000;
		margin:5px 0
	}
	#left div.arrondi_bleu #news li {
		width:143px;
		background:url(../../images/elements/dotted_gris.gif) repeat-x bottom;
		padding:10px 0
	}
	#left div.arrondi_bleu #news li.last {background:none}
	#left div.arrondi_bleu #news li span {
		display:block;
		margin:0 0 1px 0
	}
	#left div.arrondi_bleu #news li span.titre_actu {
		text-transform:uppercase;
		font-weight:bold;
		color:#40668a
	}
	#left div.arrondi_bleu #news li span.lieu_theme {font-weight:bold}
	#left div.arrondi_bleu #news li a.savoir_plus {
		display:inline;
		color:#004895;
		background:url(../../images/elements/fleche_bleu.gif) no-repeat right 5px;
		padding:0 9px 0 0
	}
	/* the news box when JavaScript is available */
	#left div.arrondi_bleu #news.hasJS {
		height:180px;
		overflow:hidden;
		position:relative
	}
	/* The nested UL when JavaScript is available */
	#left div.arrondi_bleu #news.hasJS ul{
		position:absolute;
		top:120px;
		left:0
	}
/* -------------------------------------------------------- Carte */
	#left #carte {
		display:block;
		vertical-align:middle;
		margin:20px auto 5px auto
	}
/* --------------------------------------------------------------------------------------------- Main */
	#main {
		float:left;
		width:575px;
		background:url(../../images/structure/background/main.gif) no-repeat top;
		padding:0 10px
	}
/* ------------------------------------------------------------------------- Top */
	#main #recherche {
		float:left;
		width:565px;
		padding:0 0 10px 10px
	}
	#main #recherche input.champ_recherche {
		float:left;
		width:100px;
		height:14px;
		font-size:1em;
		border:1px solid #40668a;
		padding:1px 0 0 3px;
		margin:6px 2px 0 0
	}
	#main #recherche input.btn {
		float:left;
		margin-top:6px
	}
/* ------------------------------------------------------------------------- Compass */
	#main #compass {
		float:left;
		width:100%;
		text-transform:uppercase;
		color:#40668a;
		border-bottom:1px solid #d4e5f5;
		padding:0 0 3px 0;
		margin:0 0 5px 0
	}
	#main #compass li a {
		text-transform:none;
		color:#40668a;
		background:url(../../images/boutons/home.gif) no-repeat;
		padding:0 0 0 16px
	}
	#main #compass li a:hover {text-decoration:underline}
	#main #compass li ul {display:inline}
	#main #compass li ul li {
		display:inline;
		background:url(../../images/elements/fleche_bleuC.gif) no-repeat left;
		padding:0 0 0 9px
	}
	#main #compass li ul li a {
		background:none;
		padding:0
	}
/* ------------------------------------------------------------------------- Contenu */
	#main #contenu {
		float:left;
		width:414px;
		padding:0 20px 0 15px
	}
	* html #contenu {overflow:hidden}
	#main #contenu.large {
		width:560px;
		padding-right:0
	}
/* ----------------------------------------------------- Sommaire */
	#main #contenu span.titre_sommaire {
		float:left;
		display:block;
		width:100%;
		color:#004895;
		font-size:1.1em;
		text-transform:uppercase;
		font-weight:bold;
		text-indent:1px;
		background:url(../../images/elements/dotted_gris.gif) repeat-x bottom;
		padding:0 0 4px 0;
		margin:30px 0 1px 0
	}
	#main #contenu #sommaire {
		width:100%;
		float:left;
		padding:0;
		margin:10px 0 0 0
	}
	#main #contenu #sommaire li {
		float:left;
		width:100%;
		clear:both;
		background:none;
		padding:0;
		margin:0 0 10px 0
	}
	#main #contenu #sommaire li a {
		color:#40668a;
		font-size:1.2em;
		font-weight:bold;
		text-decoration:none;
		background:url(../../images/elements/fleche_bleu.gif) no-repeat 0 6px;
		padding:0 0 0 11px
	}
	#main #contenu #sommaire li a:hover {text-decoration:underline}
	#main #contenu #sommaire li p {
		padding:4px 0 0 20px;
		margin:0
	}
/* ------------------------------------------------------------------------- Illustrations */
	#main #illustrations {
		float:left;
		width:126px;
		text-align:center;
		font-size:.9em;
		color:#666
	}
	#main #illustrations li {margin:0 0 20px 0}
	#main #illustrations li img {
		vertical-align:middle;
		border:1px solid #6e9fcf;
		padding:2px;
		margin:0 0 2px 0
	}
/* ------------------------------------------------------------------------- Titres */
	h1 {
		font-size:1.4em;
		color:#004895;
		margin-bottom:10px
	}
	h2 {
		clear:both;
		font-size:1.2em;
		color:#6aa400;
		margin-bottom:8px
	}
	h3 {
		clear:both;
		font-size:1.1em;
		color:#6e9fcf;
		margin-bottom:6px
	}
	h4 {
		clear:both;
		font-size:1em;
		margin-bottom:2px
	}
	h5, h6 {
		clear:both;
		font-size:1em;
	}
/* ------------------------------------------------------------------------- Pagination */
	#main #contenu ul.pagination {
		float:left;
		width:100%;
		text-align:right;
		border-top:1px solid #d4e5f5;
		padding:5px 0 0 0
	}
	#main #contenu ul.pagination li {
		display:inline;
		margin:0 6px
	}
	#main #contenu ul.pagination li a {color:#40668a}
	#main #contenu ul.pagination li a:hover, #main #contenu ul.pagination li a.on {text-decoration:underline}
	#main #contenu ul.pagination li a.on {
		color:#999;
		cursor:text
	}
/* --------------------------------------------------------------------------------------------- Adresse */
	#adresse_bottom {
		float:left;
		width:570px;
		height:36px;
		color:#fff;
		background:url(../../images/structure/background/adresse.gif) no-repeat;
		padding:2px 0 0 190px;
		margin:0 0 2px 0
	}
	#adresse_bottom li {width:280px}
	#adresse_bottom li.float {float:left}
/* --------------------------------------------------------------------------------------------- Footer */
	#footer {
		float:left;
		font-size:.9em;
		color:#40668a;
		padding:0 0 10px 10px
	}
	#footer li {display:inline}
	#footer li  a {color:#40668a}
	#footer li a:hover {text-decoration:underline}
/* --------------------------------------------------------------------------------------------- Copyright */
	#copyright {
		float:right;
		font-size:.9em;
		color:#40668a;
		padding:0 10px 0 0
	}
	#copyright li {display:inline}
	#copyright li img {
		vertical-align:middle;
		margin:0 0 0 3px
	}
	#copyright li a {color:#40668a}
	#copyright li a:hover {text-decoration:underline}