/* CSS Document */
/* --------------------------------------------------------------------------------------------- Remise a zéro de tous les preformatages navigateurs */
	* {
		padding:0;
		margin:0
	}
	body {
		font-size:62.5%;
		font-family:Verdana, arial, helvetica, sans-serif;
		color:#014983;
		background:#fff
	}
/* ------------------------------------------------------------------------- Liens */
	a { text-decoration:none; color:#1C8BBE; }
	.contenu a { font-weight:bold; }
	a:hover, a:focus, a.focus { text-decoration:underline; color:#014983; }
	a img {border:none}
/* ------------------------------------------------------------------------- Liste */
	ul {list-style:none}
/* ------------------------------------------------------------------------- Divers */
	strong {font-weight:bold}
	em {font-style:italic}
	abbr, acronym {border-bottom:1px dotted}
	address {font-style:normal}
	kbd {
		font-size:1.2em;
		background:#e5e5e5;
		padding:0 2px;
		border:solid 1px #ccc;
		border-right:solid 1px #999;
		border-bottom:solid 1px #999
	}
	* html kbd {font-size:1em}
	*+html kbd {font-size:1em}
/* --------------------------------------------------------------------------------------------- Global */
	#global {
		width:988px;
		font-size:1.2em;
		margin:0 auto;
	}
	input:focus,
	input.focus,
	textarea:focus,
	textarea.focus,
	select:focus {background:#f2f9ff}
	input.bouton, div.contenu div.conteneur input.bouton, div.contenu div.content-action input {
		font-family:tahoma;
		font-size:1em;
		color:#fff;
		background:#014983;
		border:1px solid #014983;
		padding:1px;
		cursor:pointer
	}
	input.bouton:hover,
	input.bouton:focus,
	#boutons input.focus,
	div.contenu div.conteneur input.bouton:hover,
	div.contenu div.conteneur input.bouton:focus,
	div.contenu div.content-action input:hover,
	div.contenu div.content-action input:focus,
	div.contenu div.content-action input.focus {
		color:#fff;
		background:#1f6aa6
	}
/* ------------------------------------------------------------------------- Logo */
	#logo {
		float:left;
		width:200px;
		text-align:center;
		background:#033967;
		padding:12px 0 8px 0;
		overflow:hidden;
		height:163px;
	}
	#logo img {vertical-align:middle}
/* ------------------------------------------------------------------------- Liens d'acces rapide */
	#acces_rapide {
		float:left;
		font-size:1.3em;
		color:#014983;
		padding:2px 0 0 10px
	}
	#acces_rapide li {
		float:left;
		margin:0 8px 0 0
	}
	#acces_rapide li a {
		font-size:0.8em;
		color:#014983;
		margin:0 5px 0 0;
		font-weight:bold;
	}
	#acces_rapide li strong {
		font-size:0.8em;
		color:#333;
		margin:0 5px 0 0;
		font-weight:bold;
	}	
	
/* ------------------------------------------------------------------------- Recherche */
	#recherche {
		float:right;
		padding:3px 0 2px 0
	}
	#recherche label {
		float:left;
		background:url(../images/background/search_label.gif) no-repeat 0 3px;
		margin:0 5px 0 0;
		display:block;
		overflow:hidden;
		width:178px;
		height:20px;
		
	}
	#recherche label span {color:#21a9e3}
	#recherche input.champ {
		float:left;
		width:112px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:.9em;
		font-weight:bold;
		color:#1a5b8f;
		border:1px solid #014983;
		padding:2px 0 3px 7px
	}
	#recherche input.bouton {
		float:left;
		font-size:.9em
	}
	#recherche input.bouton {padding-bottom:2px}
	* html #recherche input.bouton {padding-bottom:1px}
	*+html #recherche input.bouton {padding-bottom:1px}
/* ------------------------------------------------------------------------- Tetiere */
	#tetiere {
		float:left;
		margin:0 0 2px 0
	}
	#tetiere img {vertical-align:top}
/* ------------------------------------------------------------------------- Left */
	#left {
		float:left;
		width:200px;
		min-height:654px;
		margin-top:-2px;
		background:#043867 url(../images/background/left.jpg) no-repeat 0 bottom; }
	}
	* html #left {}
/* --------------------------------- Flat left */
	#titre_sous_menu {
		display:block;
		font-size:1.3em;
		color:#033967;
		background:#42b4e8 url(../images/background/titre_flat_left.gif) repeat-x left bottom;
		padding:9px 10px 8px 20px
	}
	#sous_menu li a, #sous_menu li strong {
		display:block;
		height:1%;
		color:#033967;
		background:#22a7e4 url(../images/background/fleche_bleu.gif) no-repeat 13px 11px;
		padding:8px 10px 8px 25px
	}
	#sous_menu li a:hover, #sous_menu li a:focus, #sous_menu li a.focus, #sous_menu li strong {background-color:#09c2f9}
	#sous_menu li a.dans_rubrique {background-color:#09c2f9}
	#sous_menu li ul {
		background:#09c2f9;
		padding:0 0 4px 0
	}
	#sous_menu li ul li a, #sous_menu li ul li strong {
		color:#fff;
		background:#09c2f9 url(../images/background/carre_blanc.gif) no-repeat 33px 9px;
		padding:4px 10px 4px 43px
	}
/* --------------------------------- Infos pratiques */
	#infos_pratiques {overflow:hidden; padding:27px 0 10px 0; background:url(../images/background/infos_pratiques_bgd.png) no-repeat; }
	
	* html #infos_pratiques {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/background/infos_pratiques_bgd.png',sizingMethod='crop');
		background-image:none;
		}	
	
	#infos_pratiques span.titre {
		display:block;
		word-spacing:-0.2em;
		text-transform:uppercase;
		font-size:1.5em;
		color:#fff;
		margin:0 10px 15px 17px;
		font-family:arial;
	}
	#infos_pratiques span.titre span {
		font-weight:bold;
		color:#23b2eb
	}
	#infos_pratiques ul li {margin:0 0 3px 0}
	
	#infos_pratiques ul li a {
		display:block;
		background-repeat:no-repeat;
		background-position:32px 7px;
		color:#fff;
		padding:5px 10px 5px 56px
	}
	#infos_pratiques ul #item_01 a {background-image:url(../images/background/tarifs.gif)}
	#infos_pratiques ul #item_02 a {background-image:url(../images/background/visites.gif)}
	#infos_pratiques ul #item_03 a {background-image:url(../images/background/plan_acces.gif)}
	#infos_pratiques ul li a:hover, #infos_pratiques ul li a:focus, #infos_pratiques ul li a.focus {color:#21a9e3}
/* --------------------------------- Galerie photos */
	#infos_pratiques ul li#galerie_photos a {
		display:block;
		display:inline;		/* Corrige un bug ie6 */
		width:192px;
		height:153px;
		word-spacing:-0.2em;
		text-align:center;
		font-size:1.5em;
		font-weight:bold;
		color:#033967;
		background:url(../images/background/galerie_photos_2.png) no-repeat 0 bottom;
		padding:40px 0 0 0;
		margin:0 5px 10px 3px;
		cursor:pointer;
		float:left;
		}
	* html #galerie_photos a {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/background/galerie_photos_2.png',sizingMethod='crop');
		background-image:none;
		}
	#infos_pratiques ul li#galerie_photos a span {
		position:absolute;
		top:-10000px;
		}

	#infos_pratiques ul li#site_lien { margin:0; padding:0 0 0 3px; float:left; }		
	#infos_pratiques ul li#site_lien a {
		float:left;
		background:url(../images/background/cci_link.gif) no-repeat 0 0;
		display:block;
		overflow:hidden;
		height:90px;
		width:192px;
		padding:0;
		margin:0;
		}
	#infos_pratiques ul li#site_lien a:hover { background:url(../images/background/cci_linko.gif) no-repeat 0 0; }		
	#infos_pratiques ul li#site_lien span { position:absolute; top:-1000px; }
		
/* --------------------------------- Partenaires */
	#left img {
		clear:both;
		display:block;
		margin:0 auto
	}
/* ------------------------------------------------------------------------- Menu */
/* ----------------------------------------------------- Premier niveau */
	ul#menu {
		float:left;
		width:786px;
		margin:0 0 2px 2px;
	}
	

	#menu li {
		position:relative;
		float:left;
		font-size:1.1em;
	}
	#menu li a, #menu li strong {
		font-family:arial;
		display:block;
		display:inline;		/* Corrige un bug IE6 */
		float:left;
		width:155px;
		text-align:center;
		color:#fff;
		background:#21a9e3;
		padding:7px 0;
		margin:0 2px 0 0;
		font-weight:bold;
	}
	#menu li a:hover {
		background:#033967;
		text-decoration:none;
		}
/* ----------------------------------------------------- Second niveau */
	#menu li ul {
		position:absolute;
		top:-999px;
		left:0;
		width:155px;
		background:#21a9e3;
		padding:0 0;
		-moz-opacity:0.9;
		opacity: 0.9;
		filter:alpha(opacity=90);
	}
	#menu li ul.actif {top:31px}
	#menu li ul li {
		position:static;
		float:none;
		font-size:.8em
	}
	#menu li ul li a {
		display:inline;
		width:127px;
		text-align:left;
		padding:5px 14px 5px 14px;
		margin:0;
		background:none;
		background:#21a9e3;
		}
		
	#menu .sous_niveaux_2_noeud_10641 a { width:158px; border:0; margin:0 0 0 0; }		

	#main {
		float:left;
		width:788px;
		min-height:555px;
		background:url(../images/background/main.gif) no-repeat center top;
		padding:0;
		font-size:0.9em;
	}
	* html #main {height:555px}
	
	.contenu { padding:20px 30px 20px 30px; }
	
	#main a.externe {
		background:url(../images/background/lien_externe.gif) no-repeat right center;
		padding:0 14px 0 0
	}

	a.lire_suite {
		display:block;
		float:left;
		font-size:.9em;
		font-weight:bold;
		color:#56aa1e;
		background:url(../images/background/carre_plus.gif) no-repeat left center;
		padding:4px 12px
	}
	a.all {
		clear:both;
		display:block;
		text-align:right;
		font-weight:bold;
		color:#014983
	}
	a.all span {
		background:url(../images/background/rond_fleche.gif) no-repeat left center;
		padding:0 0 0 13px
	}
	div.contenu {overflow:hidden}

	#fil_arianne {
		color:#6A8BA4;
		margin:0 0 20px 0
	}
	#fil_arianne a {
		color:#6a8ba4;
		text-decoration:none;
		font-weight:bold;
	}
	
	#fil_arianne a:hover { text-decoration:underline }	
	
	
	/* #fil_arianne a:hover, #fil_arianne a:focus, #fil_arianne a.focus {text-decoration:none} */

	#middle {
		float:left;
		width:491px;
		padding:10px 25px 0 30px
	}
/* ------------- H1 */
	#middle h1, #middle h2.home, #right h2 {
		text-transform:uppercase;
		word-spacing:-0.2em;
		font-family:"Arial Black", Arial, Helvetica, sans-serif;
		font-size:1.4em;
		color:#21a9e3;
		border-bottom:1px solid #21a9e3;
		margin:0 0 12px 0
	}
/* ------------- Article */
	div.article {
		overflow:hidden;
		clear:both;
		margin:0 0 20px 0
	}
	div.article img {
		float:left;
		margin:0 10px 0 0
	}
	div.article h3 {
		font-size:1.3em;
		margin:0 0 15px 0
	}
	div.article p {
		font-size:.9em;
		line-height:1.6em;
		margin:0 0 5px 0
	}
/* ------------- Plan du site */
	#plan_site {
		float:left;
		width:100%;
		table-layout:fixed;
		border-collapse:collapse
	}
	#plan_site tr td {
		vertical-align:top;
		padding:0 10px 20px 5px
	}
	#plan_site tr td a {text-decoration:none}
	#plan_site tr td a:hover, #plan_site tr td a:focus, #plan_site tr td a.focus {text-decoration:underline}
	#plan_site tr td h2 {
		font-size:1.3em;
		font-weight:bold;
		margin-bottom:5px
	}
	#plan_site tr td h2 a {color:#024f7d}
	#plan_site tr td ul {
		clear:both;
		padding:0 0 0 15px
	}
	#plan_site tr td ul li {
		background:url(../images/background/carre_jaune_pt.gif) no-repeat 0 4px;
		padding:0 0 0 10px;
		margin:0 0 3px 0
	}
	#plan_site tr td ul li a {color:#024f7d}
	#plan_site tr td ul li ul {margin:3px 0 5px 0}
	#plan_site tr td ul li ul li {background:url(../images/background/puce.gif) no-repeat 0 5px}
/* --------------------------------- Outils */
	#outils {
		float:left;
		width:100%;
		color:#fff;
		padding:20px 0 10px 0
	}
	#outils a {
		color:#014983;
		background-repeat:no-repeat;
		background-position:left center;
		padding:0 0 1px 17px;
		margin:0 30px 0 0;
		text-decoration:none
	}
	#outils #retour {background-image:url(../images/background/retour.gif)}
	#outils #imprimer {background-image:url(../images/background/imprimer.gif)}
	#outils #envoyer_ami {background-image:url(../images/background/envoyer_page.gif)}
	#outils #haut_page {
		background-image:url(../images/background/haut_page.gif);
		margin-right:0;
		padding-bottom:2px
	}
	#outils a:hover, #outils a:focus, #outils a.focus {text-decoration:underline}
/* --------------------------------- Right */
	#right {
		float:right;
		width:216px;
		background:#e6f0f2;
		padding:10px 13px 15px 13px
	}
	#right a.lire_suite {color:#21a9e3}
/* ------------- H2 */
	#right h2 span {color:#014983}
/* ------------- Actualites */
	div.actualite {
		clear:both;
		overflow:hidden;
		height:1%;		/* Corrige un bug IE6 */
		line-height:1.4em;
		color:#486780;
		margin:0 0 20px 0
	}
	div.actualite img {
		float:left;
		margin:0 7px 0 0
	}
	div.actualite h3 {
		font-size:1em;
		color:#014983
	}
/* ------------------------------------------------------------------------- Bottom */
	#bottom {
		color:#fff;
		border-bottom:2px solid #fff;
		background:#033967;
		padding:6px 0;
		width:618px;
		height:20px;
		overflow:hidden;
		font-size:0.9em;
		padding:7px 20px 0 350px;
		clear:both;
	}
	#bottom div {float:left;}
	#bottom div#inova {float:right;}
	#bottom a {color:#fff; font-weight:bold; padding-right:10px; margin-right:10px; border-right:1px solid #fff; }
	#bottom div#inova { color:#b4c4d2; }
	#bottom div#inova a { font-size:0.8em; color:#b4c4d2; border:0; margin-right:2px; padding-right:0; }



/* ----------------------------------------------------- Copyright */
	#copyright {
		position:absolute;
		top:6px;
		right:8px;
		font-size:.8em
	}
	#copyright abbr {border:0}
	
	#vignettes { overflow:hidden; width:788px; clear:both; }
	
	.flat_top_image { float:left; width:155px; height:57px; background:#ccc; border-left:2px solid #fff; }
	.flat_top_image.last { width:156px; }
	.flat_top_image img { float:left; }

#flat_left { background:#09C2F9; padding-bottom:10px; }
#flat_left , #flat_left  { list-style:none; margin:0; padding:0; }
.flat_left_titre { display:block; height:25px; overflow:hidden;
	padding:9px 10px 0 11px;
	background:#09C2F9 url(../images/background/ilm_bgd.gif) repeat-x;
	color:#033967;
	font-weight:bold;
	font-size:1em;
	}
	
#flat_left  ul li a { font-weight:bold; font-size:0.9em; display:block; padding:4px 10px 4px 20px; overflow:hidden; color:#033967;  background:url(../images/background/ilm_puce.gif) no-repeat 10px 7px; }
#flat_left  ul li a:hover { text-decoration:none; color:#fff; background:url(../images/background/ilm_puceo.gif) no-repeat 10px 7px; }

#flat_left  ul li strong { font-weight:bold; font-size:0.9em; display:block; padding:4px 10px 4px 20px; overflow:hidden; color:#033967;  background:#22a7e4 url(../images/background/ilm_puce_current.gif) no-repeat 10px 7px; }

#flat_left  ul li ul li a {
	background:url(../images/background/ilm_puce2.gif) no-repeat 20px 6px;
	color:#fff;
	display:block;
	overflow:hidden;
	padding:2px 10px 2px 30px;
	}
#flat_left  ul li ul li a:hover { color:#033967; text-decoration:none; background:url(../images/background/ilm_puce2.gif) no-repeat 20px 6px; }	

#flat_left  ul li ul li strong {
	background:url(../images/background/ilm_puce2.gif) no-repeat 20px 6px;
	color:#fff;
	display:block;
	overflow:hidden;
	padding:2px 10px 2px 30px;
	font-style:italic;
	}