@charset "UTF-8";
html					{overflow:scroll;}
body					{text-align:center;margin:0; }

a						{color:#333;}
a:hover					{color:#CC6600;}
img						{ border:none;}
fieldset				{ border:none; padding:0;}
ul,ol					{ list-style-position:inside; padding-left:0; margin-left:0;}
li						{ margin-left:0; padding-left:0;}


/* LAYOUT */
#conteneur				{width:848px;margin:0 auto;position:relative;text-align:left;padding-bottom:0;;}
#header					{height:149px;}
#logo					{display:block;width:246px;height:115px;float:left;margin:10px 0 0 0; text-indent:-10000px;}
#navigation				{height:125px;float:right;margin:0 1px 0 0; width:auto; position:absolute; z-index:50; top:0; right:0;}
#template				{height:500px;position:relative;padding:15px 28px 0;}
html>body #template		{height:auto !important;min-height:500px;}/* hack pour IE */
#gauche					{width:335px;float:left;}
#droite					{width:220px;float:right;}
#footer					{padding:20px; margin-bottom:20px; clear:both; float:none;}

#lang					{position:absolute;top:130px;left:4px; width:200px; list-style:none; list-style-image:none; z-index:100; margin:0; }
#lang li				{width:25px;float:left; list-style-position:outside; list-style:none; margin-right:4px;}
#lang a					{width:25px; display:block;height:15px; background:url('../img/flags/fr.png') no-repeat; text-indent:-99999px; outline:none;}
#lang a.en				{ background:url('../img/flags/gb.png') no-repeat; }
#lang a.de				{ background:url('../img/flags/de.png') no-repeat; }
#lang a.es				{ background:url('../img/flags/es.png') no-repeat; }
#lang a.sourds			{ background:url('../img/flags/sourds.png') no-repeat; }

#gauche					{position:relative;z-index:6;}
.article				{position:relative;}
.titre					{position:relative;z-index:5;}
.chapo,.chapo p			{position:relative;z-index:4;margin-bottom:30px;}
#article_1				{position:relative;z-index:3;}
#article_2				{position:relative;z-index:2;}
#article_3				{position:relative;z-index:1;}

.cale					{display:block;height:0px;clear:both;float:none;}

/* BACKGROUNDS */
body					{background:#e3e0cd url('../img/fond_body.jpg') repeat-y top center;}
#conteneur				{}
#header					{background:url('../img/header.jpg') no-repeat; margin:0;}
#logo					{}
#navigation				{background:url('../img/menu.jpg') no-repeat right 18px;}
#navigation li			{background:none;}
#footer					{}
#tip 					{ background:#FFF; padding:5px; margin-bottom:3px; display:none; -moz-border-radius:5px; -webkit-border-radius:5px; z-index:50;}

#navigation h1				{margin-bottom:7px; padding-bottom:0; }
#navigation img				{float:left; margin-right:14px; }
#navigation ul				{float:left; margin:0; position:relative; }
#navigation li				{list-style:none; float:left; }
#navigation li a			{margin-right:1px; display:block; height:40px; padding:85px 0 0 10px; text-decoration:none; font-weight:bold; }
#navigation ul ul			{width:191px; background:#fff; position:absolute; border:1px solid #CCC; border-width:0 1px 1px; right:auto; }
#navigation li li			{clear:both; float:none; padding:3px; }
#navigation li li a			{height:20px; padding:0 0 0 6px; margin:0; width:97%; }
#nav2 li a:hover		{}

/*#navigation2			{ position:absolute; top:20px; left:400px; z-index:50; }*/
#navigation2			{ clear:both; height:40px; margin-bottom:20px; }
#navigation2 li			{ width:auto; float:left; margin:0 10px 0 0; }

#navigation li#topic0 a		{ width:120px;height:65px; padding:60px 0 0 10px; text-align:center; }
li#topic1 a					{ width:80px; }
li#topic2 a					{ width:80px; }
li#topic3 a					{ width:90px; }
li#topic4 a					{ width:70px; }
li#topic5 a					{ width:100px; }

#navigation ul.MenuBarHorizontal a span	{display:none;}

/* FONTS */
body					{color:#333;font-family:Arial, Helvetica, sans-serif;font-size:13px;}
.chapo					{font-size:120%;}
h2						{font-size:120%;margin-top:0; padding-top:0;}
h3						{ clear:both; float:none;}
h4						{font-size:110%;color:#FFFFFF;}
p						{margin-top:0; /*text-align:justify;*/}

.article div			{clear:both; float:none; margin-bottom:0; overflow:auto;}
.left					{float:left; margin:0 20px 10px 0; }
.right					{float:right; margin:0 0 10px 20px; }
#lien_accueil a			{font-weight:normal; font-size:11px; text-decoration:underline; height:50px; margin-top:40px; }

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

#template ul			{padding:0;list-style:none; list-style-position:outside;}
#template ol			{padding:0;  }
#template li						{margin-bottom:2px;background:url('../img/puce.gif') no-repeat; padding-left:12px;}
#template ol li			{margin-bottom:8px;}

#footer ul				{margin:0; padding:0;}
#footer li				{width:auto; padding:0 12px 0 0;list-style:none;float:left; background:none;}

/* Page d'accueil */
.accueil #gauche		{ width:300px;}
.accueil #droite		{ width:450px; padding-left:15px; padding-top:20px;/* border:2px dotted #534741; background:url('../img/fond_conteneur.gif') repeat-y;*/}
.accueil #article_2		{ clear:both; float:none; margin:0;}
.accueil #article_3		{ clear:both; float:none;}
#prochaines_dates		{ margin:0 20px 15px 0; /*border-bottom:4px dotted #91817A;*/ padding:4px;}
.accueil h1				{ margin-top:0; color:#FFF; }
.accueil #droite h2		{ color:#555;}
a.date					{ text-decoration:none; outline:none;}

/* HOME (NOGENT) */
.commune #partie_principale			{background:url('../documents/images/nogent/fond_home3.png') no-repeat 250px 160px;}
.commune .chapo			{width:365px;margin:20px 0 0 0;}
.commune #article_1		{width:100%;}
.commune #gauche			{width:235px;}
.commune #droite			{width:200px; font-size:11px;}
.commune #droite h2		{background:url('../img/fond_breves.png') no-repeat;border-bottom:1px solid #000;font-weight:bold;padding-left:30px;color:#FFF;}
.commune #droite h3		{color:#91817A; font-size:14px; }
.commune #droite div		{border-bottom:4px dotted #91817A; padding-bottom:10px;}
.commune #droite p			{margin-bottom:4px;}
.commune #droite a			{text-decoration:none;}
.commune #droite a:hover	{text-decoration:underline;}
#lien_agenda			{display:block; margin-top:9px; font-weight:bold;}

/* MODELE 1 */
.modele1 #gauche		{width:480px;}
.modele1 #droite		{width:315px;}
#colonne1,
#colonne2,
#colonne3		{width:230px;margin-right:25px;float:left;}

/* MODELE 2 */
.modele2 #gauche		{width:270px;}
.modele2 #droite		{width:495px;}
.modele2 #article_2		{clear:both; float:none;}
.modele2 #article_3		{clear:both; float:none;}

/* MODELE 3 */
.modele3 #gauche		{width:495px;}
.modele3 #droite		{width:270px;}
.modele3 #droite h3		{margin:0; color:#990000;}

/* MODELE 5 */
.modele5 #gauche		{width:380px;}
.modele5 #droite		{width:376px;}
.modele5 .tiers			{width:31%; margin-right:2%; float:left;}

/* COMMUNE-PAGE2 */
.commune-page2 #titre,
.commune-page2 #gauche	{ width:270px;}
.commune-page2 #droite	{ width:495px;}

/* MODELE 3 */
.modele-sous-menu #gauche		{width:495px;}
.modele-sous-menu #droite		{width:270px;}
.modele-sous-menu #droite h3		{margin:0; color:#990000;}

/* ACTUALITES LOCALES */
.actualites-locales #gauche {width:550px; height:400px; overflow:scroll; margin-left:10px;}

/* PROGRAMME TV */
.programmetv #gauche {width:520px; margin-left:150px; margin-right:auto;}

/* PAGE TRI */
.page_tri #gauche		{width:250px;}
.page_tri #droite		{width:515px;}
.page_tri dl			{ padding-bottom:10px; border-bottom:2px dotted #FFF; }
.page_tri dt			{ font-weight:bold; font-size:14px; text-decoration:underline; margin-bottom:10px; }
.page_tri dd			{ margin-left:0; }
.page_tri dd img		{ margin-right:4px; background:#999; padding:3px; height:20px; width:20px; margin-top:6px; }
.page_tri .legende		{ margin:0 20px 15px 0; border:2px dotted #91817A; padding:4px;}
.page_tri .legende h2	{ color:#FFF;}
.page_tri .legende ul	{ list-style:none; padding:0;}
.page_tri .legende img	{ margin-right:12px;}
.page_tri #droite h2	{ color:#FFF; margin-top:20px;}

/* PLAN CANTON*/
.plan_canton #template	{padding-left:28px;}
.plan_canton #gauche	{width:240px;}
.plan_canton #droite	{width:540px;}
.plan_canton #droite img{width:540px; height:540px; border:none;}
.plan_canton h1			{ }

/* SITUATION CANTON*/
.situation_canton #template{padding-left:28px;}
.situation_canton #gauche{width:240px;}
.situation_canton #droite{width:540px;position:absolute;right:20px;top:50px;}

/* AGENDA */
#listeMois				{ width:100%; clear:both; margin-bottom:10px; height:40px; font-weight:bold; font-size:15px; }
#listeMois li			{ list-style:none; background:none; padding:0; width:auto; float:left; margin-right:12px; }
#mois1,#mois2			{ width:177px; float:left; }
.agenda #colonne1,
.agenda #colonne2,
.agenda #colonne3		{width:230px;margin-right:25px;float:left;}
.agenda #colonne3		{width:280px;margin-right:0;}
.agenda #colonne3 .article{width:260px; background:#FFF; border:1px dotted #666; padding:10px; }
.agenda #colonne1 h2,.agenda #colonne2 h2{ background:#FFF; padding:2px; }
.agenda #template a				{ text-decoration:none; }
.agenda h3				{ text-decoration:underline; }
.etiquette img			{ margin-right:5px;}
.etiquette				{ display:block; border-bottom:1px dotted #666; margin-bottom:12px;}
.selected				{ background:#CCC; color:#FFF; }

/* CONTACT */
.contact #gauche		{width:350px;}
.contact #droite		{width:415px; padding-top:100px;}
.contact ul,#contact li		{ list-style:none;}
.contact input,#contact textarea,#contact select{width:225px; font:Arial, Helvetica, sans-serif;border:1px solid #888; margin-bottom:10px;}
.contact label			{ display:inline-block; width:130px; font-weight:bold; text-align:right; margin-bottom:10px;}
.contact input.submit	{ width:80px; margin-right:10px; }

/* ANNUAIRE ENTREPRISES */
.annuaire_entreprises #gauche,
.annuaire_entreprises #droite		{ clear:both; float:none; width:100%;}
.annuaire_entreprises dl			{ padding-bottom:10px; border-bottom:2px dotted #FFF; clear:both; float:none; overflow:hidden; }
.annuaire_entreprises dt			{ font-weight:bold; font-size:16px; color:#fff; margin-bottom:10px; }
.annuaire_entreprises dd			{ margin-left:0; }
.annuaire_entreprises dd img		{ margin-right:4px; background:#999; padding:3px; margin-top:6px; }
.annuaire_entreprises .legende		{ margin:0 20px 15px 0; border:2px dotted #91817A; padding:4px;}
.annuaire_entreprises .legende h2	{ color:#FFF;}
.annuaire_entreprises .legende ul	{ list-style:none; padding:0;}
.annuaire_entreprises .legende img	{ margin-right:12px;}
.annuaire_entreprises #droite h2	{ color:#FFF; margin-top:20px;}
.annuaire_entreprises #droite h3	{ color:#003333; margin:0 0 5px;}
dd.image, dd.desc					{ float:left; width:48%; }

/* PLAN DU SITE */
.planSite #gauche		{width:350px; border-right:1px solid #FFF;}
.planSite #droite		{width:430px; }
.planSite #corps ul			{list-style:none; padding:0; list-style-position:inside;}
.planSite #corps li			{list-style:none; list-style-image:none; margin-left:30px;}

.diapo					{ clear:both; padding:0; margin:10px; overflow:hidden; }
.diapo dt				{ font-weight:bold; font-size:16px; margin-bottom:12px; margin-top:37px; }
.diapo dt.img			{ width:185px; float:left; }
.diapo dd				{ margin:0; width:580px; float:right; }
.diapo dt img			{ border:10px solid #FFF; margin:0 15px 6px 0;  float:left; }
.diapo h3				{ margin-top:0;}

#page8 h3				{ display:inline-block; }

/********Derniere minute*******/
#test					{ width:600px; height:auto; }
#test img				{ margin:20px auto; margin-left:150px;}
/*************************/

#overlay3 {color:#333;display:none;z-index:10000; background-color:#000;width:850px;height:630px; height:auto!important;min-height:630px; margin:0;
-moz-box-shadow:0 0 90px 5px #000;-webkit-box-shadow: 0 0 90px #000; overflow:hidden; padding-bottom:0;}