/* Structure commune des pages */

#posts {
  margin-left: 68px;
}

#posts table tr th, #posts table tr td {
  padding: 5px;
}

tr.even {
  background-color: #EEEFE8;
}

tr.odd {
  background-color: #F0C8C8;
}

td.lien a {
  color: #B80000;
  text-decoration: none;
}

td.lien a:hover {
  text-decoration: underline;
}

.errorExplanation {
  border: 2px solid red;
  width: 450px;
  margin-left: 68px;
  margin-bottom: 5px;
  padding: 1px;
  background-color: #FFCFCF;
}

.fieldWithErrors {
  margin-left: 68px;
}

.fieldWithErrors input{
  background-color: #FFCFCF;
}

.n_a_s {
  position: absolute;
  left: -2000px;
}

#header {
	display: none;
	}
#wrapper {
	width: 950px;
	margin: 0;
	}
#container {
	width: 950px; 
	margin-right: -200px; 
	float: left;
	}
#top {
	width: 750px;
	height: 78px;
	margin: 0 200px 0 0;
	padding: 0;
	background: #fff;
	}
#nav {
	width: 750px;
	margin: 0 200px 0 0;
	padding: 0;
	background: #fff;
	}
#content {
	margin: 0 200px 0 0;
	padding: 0;
	border: 0px solid #fff;
	}
#nav2 {
	float: right;
	width: 200px;
	}
	
/* Barrettes de fond du body */

body.menu1 {
	background: url(/images/actualite/barrette-actu.gif) repeat-y;
	}
body.menu2 {
	background: url(/images/territoire/barrette-territoire.gif) repeat-y;
	}
body.menu3 {
	background: url(/images/vie-quotidienne/barrette-viequot.gif) repeat-y;
	}
body.menu4 {
	background: url(/images/activites-loisirs/barrette-loisirs.gif) repeat-y;
	}
body.menu5 {
	background: url(/images/mairie/barrette-mairie.gif) repeat-y;
	}
body.menu6 {
	background: url(/images/grands-projets/barrette-projets.gif) repeat-y;
	}

	
/* Styles de la partie Content  ------------------------------------------------------------- */

/* Intertitres h2 */
	
body.menu2 #content h2 {
	color: #567E30;
	background: url(/images/territoire/filets-marge.gif) no-repeat 0 2px
	}
body.menu3 #content h2 {
	color: #663099;
	background: url(/images/vie-quotidienne/filets-marge.gif) no-repeat 0 2px
	}
body.menu4 #content h2 {
	color: #C54E00;
	background: url(/images/activites-loisirs/filets-marge.gif) no-repeat 0 2px
	}
body.menu5 #content h2 {
	color: #369;
	background: url(/images/mairie/filets-marge.gif) no-repeat 0 2px
	}
body.menu6 #content h2 {
	color: #976200;
	background: url(/images/grands-projets/filets-marge.gif) no-repeat 0 2px
	}
	
/* Blocs adresses */
#content p.adresse {
	font-size: 0.92em;
	margin-bottom: 0;
	padding-bottom: 6px;
	margin-left: 0;
	padding-left: 67px;
	}
body.menu2 #content p.adresse {
	background: url(/images/territoire/couleur-marge.gif) repeat-y;
	}
body.menu3 #content p.adresse {
	background: url(/images/vie-quotidienne/couleur-marge.gif) repeat-y;
	}
body.menu4 #content p.adresse {
	background: url(/images/activites-loisirs/couleur-marge.gif) repeat-y;
	}
body.menu5 #content p.adresse {
	background: url(/images/mairie/couleur-marge.gif) repeat-y;
	}
body.menu6 #content p.adresse {
	background: url(/images/grands-projets/couleur-marge.gif) repeat-y;
	}
	
/*Paragraphes avec triple filet de séparation supérieur */
#content p.filet {
	padding-top: 15px;
	margin-top: 9px;
	}
body.menu2 #content p.filet {
	background: url(/images/territoire/traits.gif) repeat-x;
	}
body.menu3 #content p.filet {
	background: url(/images/vie-quotidienne/traits.gif) repeat-x;
	}
body.menu4 #content p.filet {
	background: url(/images/activites-loisirs/traits.gif) repeat-x;
	}
body.menu5 #content p.filet {
	background: url(/images/mairie/traits.gif) repeat-x;
	}
body.menu6#content p.filet {
	background: url(/images/grands-projets/traits.gif) repeat-x;
	}
	
/* Photos en habillage de texte */
/*#content .photo {
	float: left;
	padding: 5px 6px 0 0;
	}
#content .photo.right {
	float: right;
	padding: 5px 20px 0 6px;
	}
#content .photo.G img {
	width: 359px;
	}
#content .photo.M img {
	width: 247px;
	margin-left: 58px;
	}
#content .photo.P img {
	width: 159px;
	margin-left: 58px;
	}*/

img.photo_grand, img.photo_grand_dt, img.photo_moyen, img.photo_petit, div.photo_grand, div.photo_grand_dt, div.photo_moyen, div.photo_petit {
	display: block;
	float: left;
	padding: 5px 6px 0 0;
	}
div.photo_grand, img.photo_grand {
	width: 359px;
	}
div.photo_grand_dt, img.photo_grand_dt {
	float: right;
	width: 359px;
	padding: 5px 20px 0 6px;
	}
div.photo_moyen, img.photo_moyen {
	margin-left: 58px;
	width: 247px;
	}
div.photo_petit, img.photo_petit {
	width: 159px;
	margin-left: 58px;
	}
	
/* Liens et span 'coul' de la partie Content */
#content p a, #content ul li a {
	text-decoration: none;
	}
#content p a:hover, #content ul li a:hover {
	text-decoration: underline;
	}
body.menu1 #content p a, body.menu1 #content ul li a, body.menu1 #content .coul {
	color: #b80000;
	}
body.menu2 #content p a, body.menu2 #content ul li a, body.menu2 #content .coul  {
	color: #567E30;
	}
body.menu3 #content p a, body.menu3 #content ul li a, body.menu3 #content .coul  {
	color: #663099;
	}
body.menu4 #content p a, body.menu4 #content ul li a, body.menu4 #content .coul  {
	color: #C54E00;
	}
body.menu5 #content p a, body.menu5 #content ul li a, body.menu5 #content .coul  {
	color: #369;
	}
body.menu6 #content p a, body.menu6 #content ul li a, body.menu6 #content .coul  {
	color: #976200;
	}

/* Listes de la partie Content */
#content ul {
	margin: 0 55px 6px 67px;
	}
#content ul li {
	line-height: 1.5em;
	list-style-type: disc;
	list-style-position: inside;
	}
#content ul.archives {
margin-top: 10px;
	margin-bottom: 20px;
	}
#content ul.archives li {
	display: inline;
	}
#content ul.archives li.current {
	font-weight: bold;
	}
#content ul.deliberations {
	margin-top: 10px;
	}
#content ul.deliberations li {
	list-style-type: none;
	padding-bottom: 6px;
	}
	
/*Colonne d'exergue ---------------------------------------------------------*/
#exergue {
	width: 200px;
	float: right;
	margin: 0 0 20px 20px;
	padding: 0;
	}
	
/* Styles du bloc actu  */
#bloc-actu {
	margin: 0;
	border: 3px solid #b80000;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #fff;
	z-index: 10000;
	}
#bloc-actu p {
	margin: 0 10px 6px 20px;
	font-size: 0.92em;
	}
#bloc-actu .puce {
	color: #b80000;
	font-weight: bold;
	}
#content #bloc-actu p a {
	color: #000;
	}
#content #bloc-actu p a:hover {
	color: #b80000;
	text-decoration: none;
	}
#bloc-actu img.pic {
	position: relative;
	top: 3px;
	padding-right: 5px;
	}
#content #bloc-actu p.web {
	margin-bottom: 0;
	}
#content #bloc-actu p.medias {
	font-size: 10px;
	margin-right: 20px;
	}
#content #bloc-actu p.medias a, #content #bloc-actu p.web a {
	color: #4C4C4C;
	}
#content #bloc-actu p.medias a:hover, #content #bloc-actu p.web a:hover {
	color: #b80000;
	}
	
/*Styles des encadrés */
#encadre {
	margin: 0;
	padding-top: 0;
	padding-bottom: 15px;
	background: #EBEDE6;
	}
 body.menu2 #encadre {
	border: 3px solid #567E30;
	}
 body.menu3 #encadre {
	border: 3px solid #663099;
	}
 body.menu4 #encadre {
	border: 3px solid #C54E00;
	}
 body.menu5 #encadre {
	border: 3px solid #5198AF;
	}
 body.menu6 #encadre {
	border: 3px solid #C7AE00;
	}
body.menu2 #encadre, body.menu3 #encadre, body.menu4 #encadre, body.menu5 #encadre, body.menu6 #encadre {
	border-top: 1px solid #EBEDE6;
	}
#encadre h5 {
	color: #000;
	font-size: .92em;
	text-transform: none;
	}
#encadre p {
	margin: 0 10px 0 20px;
	font-size: 0.92em;
	}
#encadre .tirets-encadre {
 	font-weight: bold;
 	font-size: 24px;
 	line-height: .67em;
	padding-right: 3px;
	position: relative;
	top: 4px;
 	}
 body.menu2 #encadre .tirets-encadre {
 	color: #567E30;
 	}
  body.menu3 #encadre .tirets-encadre {
 	color: #663099;
 	}
  body.menu4 #encadre .tirets-encadre {
 	color: #C54E00;
 	}
  body.menu5 #encadre .tirets-encadre {
 	color: #369;
 	}
  body.menu6 #encadre .tirets-encadre {
 	color: #976200;
 	}
 	
/* Styles des pages "trombinoscopes" */

#bloc-trombi {
	width: 730px;
	float: left;
	}
div.trombi {
	float: left; 
	width: 150px; 
	margin-bottom: 10px;
	}
div.prem {
	width: 217px; 
	}
div.trombi img {
	border-right: 17px solid #cae0e7;
	}
div.prem img {
	border-left: 67px solid #bed9e1;
	}
div.trombi p {
	font-size: .84em; 
	margin: 0 17px 0 0;
	}
div.prem img {
	border-left: 67px solid #bed9e1;
	}
div.prem p {
	margin-left: 67px;
	}
div.trombi p.nom {
	font-size: 1em; 
	font-weight: bold;
	}
div.trombi p.rang {
	font-size: .92em; 
	color: #369;
	}
	
/* Styles de navigation secondaire (nav2) ------------------------------------------------ */

/* Vignette de la nav2 ------------------------- */

#vignette {
	height: 119px;
	}
#vignette img {
	margin-left: 20px;
	}
	
/* Couleur de fond de la vignette */
body.menu1 #vignette {
	background: #B80000;
	}
body.menu2 #vignette {
	background: #567E30;
	}
body.menu3 #vignette {
	background: #663099;
	}
body.menu4 #vignette {
	background: #C54E00;
	}
body.menu5 #vignette {
	background: #5198AF;
	}
body.menu6 #vignette {
	background: #C7AE00;
	}
	
/*Menu principal ---------------------------*/
#nav2 ul.principal {
	padding: 0;
	margin: 0;
	width: 200px;
	}
	
/* Couleur de fond niveau 3 */
body.menu1 #nav2 {
	background: #f9ebeb;
	}
body.menu2 #nav2 {
	background: #eef2ea;
	}
body.menu3 #nav2 {
	background: #efeaf5;
	}
body.menu4 #nav2 {
	background: #f9ede5;
	}
body.menu5 #nav2 {
	background: #edf4f7;
	}
body.menu6 #nav2 {
	background: #f9f7e5;
	}

#nav2 ul li {
	font-size: 10px;
	line-height: 1.1em;
	padding: 3px 0;
	}
#nav2 ul li.current {
	padding-top: 15px;
	padding-left: 20px;
	line-height: 1.5em;
	}
#nav2 ul.principal ul.smenu li.current {
        font-weight: bold;
        }
#nav2 ul li.niv2 {
	padding: 2px 30px 2px 20px;
	}
	
/* Couleur de fond niveau 2 */
body.menu1 #nav2 ul li.niv2 {
	background: #f0c8c8;
	}
body.menu2 #nav2 ul li.niv2 {
	background: #d7e1ce;
	}
body.menu3 #nav2 ul li.niv2 {
	background: #dbcee7;
	}
body.menu4 #nav2 ul li.niv2 {
	background: #f1d5c3;
	}
body.menu5 #nav2 ul li.niv2 {
	background: #d6e7ec;
	}
body.menu6 #nav2 ul li.niv2 {
	background: #f2ecc3;
	}

#nav2 ul li.first{
	padding-top: 15px;
	}
#nav2 ul li.last{
	padding-bottom: 15px;
	}
#nav2 ul li a {
	text-decoration: none;
	color: #000;
	padding-left: 0;
	}
#nav2 ul li a.active {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 9px;
	}
	
/* Couleur de lien-titre de la rubrique courante de niveau 2 */
body.menu1 #nav2 ul li a.active {
	color: #f00;
	border-bottom: 3px solid #f00;
	}
body.menu2 #nav2 ul li a.active {
	color: #567E30;
	border-bottom: 3px solid #567E30;
	}
body.menu3 #nav2 ul li a.active {
	color: #663099;
	border-bottom: 3px solid #663099;
	}
body.menu4 #nav2 ul li a.active {
	color: #C54E00;
	border-bottom: 3px solid #C54E00;
	}
body.menu5 #nav2 ul li a.active {
	color: #369;
	border-bottom: 3px solid #369;
	}
body.menu6 #nav2 ul li a.active {
	color: #976200;
	border-bottom: 3px solid #976200;
	}
	
#nav2 ul li a:hover {
	text-decoration: underline;
	}
	
/*Sous-menu ----------------------------------------*/	
#nav2 ul.smenu {
	padding: 6px 0 6px 0;
	}
#nav2 ul.smenu li {
	font-size: 10px;
	font-weight: normal;
	padding-left: 0;
	}
#nav2 ul.smenu li  {
	padding-right: 30px;
	}
	
/* Couleur de liens niveau 3 */
body.menu1 #nav2 ul.smenu li a {
	color: #b80000;
	}
body.menu2 #nav2 ul.smenu li a {
	color: #567E30;
	}
body.menu3 #nav2 ul.smenu li a {
	color: #663099;
	}
body.menu4 #nav2 ul.smenu li a {
	color: #C54E00;
	}
body.menu5 #nav2 ul.smenu li a {
	color: #369;
	}
body.menu6 #nav2 ul.smenu li a {
	color: #976200;
	}

#nav2 ul.smenu li a.current {
	font-weight: bold;
	}
	
/*Liens de l'Agora -------------------------------- */
body.menu2 #nav2 ul.smenu li.traits {
	background: url(/images/territoire/traits-agora.gif) repeat-x 0 4px;
	}
body.menu3 #nav2 ul.smenu li.traits {
	background: url(/images/vie-quotidienne/traits-agora.gif) repeat-x 0 4px;
	}
body.menu4 #nav2 ul.smenu li.traits {
	background: url(/images/activites-loisirs/traits-agora.gif) repeat-x 0 4px;
	}
body.menu5 #nav2 ul.smenu li.traits {
	background: url(/images/mairie/traits-agora.gif) repeat-x 0 4px;
	}
body.menu6 #nav2 ul.smenu li.traits {
	background: url(/images/grands-projets/traits-agora.gif) repeat-x 0 4px;
	}
body #nav2 ul.smenu li.agora a {
	padding-left: 15px;
	color: #333;
	}
body.menu2 #nav2 ul.smenu li.agora a {
	background: url(/images/territoire/fleche-agora.gif) no-repeat;
	}
body.menu3 #nav2 ul.smenu li.agora a {
	background: url(/images/vie-quotidienne/fleche-agora.gif) no-repeat;
	}
body.menu4 #nav2 ul.smenu li.agora a {
	background: url(/images/activites-loisirs/fleche-agora.gif) no-repeat;
	}
body.menu5 #nav2 ul.smenu li.agora a {
	background: url(/images/mairie/fleche-agora.gif) no-repeat;
	}
body.menu6 #nav2 ul.smenu li.agora a {
	background: url(/images/grands-projets/fleche-agora.gif) no-repeat;
	}
	
* html body #nav2 ul.smenu li.agora a {
	height: 1%; 
	}
	
/*Recherche Google ----------------------------- */
#google {
	background: #f0c8c8;
	padding-bottom: 15px;
	/*display: none;    ------ > à activer les premiers jours après la mise en ligne du site */
	}
	
/* Couleur de fond Google */
body.menu1 #google {
	background: #f0c8c8;
	}
body.menu2 #google {
	background: #d7e1ce;
	}
body.menu3 #google {
	background: #dbcee7;
	}
body.menu4 #google {
	background: #f1d5c3;
	}
body.menu5 #google {
	background: #d6e7ec;
	}
body.menu6 #google {
	background: #f2ecc3;
	}
	
#google form {
	padding: 0 10px 0 20px;
	}
#google p {
	margin: 0;
	font-size: .84em;
	}
#google p input.OK {
	position: relative;
	top: 3px;
	}
	
/* Couleur du texte 'recherche avec' */
body.menu1 #google p {
	color: #b80000;
	}
body.menu2 #google p {
	color: #567E30;
	}
body.menu3 #google p {
	color: #663099;
	}
body.menu4 #google p {
	color: #C54E00;
	}
body.menu5 #google p {
	color: #369;
	}
body.menu6 #google p {
	color: #976200;
	}
	
#google p img {
	position: relative;
	top: 3px;
	}

div.TagCloud {
  padding-top: 30px;
  padding-left: 10px;
  padding-right: 10px;
  left: 80px;  
  background-color: none;
  width: 450px;	
  line-height: 30px;
}

.TagsClouds {
  padding-top: 10px;
  padding-bottom: 15px; }
  .TagsClouds li, .TagsClouds li {
    color: #505050;
    display: inline;
    line-height: 1.8em;
    color: #b80000;
    font-size: 0.8em; }
    .TagsClouds li a, .TagsClouds li a {
      font-size: 0.8em;
      font-weight: normal;
      color: #606060; }
    .TagsClouds li a.TagNiv1, .TagsClouds li a.TagNiv1 {
      font-size: 1.0em; }
    .TagsClouds li a.TagNiv2, .TagsClouds li a.TagNiv2 {
      font-size: 1.1em; }
    .TagsClouds li a.TagNiv3, .TagsClouds li a.TagNiv3 {
      font-size: 1.2em; }
    .TagsClouds li a.TagNiv4, .TagsClouds li a.TagNiv4 {
      font-size: 1.4em; }
    .TagsClouds li a.TagNiv5, .TagsClouds li a.TagNiv5 {
      font-size: 1.6em; }
    .TagsClouds li a.TagNiv6, .TagsClouds li a.TagNiv6 {
      font-size: 1.8em; }

.TagIndex {
  padding-top: 30px;
  padding-left: 10px;
  padding-right: 10px;
  left: 80px; 
  background-color: none;
  width: 510px; 
}

	
/* Styles du  pied de page -------------------------------------------------------- */

#bottom { 
	height: 40px; 
	clear: both; 
	}
#bottom p {
	color: #666;
	margin-left: 67px;
	padding-top: 20px;
	font-size: .84em;
	letter-spacing: 1px;
	}
#bottom .barre {
	color: #b80000;
	font-weight: bold;
	}
#bottom p img {
	position: relative;
	top: 3px;
	padding-right: 3px;
	}
#bottom p a {
	text-decoration: none;
	font-weight: normal;
	color: #666;
	}
#bottom p a:hover {
	text-decoration: underline;
	}
	
/* Hack pour masquer le menu è (Rive Gauche) */

#nav ul li a.menu7 {
	display: none;
	}


/*body.menu5 #content #spl_wrapper h2 {}*/

body.menu5 #content div.spl_flash h2 { background-image: none; }
body.menu5 #content spl_conteneur h2,
body.menu5 #content h2.spl_titre_info,
body.menu5 #content h2.spl_titre_rech,
body.menu5 #content h2.spl_titre_plus,
body.menu5 #content h2.spl_titre_sommaire { background-image: none; background-color:#C6D3FB;}
body.menu5 #content h2.spl_titre_info { background-color: #4974f4; background-image: none; }
body.menu5 #content h2.spl_titre_lieu { background-color: #C6D3FB; background-image: none; }
body.menu5 #content  #spl_ancre_faq h2.spl_titre_info, body.menu5 #content  #spl_ancre_tout_savoir h2.spl_titre_info, body.menu5 #content h2.spl_titre_rech { background-color:#C6D3FB;}

/*#bottom, #google, #rivegauche, #Rive-Gauche { display: none; }*/
/*#bottom { display: none; }*/

.MeteoWidget {
  /*color:gray;*/
  font-size:0.7em;
  height:40px;
  margin-bottom:41px;
  margin-left:20px;
  margin-top:20px;
  width:100%;
}

.MeteoWidget a.RedLink {
  color:#B80000;
  display:block;
  font-weight:bolder;
  margin-bottom:5px;
}

.MeteoWidget .Temps {
  float:left;
}

.MeteoWidget .Temps .Temp1 {
  color: gray;
  font-size:1.5em;
  margin-bottom:2px;
  margin-top:5px;
}

.MeteoWidget .Temps .Temp2 {
  color: gray;
  font-size:1.1em;
}

.MeteoWidget .Picture img {
  width:65px;
}

.social_bookmarks {
	position:relative;
	height:20px;
}

.social_bookmarks a {
	margin-right:3px;
}

.social_bookmarks span.red {
	color:#B80000;
	font-size:0.92em;
	display:block;
	margin:0 3px 10px 3px;
	float:left;
}

.social_bookmarks img.share {
	margin:3px 5px 0 0;
	float:left;
}

.medias object {
	padding-top:5px;
}