@charset "utf-8";
/* --------------------------------------------------------------------------------------------- Global */
	#global {
		overflow:hidden;
		width:996px;
		font-size:1.1em;
		background:url(../images/background/global.png) repeat-y;
		margin:0 auto
	}
	* html #global {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/extension/chateauthierry/design/chateauthierry/images/background/global.png',sizingMethod='scale');
		background-image:none
	}
/* ------------------------------------------------------------------------- Entête */
	#entete {
		overflow:hidden;
		height:213px;
		background:#427ca7 url(../images/background/entete.gif) no-repeat;
		padding:4px 7px 0 4px
	}
/* ----------------------------------------------------- Accès directs */
	#entete ul {
		float:left;
		color:#fff;
		padding:7px 0 10px 255px
	}
	#entete ul li {
		display:inline;
		margin:0 13px 0 0
	}
	#entete ul li a, #entete ul li strong {
		color:#fff;
		margin:0 13px 0 0
	}
/* ----------------------------------------------------- Recherche */
	#entete form div {
		float:left;
		width:113px;
		height:21px;
		background:#ecf2f6 url(../images/background/recherche.gif) no-repeat right top;
		padding:8px 30px 0 15px
	}
	#entete form div input {
		width:113px;
		font-size:1em;
		color:#457798;
		border:0;
		background:#ecf2f6
	}
	#entete form #bouton_recherche {
		float:left;
		margin:4px 0 0 2px
	}
/* ----------------------------------------------------- Choix langue */
	#choix_langue img {margin:2px 0 0 20px}
/* ----------------------------------------------------- Logo (h1) */
	#entete h1 {
		display:inline;
		clear:left;
		float:left;
		width:188px;
		text-align:center;
		margin:40px 0 0 21px
	}
/* ----------------------------------------------------- Tétières */
	#entete object, #tetiere {float:right}
	p.visualiser_animation {
		float:right;
		width:755px;
		background:#fff
	}
	p.visualiser_animation a {
		color:#000;
		text-decoration:underline
	}
	p.visualiser_animation a:hover, p.visualiser_animation a:focus, p.visualiser_animation a.focus {text-decoration:none}
/* ------------------------------------------------------------------------- Navigation principale */
	#navigation_principale {
		overflow:hidden;
		font-size:1.3em;
		padding:0 6px
	}
	#navigation_principale li {
		float:left;
		margin:0 1px
	}
	#navigation_principale li a, #navigation_principale li strong {
		display:block;
		color:#fff;
		background:#0392bc url(../images/background/navigation_principale_a.gif) repeat-x;
		padding:7px 28px 6px 28px
	}
	#navigation_principale #noeud_10680 a, #navigation_principale #noeud_10680 strong {
		padding-left:23px;
		padding-right:23px
	}
	#navigation_principale li a:hover,
	#navigation_principale li a:focus,
	#navigation_principale li a.focus,
	#navigation_principale li strong {
		font-weight:normal;
		background-image:none
	}
/* ------------------------------------------------------------------------- <h2> habillés */
	h2.habillage {
		font-size:1.5em;
		background-repeat:no-repeat;
		background-position:left center;
		background-color:#fff;
		padding:10px 0 10px 40px;
		margin:0 0 0 20px
	}
	h2.services_ligne {
		color:#0392bc;
		background-image:url(../images/background/services_ligne.gif)
	}
	h2.compte_citoyen {
		color:#0392bc;
		background-image:url(../images/background/compte_citoyen.gif)
	}
	h2.espace_famille {
		color:#0392bc;
		background-image:url(../images/background/espace_famille.gif)
	}
	h2.horaires {
		color:#0392bc;
		background-image:url(../images/background/horaires.gif)
	}
	h2.actualites {
		color:#587a28;
		background-image:url(../images/background/actualites.gif);
		background-position:left 18px;
		padding-top:22px
	}
	h2.agenda {
		color:#587A28;
		background-image:url(../images/background/agenda.gif);
		margin-top:20px
	}
	h2.lieux_vie {
		color:#e48826;
		background-image:url(../images/background/lieux_vie.gif)
	}
	h2.sondage {
		color:#e48826;
		background-image:url(../images/background/sondage.gif)
	}
	h2.visite_virtuelle {
		color:#e48826;
		background-image:url(../images/background/visite_virtuelle.gif)
	}
	h2.dossier {
		color:#e48826;
		background-image:url(../images/background/dossier.gif)
	}
/* ------------------------------------------------------------------------- Principal */
	#principal {
		float:left;
		width:100%
	}
/* ------------------------------------------------------------------------- Colonne 01 (gauche) */
	#colonne01 {
		float:left;
		width:228px;
		padding:25px 0 0 20px
	}
	div.bloc01_haut {
		height:13px;
		font-size:0;
		background:#fff url(../images/background/bloc01_haut.gif)
	}
	div.bloc01_bas {
		height:12px;
		font-size:0;
		background:#fff url(../images/background/bloc01_bas.gif);
		margin:0 0 15px 0
	}
/* ----------------------------------------------------- Sous menu */
	#sous_menu {
		background:#fff url(../images/background/bloc01_milieu.gif) repeat-y;
		padding:0 20px 5px 30px
	}
	#sous_menu h2 {
		font-size:1.5em;
		color:#587A28;
		margin:0 0 8px 0
	}
/* --------------------------------- Premier niveau */
	#sous_menu ul {
		font-size:1.1em;
		padding:0 0 0 20px
	}
	#sous_menu ul li {padding:0 0 2px 0}
	#sous_menu ul li a, #sous_menu ul li strong {
		display:block;
		height:1%;
		color:#587a28;
		background:url(../images/background/sousmenu_a.gif) no-repeat left 6px;
		padding:2px 0 2px 11px
	}
	#sous_menu ul li a:hover,
	#sous_menu ul li a:focus,
	#sous_menu ul li a.focus {background-color:#fff}
	#sous_menu ul li strong {font-style:italic}
/* --------------------------------- Second niveau */
	#sous_menu ul li ul {
		font-size:.9em;
		padding-left:15px;
		margin:0 0 5px 0
	}
	#sous_menu ul li ul li {padding-bottom:0}
	#sous_menu ul li ul li a, #sous_menu ul li ul li strong {
		background:url(../images/background/sousmenu_a_2.gif) no-repeat left 8px;
		padding-left:8px
	}
/* ----------------------------------------------------- Services en ligne et compte citoyen */
	#services_ligne, #colonne01 form, #compte_citoyen, #horaires {
		background:#fff url(../images/background/bloc01_milieu.gif) repeat-y;
		padding:0 28px
	}
	#services_ligne li, #compte_citoyen li, #horaires li {padding:0 0 6px 0}
	#services_ligne li a, #compte_citoyen li a, #horaires li a {
		display:block;
		height:1%;
		color:#000;
		background:url(../images/background/puce01.gif) no-repeat left 4px;
		padding:1px 0 1px 13px
	}
	#services_ligne li a:hover, #compte_citoyen li a:hover, #horaires li a:hover {background-color:#fff}
/* ----------------------------------------------------- Compte citoyen */
/* --------------------------------- Non connecté */
	#colonne01 form p label {
		display:block;
		clear:both;
		height:100%
	}
	#colonne01 form p input.champ {
		float:left;
		width:140px;
		font-size:1em;
		border:1px solid #0a95be;
		background:#f5fbfc;
		padding:2px 0 2px 4px;
		margin:1px 3px 6px 0
	}
	#colonne01 form p input.champ:hover,
	#colonne01 form p input.champ:focus {background:#fff}
	#colonne01 form p input.bouton {
		float:left;
		position:relative;
		top:1px
	}
	#colonne01 form a {
		font-size:.9em;
		color:#000
	}
/* --------------------------------- Connecté */
	#compte_citoyen ul {margin:0}
	#compte_citoyen strong {
		display:block;
		margin:0 0 8px 0
	}
	#compte_citoyen li #se_deconnecter {color:#ff0000}
/* ----------------------------------------------------- Espace citoyen */
	#espace_famille {
		background:#fff url(../images/background/bloc01_milieu.gif) repeat-y;
		padding:0 14px
	}
	#espace_famille img {
		display:block
		margin:0 auto 8px auto
	}
	#espace_famille p {line-height:1.4em}
	#espace_famille p a {color:#000}
/* ----------------------------------------------------- Lieux de vie */
	#colonne01 div.tiers {
		float:left;
		padding:0
	}
	#colonne01 div.lieux_vie {
		margin-left:0;
		margin-right:0
	}
/* ----------------------------------------------------- Horaires */
	#horaires {
		padding-left:25px;
		padding-right:25px
	}
/* ------------------------------------------------------------------------- Contenu */
	div.contenu {
		display:inline;
		float:left;
		width:706px;
		background:#fff;
		padding:10px 0 0 0;
		margin:0 27px 0 15px
	}
/* ----------------------------------------------------- Fil d'ariane */
	#fil_ariane {
		font-size:.9em;
		margin:0 0 8px 0
	}
	#fil_ariane a {
		color:#000;
		text-decoration:none
	}
	#fil_ariane a:hover, #fil_ariane a:focus, #fil_ariane a.focus {text-decoration:underline}
/* ----------------------------------------------------- <h1> */
	div.contenu h1 {
		font-size:1.6em;
		color:#587a28;
		margin:0 0 10px 0
	}
/* --------------------------------- Lieux de vie */
	/* Blanchard */
	body.subtree_level_3_node_id_10684 div.contenu h1 {color:#56682e}
	/* Centre ville */
	body.subtree_level_3_node_id_10707 div.contenu h1 {color:#6e6e6e}
	/* La gare */
	body.subtree_level_3_node_id_10708 div.contenu h1 {color:#ca4f42}
	/* Les Chesnaux */
	body.subtree_level_3_node_id_10706 div.contenu h1 {color:#177462}
	/* L'Ile */
	body.subtree_level_3_node_id_10709 div.contenu h1 {color:#207690}
	/* Mary-Aubry-Courteau */
	body.subtree_level_3_node_id_10705 div.contenu h1 {color:#915b9c}
	/* Saint-Martin */
	body.subtree_level_3_node_id_10704 div.contenu h1 {color:#e89d19}
	/* Vaucrises */
	body.subtree_level_3_node_id_10703 div.contenu h1 {color:#bC537b}
	/* Vincelles-Le-Buisson */
	body.subtree_level_3_node_id_10702 div.contenu h1 {color:#d8d002}
/* ----------------------------------------------------- Blocs */
	div.bloc02_haut {
		height:12px;
		font-size:0em;
		background:url(../images/background/bloc02_haut.gif)
	}
	div.bloc02_milieu {
		overflow:hidden;
		height:100%;
		background:url(../images/background/bloc02_milieu.gif)
	}
	div.bloc02_bas {
		height:12px;
		font-size:0em;
		background:url(../images/background/bloc02_bas.gif);
		margin:0 0 5px 0
	}
/* ----------------------------------------------------- Liens */
	a.lire_suite, a.voir_tout {
		text-transform:uppercase;
		font-size:.9em;
		font-weight:bold;
		color:#587A28;
		background:url(../images/background/puce03.gif) no-repeat left center;
		padding:0 0 0 17px
	}
	a.voir_tout {
		float:right;
		text-transform:none;
		font-size:1em;
		font-weight:normal;
		margin:0 25px 0 0
	}
/* ----------------------------------------------------- Article */
	div.article {
		overflow:hidden;
		height:1%;
		margin:15px 0 0 0
	}
	div.article.premier {margin-top:0}
	div.article h3 {
		overflow:hidden;
		height:100%;
		font-size:1em;
		/*color:#097fa2;*/
		color:#688f2f;
		background-image:url(../images/background/puce02.gif);
		background-repeat:no-repeat;
		background-position:left 3px;
		padding:0 0 0 15px;
		margin:0 0 1px 0
	}
	div.article img.illustration {
		float:left;
		margin:0 12px 0 0
	}
	div.article p {
		line-height:1.4em;
		margin:0 0 5px 0
	}
	div.article p img {
		vertical-align:middle;
		margin:0 0 0 3px
	}
/* ----------------------------------------------------- En exergue */
	div.exergue {
		float:left;
		width:362px;
		padding:0 14px 0 12px;
		margin-top:4px;
		margin-bottom:15px
	}
	div.exergue h3 {
		font-size:1.1em;
		color:#000;
		margin-bottom:6px
	}
	div.exergue p {line-height:1.6em}
/* ----------------------------------------------------- Articles */
	div.articles {
		float:right;
		width:288px;
		padding:4px 15px 0 15px
	}
/* ----------------------------------------------------- Contextualité */
	div.article.blanchard h3 {
		background-image:url(../images/background/puce02_couleur01.gif);
		/*color:#56682e*/
	}
	div.article.centre_ville h3 {
		background-image:url(../images/background/puce02_couleur02.gif);
		/*color:#6e6e6e*/
	}
	div.article.la_gare h3 {
		background-image:url(../images/background/puce02_couleur03.gif);
		/*color:#ca4f42*/
	}
	div.article.les_chesnaux h3 {
		background-image:url(../images/background/puce02_couleur04.gif);
		/*color:#177462*/
	}
	div.article.l_ile h3 {
		background-image:url(../images/background/puce02_couleur05.gif);
		/*color:#207690*/
	}
	div.article.mare_aubry_courteau h3 {
		background-image:url(../images/background/puce02_couleur06.gif);
		/*color:#915b9c*/
	}
	div.article.saint_martin h3 {
		background-image:url(../images/background/puce02_couleur07.gif);
		/*color:#e89d19*/
	}
	div.article.vaucrises h3 {
		background-image:url(../images/background/puce02_couleur08.gif);
		/*color:#bC537b*/
	}
	div.article.vincelles_le_buisson h3 {background-image:url(../images/background/puce02_couleur09.gif)}
/* ----------------------------------------------------- Plan du site */
	#plan_site {
		padding:0 0 0 60px
	}
	#plan_site a {
		color:#555;
		text-decoration:none
	}
	#plan_site a:hover,
	#plan_site a:focus,
	#plan_site a.focus {text-decoration:underline}
	#plan_site h2 {
		font-size:1.3em;
		font-weight:bold;
		margin-bottom:5px
	}
	#plan_site h2 a {color:#e48826}
	#plan_site ul {padding-left:20px}
/* ------------------------------------------------------------------------- Tiers */
	div.tiers {
		display:inline;
		float:right;
		width:225px;
		padding:5px 0 15px 0
	}
/* ----------------------------------------------------- Lieux de vie */
	div.lieux_vie {margin:0 17px 0 15px}
/* ----------------------------------------------------- Dossier */
	div.dossier {margin:0 24px 0 17px}
	div.dossier p a {
		font-weight:bold;
		color:#000
	}
/* ----------------------------------------------------- Blocs */
	div.bloc03_haut, div.bloc03_bas {
		height:12px;
		font-size:0em;
		background:#fff url(../images/background/bloc03_haut.gif)
	}
	div.bloc03_milieu {
		overflow:hidden;
		height:100%;
		background:#fff url(../images/background/bloc03_milieu.gif);
		padding:0 10px
	}
	div.bloc03_milieu img {
		display:block;
		margin:0 auto 10px auto
	}
	div.bloc03_milieu p {
		line-height:1.5em;
		margin:0 0 5px 0
	}
	div.bloc03_milieu a.lire_suite {
		float:right;
		color:#e48826
	}
	div.bloc03_bas {background-image:url(../images/background/bloc03_bas.gif)}
/* ----------------------------------------------------- Sondage */
	#je_vote {
		float:right;
		color:#fff;
		background:#e58d2f url(../images/background/je_vote.gif) repeat-x;
		padding:2px 8px;
		margin:10px 0 0 0
	}
	#je_vote:hover, #je_vote:focus, #je_vote.focus {background-image:none}
/* ------------------------------------------------------------------------- Pied de page */
	#pied_page {
		width:931px;
		font-size:1.1em;
		color:#1997c9;
		background:url(../images/background/pied_page.png) no-repeat;
		padding:19px 25px 11px 40px;
		margin:0 auto
	}
	* html #pied_page {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/extension/chateauthierry/design/chateauthierry/images/background/pied_page.png',sizingMethod='crop');
		background-image:none
	}
	#pied_page a {
		position:relative;
		color:#1997c9
	}
	#pied_page ul {
		float:right;
		background:#e6e7e8
	}
	#pied_page ul li {
		display:inline;
		margin:0 10px 0 0
	}
	#pied_page ul li a {margin:0 10px 0 0}
	#pied_page ul li.flux_rss a {
		background:url(../images/background/flux_rss.gif) no-repeat left center;
		padding:0 0 0 21px
	}
/* ----------------------------------------------------- Copyright */
	#pied_page p {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:.9em;
		background:#e6e7e8
	}
	
/* SERVICE PUBLIC V2 */
#servicepublicv2 { width:100%; overflow:hidden; }
	#servicepublicv2 h1 { overflow:hidden; }
		#servicepublicv2 h1 img { vertical-align:middle; }
	#servicepublicv2 ul#accueilspv2 { list-style:none; margin:0; padding:0; }
		#servicepublicv2 ul#accueilspv2 li { width:50%; float:left; margin:0; padding:0; background:none; }
			#servicepublicv2 ul#accueilspv2 li img { vertical-align:middle; }
	#servicepublicv2 ul { overflow:visible; }
	.cadre { padding:2%; margin:0 0 10px 0; border:1px solid #CCC; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; overflow:hidden; }
	#colg { width:66%; float:left; }
	#cold { width:24%; float:right; overflow:hidden; }
	a.voirtout { font-weight:bold; }
	.definition { border-bottom:1px dotted #F00; color:#F00 }
		.definition em { display:none; }
		.definition:hover { position:relative; }
		.definition:hover em { display:block; width:200px; height:auto; position:absolute; z-index:1000; left:0; top:1.4em; padding:5px; font-style:normal; color:#000; border:2px solid #999; background:#ECECEC; overflow:hidden; }
	.note , .attention , .info , .savoir { padding:5px 5px 5px 30px; margin:0 0 15px; border:1px solid #D0BB0C; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; }
	.note { background:url(/extension/servicepublicv2.fr/design/standard/images/picto_NOTE.png) 5px 5px no-repeat; }
	.attention { background:url(/extension/servicepublicv2.fr/design/standard/images/picto_ATTENTION.png) 5px 5px no-repeat; }
	.info { background:url(/extension/servicepublicv2.fr/design/standard/images/picto_INFO.png) 5px 5px no-repeat; }
	.savoir { background:url(/extension/servicepublicv2.fr/design/standard/images/picto_SAVOIR.png) 5px 5px no-repeat; }
	.chapitre { /* border-bottom:1px dotted #CCC; margin:0 0 10px 0;*/ }
	
/* SERVICE PUBLIC V2 */
#servicepublicv2 { width:100%; overflow:hidden; }
	#servicepublicv2 h1 { overflow:hidden; }
		#servicepublicv2 h1 img { vertical-align:middle; }
	#servicepublicv2 ul#accueilspv2 { list-style:none; margin:0; padding:0; }
		#servicepublicv2 ul#accueilspv2 li { width:50%; float:left; margin:0; padding:0; background:none; }
			#servicepublicv2 ul#accueilspv2 li img { vertical-align:middle; }
	#servicepublicv2 ul { overflow:visible; }
	.cadre { padding:2%; margin:0 0 10px 0; border:1px solid #CCC; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; overflow:hidden; }
	#colg { width:66%; float:left; }
	#cold { width:24%; float:right; overflow:hidden; }
	a.voirtout { font-weight:bold; }
	.definition { border-bottom:1px dotted #F00; color:#F00 }
		.definition em { display:none; }
		.definition:hover { position:relative; }
		.definition:hover em { display:block; width:200px; height:auto; position:absolute; z-index:1000; left:0; top:1.4em; padding:5px; font-style:normal; color:#000; border:2px solid #999; background:#ECECEC; overflow:hidden; }
	.note , .attention , .info , .savoir { padding:5px 5px 5px 30px; margin:0 0 15px; border:1px solid #D0BB0C; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; }
	.note { background:url(/extension/servicepublicv2.fr/design/standard/images/picto_NOTE.png) 5px 5px no-repeat; }
	.attention { background:url(/extension/servicepublicv2.fr/design/standard/images/picto_ATTENTION.png) 5px 5px no-repeat; }
	.info { background:url(/extension/servicepublicv2.fr/design/standard/images/picto_INFO.png) 5px 5px no-repeat; }
	.savoir { background:url(/extension/servicepublicv2.fr/design/standard/images/picto_SAVOIR.png) 5px 5px no-repeat; }
	.chapitre { /* border-bottom:1px dotted #CCC; margin:0 0 10px 0;*/ }