/*= Styles communs
-------------------- */
	/* =RAZ ----------------------------------------- */
		body {
/*			background-color: #F5F5F5;*/
			background-color: #370028;
			margin: 0; padding: 0;
			color: #000; font: 62.5%/1.1 "Trebuchet MS", "Gill Sans", Arial, sans-serif;
			}
		h1, h2, h3, h4, h5, h6, p, form {margin: 0; padding: 0;}
		h1, h2, h3, h4, h5, h6, p {font-size: 1em; margin-bottom: 0.5em}
		h1, h2, h3, h4, h5, h6 {font-weight: normal;}
		input, select, textarea {line-height: 1.2em;}
		input, select, textarea, button {
			margin: 0; padding: 0;
			font-size: 1em;
			border-width: 1px;
			font-family: "Trebuchet MS", "Gill Sans", Arial, sans-serif;
			}
		button {cursor: pointer}
		input, select, textarea {color: #555;}
		input:focus, select:focus, textarea:focus {background-color: #ffc; color: #000}
		
		input, select, textarea, button {
			font-size: 1em;
			border-width: 1px!important;
			font-family: "Trebuchet MS", "Gill Sans", Arial, sans-serif
			}
		
		a:focus {text-decoration: underline;}
		a:hover {color: #333;}
		fieldset {border: 0; margin: 0; padding: 0}
		a {text-decoration: none;}
		a img {border: 0;}
		.clear {height: 0;clear: both;}


	/* =Mise en page de base ------------------------ */
		#page {
			position: relative;
			width: 1000px;
			margin: 0 auto 50px auto;
			background: #fff;
			}

		#header {
			position: relative;
			/* modif mediacd 0712 
			height: 78px;
			*/
			height: 70px;
			border-bottom: 1px #fff solid;
			}
		#main {
			background: #F5F5F5 url(../images/bgMain.jpg) repeat-x 0 0;
			margin: 0!important;
			border-top: 1px #370028 solid;
			}
		#main:after {
			content: "------";
			display: block; clear: both; height: 0; visibility: hidden;
			}
		#footer {z-index: 100000000;position:absolute;width: 990px;height: 140px;}

	/* =Prelude, menu d’acces rapide, visible avec utilisation <TAB> ----------------- */
		#prelude {
			position: absolute; top: -100px; left: 0;
			z-index: 1000;
			}
		#prelude a:focus {
			position: absolute; top: 100px; left: 0px;
			display: block; width: 200px; height: 70px;
			padding: 5px 5px 5px 10px;
			font-size: 1.3em; color: #ffe;
			background-color: #420000;
			}
/*= Header
------------ */
	.logo {
		width: 220px; height: 50px;
		background: #fff url(../images/logo.gif) no-repeat 50% 2px;
		text-indent: -1000em;
		position: absolute;
		z-index: 1001;
		}
		
/* = Style particuliers pour chaque page
-------------------------------------- */		
		
/* = Home
-------- */

	body#home {}
	body#home .colA, body#home .colB {
		float: left;
		width: 50%;
	}
	body#home .section {border-top: 1px #360027 solid;}
	body#home #th0 {
		overflow: hidden;
		width: 500px;
		}
	body#home #th1,
	body#home #th2,
	body#home #th3,
	body#home #th4 {
		width: 499px;
		min-height: 130px; height: auto;
		border-left: 1px #360027 solid;
		}
	body#home #th1:after,
	body#home #th2:after,
	body#home #th3:after,
	body#home #th4:after,
	body#home #th5:after {
		content: "------";
		display: block; clear: both; height: 0; visibility: hidden;
	}

	body#home #th1 {background: #ff5045;}
	body#home #th2 {background: #ae889f;}
	body#home #th3 {background: #7197bd;}
	body#home #th4 {background: #cce119;}

	body#home #th1 h2 a,
	body#home #th2 h2 a,
	body#home #th3 h2 a,
	body#home #th4 h2 a,
		body#home #th5 h2 a{
		float: left;
		width: 180px;
		text-indent: -1000em;
		margin: 10px 0 0 10px;
		height: 50px;
		}
	body#home #th1 h2 a {background: transparent url(../images/tiDecouvrez.gif) no-repeat;}
	body#home #th2 h2 a {background: transparent url(../images/tiVivre.gif) no-repeat;}
	body#home #th3 h2 a {background: transparent url(../images/tiExperimenter.gif) no-repeat;}
	body#home #th4 h2 a {background: transparent url(../images/tiRecherche.gif) no-repeat;}
	body#home #th1 h2 a:hover,
	body#home #th2 h2 a:hover,
	body#home #th3 h2 a:hover,
	body#home #th4 h2 a:hover,
	body#home #th5 h2 a:hover {border-bottom: 3px #fff solid;}


	body#home #th1 .blocContenu,
	body#home #th2 .blocContenu,
	body#home #th3 .blocContenu,
	body#home #th4 .blocContenu {
		width: 280px;
		float: right;
		color: #fff;
		font-size: 1.1em;
		line-height: 1.6em;
		background: transparent;
		margin: 0; padding: 0;
	}

	/* = Recherche-------------  */
	body#home #th4 {color: #333;}
		
	/* = Actualités-------------  */

	body#home #th0   {color: #333;}
	body#home #th0 h2 {
		background: transparent url(../images/tiActus.gif) no-repeat 15px 0;
		width: 100%; height: 28px;
		text-indent: -1000em;
		border-top: 1px #360027 solid;
		}
	body#home #th0 .blocContenu {
		padding: 15px 15px 0 15px;
		background: #fff;
		}
	body#home #th0 p {
		font-size: 1.1em;
		line-height: 1.4em;
		}
	body#home #th0 h3,
	body#home #th0 h4,
	body#home #th0 h5,
	body#home #th0 h6 {
		font-size: 1.5em;
		color: #81B51A;
		}
	body#home .next {
		display: block;
		float: right; margin-right: -15px;
		background-color: #81B51A;
		color: #fff;
		padding: 3px;
		width: 200px;
		font-size: 1.2em;
	}
	body#home .next:hover {
		background-color: #F4FDE0; color: #83B51C;
		text-align: right;
		}


	/* = Informations pratiques-------------  */
	body#home #th5 {
		background: #ccc;
		clear: both;
		height: 6em;
		border-bottom: 1px #360027 solid;
		padding: 10px 0 0 10px;
		}
	body#home ul#infosPratiques {float: left;}


/* = Pages contenus
------------------ */
	/* =Menu principal, 4 item en haut de page ----------------------------------------- */

	#menuGlobal {
		margin: 0; padding: 0;
		position: relative; height: 71px; width: 100%;
		list-style: none;
		clear: both;
		background-color: black;
		}
	#menuGlobal a {display: block;}
	#mg0, #mg2, #mg3, #mg4, #mg5 { width: 150px; height: 50px; float: left; }
	#menuGlobal .lvl1 {
		height: 100%;
		border: 1px #58222E solid;
		text-indent: -1000em;
		}
	#mg2 a.lvl1,
	#mg3 a.lvl1,
	#mg4 a.lvl1,
	#mg5 a.lvl1 {background: #58222E url(../images/navGlobale.gif) no-repeat 0 0;}

	#mg2 a.lvl1 {background-position: 0 0; border-left: 0}
	#mg3 a.lvl1 {background-position: -150px 0; border-left: 0}
	#mg4 a.lvl1 {background-position: -300px 0; border-left: 0}
	#mg5 a.lvl1 {background-position: -450px 0; border-left: 0; border-right: 0}
	#mg2 a.lvl1:hover, #mg2 a.lvl1:focus {background-position: 0 -51px;}
	#mg3 a.lvl1:hover, #mg3 a.lvl1:focus {background-position: -150px -51px;}
	#mg4 a.lvl1:hover, #mg4 a.lvl1:focus {background-position: -300px -51px;}
	#mg5 a.lvl1:hover, #mg5 a.lvl1:focus {background-position: -450px -51px;}

	/* Modification du fond en fonction de la page */
	body#espace-A #mg2 {width: 351px;}
	body#espace-A #mg2 a.lvl1 {
		background: transparent url(../images/titresThemes.gif) no-repeat 0 -51px;
		width: 350px; height: 50px;
	}
	body#espace-B #mg3 {width: 351px;}
	body#espace-B #mg3 a.lvl1 {
		background: transparent url(../images/titresThemes.gif) no-repeat 0 0px;
		width: 350px; height: 50px;
	}
	body#espace-C #mg4 {width: 351px;}
	body#espace-C #mg4 a.lvl1 {
		background: transparent url(../images/titresThemes.gif) no-repeat 0 -102px;
		width: 350px; height: 50px;
	}
	body#espace-D #mg5 {width: 351px;}
	body#espace-D #mg5 a.lvl1 {
		background: transparent url(../images/titresThemes.gif) no-repeat 0 -153px;
		width: 350px; height: 50px;

	}

	/* =Menu niveau 2, barre de navigation continue --------------------------- */
	#menuGlobal ul {
		margin: 0; padding: 0;
		position: absolute; bottom: 0; left: 0;
		list-style: none;
		background: #555;
		height: 2em;
		width: 1000px;
		}
	#menuGlobal ul li {
		float: left;
		line-height: 2em;
		background-color: #555;
	}
	#menuGlobal ul li a {
		color: #fff; text-align: center;
		font-size: 1.1em;
		padding: 0 10px 0 10px;
		}
	#menuGlobal ul li a:hover, #menuGlobal ul li a:focus {background-color: #444;}
	#menuGlobal ul li.current a {background-color: #333;}




	/* =Recherche globale haut de page ----------------------------------------- */
	
		#rechercheGlobale {
			position: absolute; top: 0; right: 0;
			border: 1px #360027 solid;
			border-right: 0;
			z-index: 500;
			}
		#rechercheGlobale form {
			width: 199px;
			height: 50px;
			}
		#rechercheGlobale fieldset {padding: 5px 5px 0 5px}
		#rechercheGlobale input {width: 75%; padding: 2px; line-height: 1.3em}
		#rechercheGlobale h2 {
			font-size: 1.1em;
			font-weight: bold;
			color: #fff
			}
		#rechercheGlobale button {
			background-color: #999;
			color: #fff;
			border-color: #999;
			padding: 0 5px 0 5px;
			}
		#rechercheGlobale .field_valid {position: absolute; top: 24px; right: 5px;}


/* = Footer
---------- */
	#footer {
		background-color:#CCCCCC;
		padding:10px 0pt 10px 10px;
		border-top: 1px #370028 solid;
		border-bottom: 1px #370028 solid;
	}
/* = Menu infos pratiques-------------  */

	#footer h2 {
		background:transparent url(../images/tiInfos.gif) no-repeat scroll 0%;
		float:left;
		height:16px;
		text-indent:-1000em;
		width:200px;
	}
	ul#infosPratiques {
		list-style: none;
		margin: 0; padding: 0;
		font-size: 1.2em;
		background-color: #ccc;
	}
	ul#infosPratiques li {display: inline;}
	ul#infosPratiques li a {
		display: block;
		float: left;
		border-right: 1px #717171 solid;
		padding: 0 10px 0 10px;
		color: #717171;
		}
	ul#infosPratiques li a:hover, ul#infosPratiques li a:focus {color: #333;}


/*= Mise en page et mise en forme des éléments de la zone "main"
------------------------------------------------------------------ */

	
	/*=Titre principal (bloc gauche) ----------------------------------------- */
	
		#mainTitle {
			margin: 0; padding: 0;
			position: relative;
			width: 200px; height: 3.3em; padding: 5px;
			color: #fff; font-size: 2.1em; font-weight: bold; text-align: right;
			background: #555 url(../images/bgMainTitle.jpg) repeat-x;
			}
		#mainTitle span {
			position: absolute; bottom: 5px; right: 5px;
			line-height: 1.1em;
			}
	
	/*=Menu local ----------------------------------------- */

		#menuLocal {
			width: 210px;
			position: absolute; left: 0;
			background-color: #F5F5F5;
		}

		#menuLocal ul#list1 {
			list-style: none;
			margin: 0; padding: 5px;
		}
		#menuLocal #list1 li { border-bottom: 1px #E5E5E5 solid;}
		#menuLocal #list1 li a {
			font-size: 1.2em;
			display: block; height: 100%;
			padding: 15px 0 15px 10px;
			color: #000;
		}
		#menuLocal #list1 li a:hover {background-color: #E9E9E9;}
		#menuLocal #list1 li.current a {
			background-color: #fff;
			font-weight: bold;
		}
		#menuLocal #list1 li.current a:hover {cursor: default}
		#menuLocal ul#list2  {
			list-style: none;
			margin: 0; padding: 0;
			width: 98%;
			background-color: #DADADA;
			color: #575757;
			font-size: 1.1em;
			padding: 10px 0 10px 0;
		}
		#menuLocal ul#list2 a {
			display: block;
			padding: 5px 5px 5px 10px;
			color: #575757 !important;
		}
		#menuLocal ul#list2 a:hover {background-color: #777; color: #fff !important}


	/*=Recherche locale ----------------------------------------- */
		
		#rechercheLocale {padding: 15px 10px 15px 15px;}
		#rechercheLocale label {
			font-size: 1.1em;
			color: #000
		}
		#rechercheLocale input {
			width: 100%; font-size: 1.2em;
			border: 1px #ccc solid;
		}
		#rechercheLocale .field_valid {text-align: right}
		#rechercheLocale button {
			border: 0;
			text-indent: -1000em;
			line-height: 0;
			background: transparent url(../images/btnOk_local.gif) no-repeat 0 0;
			width: 44px; height: 18px;
		}


	/*=Blocs de contenu de base, boites avec fond de couleur ------------------------ */
		.pagesSecondaires #content {margin-left: 210px;}
		.blocContenu {
			padding: 15px 20px 20px 20px; margin-bottom: 15px;
			position: relative;
			/*abe ever ezida : contenu non visibile dans ie
			overflow: hidden;*/
			background-color: #eee;
			
			}
		.blocContenu:after {
			content: "------"; 
			display: block;
			clear: both;
			height: 0; visibility: hidden;
			}
		.blocContenu a {color: orangered; text-decoration: underline}
		.blocContenu p {
			font-size: 1.1em;
			line-height: 1.4em;
			margin-bottom: 1em;
			}
		.blocContenu p.big {font-size: 1.3em;}
		.blocContenu a {color: #000; text-decoration: underline}
		.blocContenu .laSuite {
			font-size: 1.4em;
			margin-top: 15px;
			}
		.blocContenu h3, .blocContenu h4, .blocContenu h5, .blocContenu h6 {font-weight: bold; margin-bottom: 0.8em;}
		.blocContenu h2 {
			font-size: 2.1em; font-weight: bold;
			margin-right: 210px;
			}
		.blocContenu h3 {font-size: 1.5em; color: #333;}
		.blocContenu h4 {font-size: 1.4em;}
		.blocContenu h5 {font-size: 1.3em;}
		.blocContenu h6 {font-size: 1.1em;}
		.blocContenu ul {font-size: 1.1em;}
		.blocContenu ul li { margin-bottom: 3px;}
		
	/* =Zone de texte variable flottant ----------------------------------------- */
	
		.text {
			float: left;
			padding-right: 190px; padding-left: 200px;
			}
		.textleft	{
			padding-right: 190px; padding-left: 200px;
			}

	/* =Boite flottant d’infos supplémentaires ----------------------------------------- */

		.infosSupplement {
			position: absolute; top: 0; right: 0;
			width: 200px;
			background-color: #ddd;
			border-bottom: 3px #bbb solid;
			padding: 0 0 15px 0;
		}
		.infosSupplement .padder {
			padding: 10px;
			font-size: 1.1em;
			}
		.infosSupplement h4 {
			font-size: 1.3em;
			font-weight: bold;
			display: inline;
			padding: 3px 3px 3px 3px;
			position: relative; top: 3px;
			color: #aaa;
			background-color: #eee;
		}
		.infosSupplement a, .infosSupplement ul {color: #333 !important; text-decoration: none !important;font-size:1.2em;}
		.infosSupplement ul {
			font-size: 1.1em;
/*			margin: 15px 0 0 0; padding: 0 0 0 30px;*/
		}
		.infosSupplement li {margin-bottom: 5px;}
		
	/* = Zone d’affichage de l’illustration (flottant à droite) ------------------------- */
		
		.illustration {
			width: 190px; margin-left: -190px;
			position: relative; top: 0; left: 190px;
			float: left;
		}

		.illustration img {
			display: block;
			margin: 0 0 5px 0;
			font-size: 11px;
		}
		.illustration .legende {
			display: block;
			font-size: 1.3em;
			margin-top: 5px;
		}
		.illustration ul.legende {
			list-style: none;
			margin: 20px 0 20px 0; padding: 0;
			border-top:  2px #A15F87 solid;
		}
		.illustration ul.legende li {
			border-bottom: 1px #A15F87 solid;
			text-transform: uppercase;
			font-size: 0.9em;
		}
		.illustration ul.legende li a {
			display: block; text-decoration: none;
			padding: 5px 5px 5px 30px;
			color: #A15F87 !important;
			background: transparent url(../images/iconLegende.gif) no-repeat 0 3px;
		}
		.illustration ul.legende li a:hover {color: #333 !important}
		.illustration ul.legende li#leg1 a {background-position: 0 3px;}
		.illustration ul.legende li#leg2 a {background-position: -186px 2px;}
		
	/* =Boite d’infos complémentaires à l’oeuvre, flottant au dessus de l’interface ------------- */
	
		#infosOeuvre {
			display: none;
			z-index: 1000;
			position: absolute; top: 5em; left: 30%;
			background-color: #A9879B;
			width: 350px;
			border-bottom: 2px #5E354E solid;
			border-right: 2px #5E354E solid;
			border-top: 1px #fff solid;
			border-left: 1px #fff solid;
		}
		#infosOeuvre #infosContent {
			padding: 15px;
			border: 15px #A9879B solid;
			border-top: 20px #A9879B solid;
			background-color: #C39CB3;
			height: 400px; overflow: auto;
		}
		#infosOeuvre #closeInfos {
			position: absolute; top: 3px; right: 10px;
			color: #fff;
			cursor: pointer;
		}
		#infosOeuvre #closeInfos:hover {color: #000 !important}
		#infosOeuvre p, #infosOeuvre ul {font-size: 1.1em;}
		#infosOeuvre h3 {font-size: 1.5em;}
		#infosOeuvre h4 {font-size: 1.2em; padding-top: 10px; font-weight: bold; color: #fff}


	/* =Formulaires des contenus ----------------------------------------- */

		#content fieldset {
			background-color: #F8F8F8;
			border: 1px #ddd solid;
			padding: 11px;
			margin-bottom: 15px;
		}
		#content legend {font-size: 1.4em; font-weight: bold; color: #333}
		#content fieldset fieldset { background-color: #F9F9F9; border-color: #eee}
		#content fieldset fieldset legend {font-size: 1.2em;}

		#content p.field_line {font-size: 1.2em; color: #444; margin-bottom: 15px}
		#content p.field_line:after {content:"---"; display: block; clear: both; visibility: hidden; height: 0}
		#content p.field_valid {text-align: right; font-size: 1.2em}

		#content .form_help {font-size: 0.95em; font-weight: normal; color: #777}
		#content label {
			font-weight: bold; text-align: right;
			display: block; float: left; width: 40%;
			margin-right: 10px;
		}
		#content label.noFloat {display: inline; float: none; text-align: left; margin-bottom: 10px; width: auto;}
		#content label.obligatoire {color: #593706}
		#content .star {color: orangered} /* Indication de champ obligatoire */
		#content label.enErreur {
			color: orangered;
			padding-left: 15px;
			background: transparent url(../images/error.gif) no-repeat 0 0;
		}
		#content .message_erreur {
			color: orangered; font-size: 1.2em;
			border: 1px #888 solid;
			background: #ffc url(../images/error.gif) no-repeat 5px 50%;
			padding: 10px 10px 10px 20px;
			margin: 0 0 15px 0
		}
		#content hr {border: 0; background-color: #ccc; height: 1px}

	/*= Présentation sous forme de galerie ----------------------- */
		.galerie {width:650px;font-size: 1.1em;}
		.galerie a {text-decoration: none}
		.galerie a:hover {color: #333 !important;}
		.galerie:after {
			content: "------";
			display: block; clear: both; height: 0; visibility: hidden;
		}
		.galerie .oeuvre {
			float: left;
            margin: 0 15px 0 0;
			width: 190px; min-height: 300px;
		}
		.galerie .oeuvre label {color: #C5000B;}
		.galerie .oeuvre img {
			/*display: block;
			padding: 3px; margin: 0 0 5px 0;
			background-color: #fff;
			font-size: 11px;
			border: 1px #ccc solid;*/
         display: block;
			margin: 0 0 5px 0;
		}
		/* Titre de l’œuvre */
		.galerie .titreOeuvre {margin: 0; padding: 0;}
		
	/* =Présentation logithèque ----------------------------------------- */

		.logitheque {padding-right: 190px; margin-bottom: 30px;}
		.logitheque img {
			background-color: transparent;
			border: 0; margin: 0 5px 5px 0; padding: 0;
			float: left;
		}
	

	/*= Pagination
	---------------- */

	.pagination {clear: both; font-size: 1.2em;}
	.pagination span {}
	.pagination a:hover {color: #333 !important;}
	.pagination .prev {margin-right: 15px;}
	.pagination .next {margin-left: 15px;}
	.pagination .page {}
	.pagination .page a {padding: 3px;}
	.pagination .page.current a {
		color: #000 !important; font-weight: bold;
		text-decoration: none;
		}


/*= Styles propres à chaque domaine, modification des couleurs des éléments principaux
------------------------------------- */
	/* Vivre le Musée */
	body#espace-A {background-color: #370028;}
	body#espace-A #main {background: #F5F5F5 url(../images/bgMain-A.jpg) repeat-x 0 0;}
	body#espace-A #menuGlobal ul {background: #AF879F;}
	body#espace-A #menuGlobal ul li {background-color: #AF879F;}
	body#espace-A #menuGlobal ul li a {}
	body#espace-A #menuGlobal ul li a:hover {background-color: #AF6592;}
	body#espace-A #menuGlobal ul li.current a {background-color: #AF297C;}
	body#espace-A #rechercheGlobale form {background-color: #EA37A6;}
	body#espace-A #menuLocal a {color: #751F53}
	body#espace-A #menuLocal .current a {color: #000}
	body#espace-A #rechercheLocale label {color: #751F53}
	body#espace-A #mainTitle {background: #C994B4 url(../images/bgMainTitle-A.jpg) repeat-x}
	body#espace-A .blocContenu {background-color: #E2D2DB;}
	body#espace-A .infosSupplement {
		border-bottom: 3px #A25F88 solid;
		background-color: #D5B3C7;
		}
	body#espace-A .infosSupplement h4 {
		color: #A25F88;
		background-color: #E2D2DB;
		}
	body#espace-A .infosSupplement a, body#espace-A .infosSupplement ul {color: #555;}
	body#espace-A .blocContenu a {color: #EB2AA5;}


	/* Découvrir le Musée */
	body#espace-B {background-color: black;}
	body#espace-B #main {background: #F5F5F5 url(../images/bgMain-B.jpg) repeat-x 0 0;}
	body#espace-B #menuGlobal ul {background: #FF4946;}
	body#espace-B #menuGlobal ul li {background-color: #FF4946;}
	body#espace-B #menuGlobal ul li a {}
	body#espace-B #menuGlobal ul li a:hover {background-color: #C23135;}
	body#espace-B #menuGlobal ul li.current a {background-color: #C20007;}
	body#espace-B #rechercheGlobale form {background-color: #C20007;}
	body#espace-B #menuLocal a {color: #B72220}
	body#espace-B #menuLocal .current a {color: #000}
	body#espace-B #rechercheLocale label {color: #B72220}
	body#espace-B #mainTitle {background: #FF4945 url(../images/bgMainTitle-B.jpg) repeat-x}
	body#espace-B .blocContenu {background-color: #E5C5C4;}
	body#espace-B .infosSupplement {
		border-bottom: 3px #AC0005 solid;
		background-color: #dc9d9b;
		}
	body#espace-B .infosSupplement h4 {
		color: #AC0005;
		background-color: #E5C5C4;
		}
	body#espace-B .infosSupplement a, body#espace-B .infosSupplement ul {color: #555;}
	body#espace-B .blocContenu a {color: #C30009;}

	/* Découvrir et expérimenter l’art */
	body#espace-C {background-color: #0F263A;}
	body#espace-C #main {background: #F5F5F5 url(../images/bgMain-C.jpg) repeat-x 0 0;}
	body#espace-C #menuGlobal ul {background: #7096BB;}
	body#espace-C #menuGlobal ul li {background-color: #7096BB;}
	body#espace-C #menuGlobal ul li a {}
	body#espace-C #menuGlobal ul li a:hover {background-color: #3971A7;}
	body#espace-C #menuGlobal ul li.current a {background-color: #53708D;}
	body#espace-C #rechercheGlobale form {background-color: #5395D5;}
	body#espace-C #menuLocal a {color: #2080D7}
	body#espace-C #menuLocal .current a {color: #000}
	body#espace-C #rechercheLocale label {color: #2080D7}
	body#espace-C #mainTitle {background: #7096BB url(../images/bgMainTitle-C.jpg) repeat-x}
	body#espace-C .blocContenu {background-color: #D3DEE7;}
	body#espace-C .infosSupplement {
		border-bottom: 3px #53708D solid;
		background-color: #BCE1FE;
		}
	body#espace-C .infosSupplement h4 {
		color: #11375D;
		background-color: #D2DEE6;
		}
	body#espace-C .infosSupplement a, body#espace-C .infosSupplement ul {color: #555;}
	body#espace-C .blocContenu a {color: #2085E4;}
	
	/* Recherches - étudier */
	body#espace-D {background-color: #262A00;}
	body#espace-D #main {background: #f5f5f5 url(../images/bgMain-D.jpg) repeat-x 0 0;}
	body#espace-D #menuGlobal ul {background: #D5E625;}
	body#espace-D #menuGlobal ul li {background-color: #D5E625;}
	body#espace-D #menuGlobal ul li a {color: #000}
	body#espace-D #menuGlobal ul li a:hover {background-color: #B3C618;}
	body#espace-D #menuGlobal ul li.current a {background-color: #8F9F0F; color: #fff}
	body#espace-D #rechercheGlobale form {background-color: #7FB711;}
	body#espace-D #menuLocal a {color: #555}
	body#espace-D #menuLocal .current a {color: #000}
	body#espace-D #rechercheLocale label {color: #555}
	body#espace-D #mainTitle {background: #D5E625 url(../images/bgMainTitle-D.jpg) repeat-x}
	body#espace-D .blocContenu {background-color: #E5ED8B;}
	body#espace-D .infosSupplement {
		border-bottom: 3px #88C412 solid;
		background-color: #DDEA56;
		}
	body#espace-D .infosSupplement h4 {
		color: #2DB419;
		background-color: #E5ED8B;
		}
	body#espace-D .infosSupplement a, body#espace-D .infosSupplement ul {color: #555;}
	body#espace-D .blocContenu a {color: #7EB919;}
	body#espace-D #content fieldset {background-color: #E7EEA6; border-color: #D1DA80}
	body#espace-D #content fieldset fieldset { background-color: #E9EEBC;}
	body#espace-D #content hr {border: 0; background-color: #D1DA80; height: 1px}

	/* = Espaces privés-------------  */
	/* = 
		Q - Valedau Donateur
		R - Appartements Fabre
		S - Soulages
		T - Cabanel et Bruyas
	---- */

	/* Communs*/
	body#espace-Q #mg0,
	body#espace-R #mg0,
	body#espace-S #mg0,
	body#espace-T #mg0 {
		width: 220px;
		position: relative; top: 0; left: 0;
		z-index: 1002;
		}
		body#espace-Q #mg0 .lvl1,
		body#espace-R #mg0 .lvl1,
		body#espace-S #mg0 .lvl1,
		body#espace-T #mg0 .lvl1 {border: 0;}


	body#espace-Q {}
	body#espace-Q #main {background: #f5f5f5 url(../images/bgMain-B.jpg) repeat-x 0 0;}
	body#espace-Q #menuGlobal ul {background: #8FBAA6;}
	body#espace-Q #menuGlobal ul li {background-color: #8FBAA6;}
	body#espace-Q #menuGlobal ul li a {color: #FFF}
	body#espace-Q #menuGlobal ul li a:hover {background-color: #4ABB85;}
	body#espace-Q #menuGlobal ul li.current a {background-color: #3F765C; color: #fff}
	body#espace-Q #rechercheGlobale form {background-color: #E73CA6}
	body#espace-Q #menuLocal a {color: #555}
	body#espace-Q #menuLocal .current a {color: #000}
	body#espace-Q #rechercheLocale label {color: #555}
	body#espace-Q #mainTitle {background: #8FBAA6 url(../images/bgMainTitle-F.jpg) repeat-x}
	body#espace-Q .blocContenu {background-color: #D7E4DD;}
	body#espace-Q .infosSupplement {
		border-bottom: 3px #9EE4BF solid;
		background-color: #EEF4F1;
		}
	body#espace-Q .infosSupplement h4 {
		color: #67A487;
		background-color: #D7E4DD;
		}
	body#espace-Q .infosSupplement a, body#espace-Q .infosSupplement ul {color: #555;}
	body#espace-Q .blocContenu a {color: #7EB919;}
	body#espace-Q #content fieldset {background-color: #E7EEA6; border-color: #D1DA80}
	body#espace-Q #content fieldset fieldset { background-color: #E9EEBC;}
	body#espace-Q #content hr {border: 0; background-color: #D1DA80; height: 1px}
	body#espace-Q .logo {background: #fff url(../images/logo.gif) no-repeat 0 -50px;}



	body#espace-R {}
	body#espace-R #main {background: #f5f5f5 url(../images/bgMain-B.jpg) repeat-x 0 0;}
	body#espace-R #menuGlobal ul {background: #647AB9;}
	body#espace-R #menuGlobal ul li {background-color: #8FBAA6;}
	body#espace-R #menuGlobal ul li a {color: #FFF}
	body#espace-R #menuGlobal ul li a:hover {background-color: #4ABB85;}
	body#espace-R #menuGlobal ul li.current a {background-color: #3F765C; color: #fff}
	body#espace-R #rechercheGlobale form {background-color: #E73CA6}
	body#espace-R #menuLocal a {color: #555}
	body#espace-R #menuLocal .current a {color: #000}
	body#espace-R #rechercheLocale label {color: #555}
	body#espace-R #mainTitle {background: #8FBAA6 url(../images/bgMainTitle-F.jpg) repeat-x}
	body#espace-R .blocContenu {background-color: #D7E4DD;}
	body#espace-R .infosSupplement {
		border-bottom: 3px #9EE4BF solid;
		background-color: #EEF4F1;
		}
	body#espace-R .infosSupplement h4 {
		color: #67A487;
		background-color: #D7E4DD;
		}
	body#espace-R .infosSupplement a, body#espace-R .infosSupplement ul {color: #555;}
	body#espace-R .blocContenu a {color: #7EB919;}
	body#espace-R #content fieldset {background-color: #E7EEA6; border-color: #D1DA80}
	body#espace-R #content fieldset fieldset { background-color: #E9EEBC;}
	body#espace-R #content hr {border: 0; background-color: #D1DA80; height: 1px}
	body#espace-R .logo {background: #fff url(../images/logo.gif) no-repeat 0 -100px;}



	body#espace-S {}
	body#espace-S #main {background: #f5f5f5 url(../images/bgMain-D.jpg) repeat-x 0 0;}
	body#espace-S #menuGlobal ul {background: #555;}
	body#espace-S #menuGlobal ul li {background-color: #555;}
	body#espace-S #menuGlobal ul li a {color: #FFF}
	body#espace-S #menuGlobal ul li a:hover {background-color: #777;}
	body#espace-S #menuGlobal ul li.current a {background-color: #ccc; color: #333}
	body#espace-S #rechercheGlobale form {background-color: #E73CA6}
	body#espace-S #menuLocal a {color: #555}
	body#espace-S #menuLocal .current a {color: #000}
	body#espace-S #rechercheLocale label {color: #555}
	body#espace-S #mainTitle {background: #333 url(../images/bgMainTitle-S.jpg) repeat-x}
	body#espace-S .blocContenu {background-color: #ccc;}
	body#espace-S .infosSupplement {
		border-bottom: 3px #666 solid;
		background-color: #DDD;
		}
	body#espace-S .infosSupplement h4 {
		color: #333;
		background-color: #ccc;
		}
	body#espace-S .infosSupplement a,
	body#espace-S .infosSupplement ul {color: #555;}
	body#espace-S .blocContenu a {color: #000;}
	body#espace-S #content fieldset {background-color: #E7EEA6; border-color: #D1DA80}
	body#espace-S #content fieldset fieldset { background-color: #E9EEBC;}
	body#espace-S #content hr {border: 0; background-color: #D1DA80; height: 1px}
	body#espace-S .logo {background: #fff url(../images/logo.gif) no-repeat 0 -150px}






	body#espace-T {}
	body#espace-T #main {background: #f5f5f5 url(../images/bgMain-D.jpg) repeat-x 0 0;}
	body#espace-T #menuGlobal ul {background: #CCB179;}
	body#espace-T #menuGlobal ul li {background-color: #CDB079;}
	body#espace-T #menuGlobal ul li a {color: #FFF}
	body#espace-T #menuGlobal ul li a:hover {background-color: #C28B00;}
	body#espace-T #menuGlobal ul li.current a {background-color: #8B6400; color: #fff}
	body#espace-T #rechercheGlobale form {background-color: #E73CA6}
	body#espace-T #menuLocal a {color: #555}
	body#espace-T #menuLocal .current a {color: #000}
	body#espace-T #rechercheLocale label {color: #555}
	body#espace-T #mainTitle {background: #333 url(../images/bgMainTitle-T.jpg) repeat-x}
	body#espace-T .blocContenu {background-color: #CCBB9B;}
	body#espace-T .infosSupplement {
		border-bottom: 3px #666 solid;
		background-color: #E7D2AF;
		}
	body#espace-T .infosSupplement h4 {
		color: #333;
		background-color: #CCBA9B;
		}
	body#espace-T .infosSupplement a,
	body#espace-T .infosSupplement ul {color: #555;}
	body#espace-T .blocContenu a {color: #000;}
	body#espace-T #content fieldset {background-color: #E7EEA6; border-color: #D1DA80}
	body#espace-T #content fieldset fieldset { background-color: #E9EEBC;}
	body#espace-T #content hr {border: 0; background-color: #D1DA80; height: 1px}
	body#espace-T .logo {background: #fff url(../images/logo.gif) no-repeat 0 -200px}

	
	/* Page pleine largeur (sans menu local) */
	body.full #menuLocal {display: none;}
	body.full #mainTitle {display: none;}
	body.full #content {margin: 0!important; padding: 0!important; clear: both;}
	body.full .blocContenu {padding: 0!important; margin: 0!important;}

	/* Popup flash */
	body.fullflash {
		margin: 0; padding: 0;
		overflow: hidden;
	}
   .flag{position:absolute;top:50px;left:950px;z-index: 1000000; width:40px;}
   .flag a, .flag img{display:inline;}
   .iframe_opac{position:absolute;top:177px;left:0;}
   .planPrint{text-align:center;padding:2em;}
.printP{margin:0.5em;padding:0;}
.h1PlanPrint{font-size:2em;}
#topPage{background:#999;color:white;padding:0.5em 1.5em;float:right;}
.laSuitePlanInteractif{font-size:1.5em;text-align:center;}
/*ez agenda */
/*ez agenda */

table#ezagenda { width: 99%;}
.class-ezagenda-calender h2 {margin: 0; padding: 0;vertical-align: top; padding-bottom: 4px; padding-left: 2px;}

#ezagenda_calender_left{ width: 166px; float: left; text-align:center; vertical-align: top; margin:10px;margin-left:20px;margin-top:0px;padding:10px; background:#AF879F;}
#ezagenda_calender_left table{width: 158px; height: 146px; margin-top: 0px; margin-left: auto; margin-right:auto; margin-bottom: 1px; color:white;}
#ezagenda_calender_left td, #ezagenda_calender_left th{ text-align: center; vertical-align: middle;}
.ezagenda_selected{ border: 1px solid #af297c; background: #ca94b4;}
.ezagenda_current{ background-color:#CBCBCB; }
#ezagenda_calender_left span{font-size: 90%;text-align: center; vertical-align:top; padding: 0px 1px 0px 1px; color:white;}
#ezagenda_calender_left a {font-weight: bold;color:#78305d;}

#ezagenda_calender_right{vertical-align: top;background: #E2D2DB; padding:10px;margin-left:210px;padding-top:10px;}
ezagenda_calender_right h2{font-size:16px; font-weight:bold;}
#ezagenda_calender_right table{ width: 99%; margin: 0px;vertical-align:top;margin-top:10px;}
td.ezagenda_month_head, td.ezagenda_month_body {  text-align:left;}
td.ezagenda_month_head h2,td.ezagenda_month_head h2 a {overflow:hidden; margin: 0px;  display:inline;font-size:12px; font-weight:bold;color:#68264e;}
td.ezagenda_month_info {vertical-align: bottom; text-align: right;}
td.ezagenda_month_info p { padding: 0px;padding-right: 3px;  vertical-align: bottom;  text-align: right; font-size: 10px; color:#666666;}
.ezagenda_event_old, .ezagenda_event_old * { color:#aaa;}
a#ezagenda_month_hidden_show{ display:block; padding-left: 5px; text-align:right; font-size: 85%; cursor: pointer; font-weight:bold; color: #FF0000;}
 .attribute-short-ezagenda, .attribute-short-ezagenda p{font-size:13px;color:#a28295;margin:1em 0;}
 .attribute-short-ezagenda br{padding:2em;}
#ezagenda_calender_today { text-align:left; margin-top: 18px; font-size:13px; background:#cfb0c2;padding:2em; color:#784e67;}
#ezagenda_calender_today span, #ezagenda_calender_today p{color:#784e67;}
#ezagenda_calender_today h2{ font-size:13px;}
div.ezagenda_day_event { margin: 0px; margin-bottom: 10px; margin-left:8px; font-size: 90%; color:#784e67;}
div.ezagenda_day_event h2 {padding:0px; font-size: 90%}

div.class-ezagenda-program tr:hover td.ezagenda_month_label { background-color: #eee;}
div.class-ezagenda-program td.ezagenda_month table:hover{ background-color: #eee;}
td.ezagenda_month_label { vertical-align:top; border-bottom: 1px solid #ccc;}
td.ezagenda_month_label h2 {margin-top:21px; padding-top: 0;}
div.class-ezagenda-program td.ezagenda_month {vertical-align:top; border-bottom: 1px solid #ccc;}

.class-event{}
.class-event h1{ font-size:18px;font-weight:bold;}