body{
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   background-color: #666666;
}

p {
	margin: 0px;
}

a {
	text-decoration: none;
	color: #800000;
	outline:none;
}

a img {
	border: 0;	
}

/* --- LES ZONES --- */
#content {
	position: absolute;
	/*margin-right: auto; 
	margin-left: auto;*/
	left: 50%;
	top: 0;
	width: 1000px;
	margin-left: -500px;
	/*background:transparent url(../images/ombreHaut.gif) repeat-x scroll 0 0;*/
	background-position:400px 0px;
}

#bg-main{
		
	
	background-color: #ffffff;
	margin-left: 30px;
	width:940px;
	float:left;
}

#header { /* header */
   float: left;
   /*margin-right: auto; 
   margin-left: auto;*/
   width: 1000px;
   height: 328px;
   /*background: url("../images/tpl_header.png") no-repeat;*/
  z-index: 10;
}

#flash {
	position: absolute;
	right: 0px;
	top: 128px;
}

#main { /* main */
   	float: left;
	/*margin-right: auto;
	margin-left: auto;*/
	/*width: 940px;*/
	
	width: 1000px;
	
	background-color:#666666;
	background-image:url('../images/ombreHaut.gif');
	background-repeat:repeat-x;
	
	
	color: #666666;
}

#top { /* A gauche en haut */
   position: absolute;
   width: 150px;
   left: 850px;
   top: 0;
   z-index: 20;
}

#top .moduletable img {
	padding: 12px 5px 0px 0px;
}
   
#menuHorizontal{ /* Breadcrumbs */
	float: left;
	width: 1000px;
	padding-top: 10px;
	height: 62px;
   	background-color: #eee; 
  	text-align: center;
	background: url("../images/tpl_menuHorizontal.png") no-repeat;
}

#menuHorizontal .item20 {
	display: none;
}

#menuHorizontal ul {
	text-align: center;
	list-style: none; 
	margin: 0px 0px 0px 75px; 
	padding: 0 40px 0 0;
}

#menuHorizontal li {
	float:left; 
	/*width:100px;*/ 
	/*margin:0; 
	padding:0; */
	text-align:center;
	padding : 0;
}

#menuHorizontal li a {
	display: block; 
	height: 12px; 
	padding: 14px 10px;
	margin: -10px 0 0 0;
	text-decoration: none; 
	font-family: Verdana, Arial, serif;
	font-size: 12px;
	font-weight: bold;
	color: white;
}

#menuHorizontal li a {
	background: url(../images/snook-animation-bg3.gif) repeat 0 0;
}

#menuHorizontal a:hover {
	background-position: -450px 0; /*-150px 0;*/
	background-color: white;
	font-family: Verdana, Arial, serif;
	font-size: 12px;
	font-weight: bold;
	color: #727272;
}

#menuHorizontal .menu .active a {
	
	background: url(../images/snook-animation-bgWhite.gif) repeat-x;
	background-color: white;
	font-family: Verdana, Arial, serif;
	font-size: 12px;
	font-weight: bold;
	color: #727272;
}


#menuHorizontal #current a {
	/*background-position: -150px 0;*/
	background: url(../images/snook-animation-bgWhite.gif) repeat-x;
	background-color: white;
	font-family: Verdana, Arial, serif;
	font-size: 12px;
	font-weight: bold;
	color: #727272;
}

/*#a a { 
	background:url(../images/snook-animation-bg.gif) repeat; 
	background-position:-20px 35px; 
}*/

#menuHorizontal .menu a { 
	background:url(../images/snook-animation-bg3.gif) repeat; 
	background-position:0 0; 
}

/*#menuHorizontal ul {
	margin: 0px;
	padding: 0px;
}

#menuHorizontal li {
	list-style: none;
	display: inline;
}

#menuHorizontal a {
	text-decoration: none;
	padding: 10px 10px 14px 10px;
	background-color: black;
	font-family: Verdana, Arial, serif;
	font-size: 12px;
	font-weight: bold;
	color: white;
}

#menuHorizontal a:hover {
	text-decoration: none;
	background-color: white;
	font-family: Verdana, Arial, serif;
	font-size: 12px;
	font-weight: bold;
	color: #727272;
}

#menuHorizontal #current a {
	text-decoration: none;
	background-color: white;
	font-family: Verdana, Arial, serif;
	font-size: 12px;
	font-weight: bold;
	color: #727272;
}*/
/*
#ombreGauche {
	position: absolute;
	background: url(../images/ombreHaut.gif) repeat-x;
	width: 30px;
	height: 280px;
	top: 400px;
}

#ombreDroite {
	position: absolute;
	background: url(../images/ombreHaut.gif) repeat-x;
	width: 30px;
	height: 280px;
	top: 400px;
	left: 970px;
}

#ombreGaucheBas {
	position: absolute;
	background: url(../images/ombreBas.gif) repeat-x bottom;
	width: 30px;
	height: 280px;
	margin-left: -30px;
	margin-top: -280px;
	left: 30px;
}

#ombreDroiteBas{
	position: absolute;
	background: url(../images/ombreBas.gif) repeat-x;
	width: 30px;
	height: 280px;
	margin-top: -280px;
	left: 970px;
}
 */  
#menuGauche{ /* Colonne gauche */
	float: left; 
	width: 210px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 50px; 
	min-height: 525px;
}
   
#contenu{ /* Contenu */
   /*margin: 0 12em 1em 16em;*/
   /*padding: 0 1em;*/
	float: left;
	margin-bottom: 20px;
	width: 380px;
}

#user1 {
	width: 380px;
	margin-bottom: 20px;
}

#user2 { /* Les jumpers */ 
	width: 395px;
	margin-bottom: 20px;
}

#user2 img {
	padding-left: 2px;
	padding-right: 4px;
}

#user3 {
	margin-bottom: 15px;
	color: #800000;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#user3 a {
	color: #800000;
	text-decoration:underline;
}

#user3 span {
	padding-right: 13px;
	background: url(../images/filArianne.gif) no-repeat right;	
}

#user5 {
	width: 640px;
	float: left;
}

#user6 {
	width: 210px;
	float: left;
}
   
#user7 {
	width: 210px;
	float: left;
}

#menuDroite { /* Colonne droite */
   float: right; 
   width: 210px;
   margin-bottom: 20px;
   margin-right: 20px;
   margin-left: 50px; 
}

#menuDroite2 {
   width: 190px;
   margin-bottom: 20px;
}

#footer { /* Pied */
   /*clear:all;*/
	float: left;
	background: url("../images/tpl_footer.png") no-repeat #999999;
   	/*margin-right: auto;
	margin-left: auto;*/
	width: 1000px;
	/*height: 314px;*/
	position: absolute;
	margin-left: -30px;
}

#footer-home { /* Pied */
   /*clear:all;*/
	float: left;
	background: url("../images/tpl_footer.png") no-repeat #999999;
   	/*margin-right: auto;
	margin-left: auto;*/
	width: 1000px;
	/*height: 314px;*/
	position: absolute;
	margin-left: 0px; /*BUG FIX*/
	left:0px;
}


#toggled {
	height: 314px;
}

#footer1 { /* Pied */
	margin:45px 0 0 60px;
	padding-bottom:10px;
	background-color: #999999; 
	color: #FFFFFF;
	font-size: 11px;
}

#footer1 a, #footer1 a:hover {
   color: #FFFFFF;
   font-size: 11px;
}

#footerMenu1 {
	background-color: #999999;
}

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

.menuMenuFooter ul {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 180px;
	height: 170px;
}

.menuMenuFooter li {
	list-style: none;
	display: inline-block;
	list-style-position: inside;
	float: left;
	width: 190px;
	margin: 0 0 0 -40px;
}

.menuMenuFooter .item8, .menuMenuFooter .item20, .menuMenuFooter .item55 {
	display: none;
}

.menuMenuFooter li li {
	display: inline-block;
	margin: 0px;
	list-style-position: inside;
	padding-bottom: 2px;
}

.menuMenuFooter li a {
	color: #666666;
	margin-bottom: 10px;
	display: block;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.menuMenuFooter li li a {
	color: #f5f5f5;
	margin-bottom: 2px;
	display: inline;
	font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
}

.menuMenuFooter li li a:hover {
	color: #666666;
	margin-bottom: 2px;
	display: inline;
	background: url(../images/flecheLireLaSuiteGris.gif) no-repeat right;
	padding-right: 15px;
}
/* ---------*/

#footerMenu { /* Menu du pied de page */
	margin: 25px 0 0 50px;
	background-color: #999999;
}

#footerMenu .cadre {
	float: left;
	width: 180px;
}

#footerMenu .cadre h4 {
	color: #666666;
	font-size: 12px;
}

#footerMenu .cadre a {
	color: #f5f5f5;
	font-size: 11px;
	line-height: 15px;
}

#footerMenu .cadre a:hover {
	color: #666666;
	font-size: 11px;
	background: url(../images/flecheLireLaSuiteGris.gif) no-repeat right;
	padding-right: 20px;
}

.clearer {
	clear: both;
}

/* --- MENU MULTIMEDIA --- */

.menuMultimedia ul {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 180px;
	height: 170px;
}

.menuMultimedia li {
	list-style: none;
	display: inline-block;
	list-style-position: inside;
	float: left;
	width: 170px;
	padding-left: 15px;
	background: url(../images/flecheTitreOrange.gif) no-repeat left top;
}

.menuMultimedia li.item74 {
	background: url(../images/flecheTitreViolete.gif) no-repeat left top;
}

.menuMultimedia li.item74 li a:hover {
	color: #7247D5;
	background-image: url(../images/flecheLireLaSuiteViolete.gif);
}

.menuMultimedia li.item73 {
	background: url(../images/flecheTitreJauneF.gif) no-repeat left top;
}

.menuMultimedia li.item73 li a:hover {
	color: #ADB300;
	background-image: url(../images/flecheLireLaSuiteJaune.gif);
}

.menuMultimedia li li {
	display: inline-block;
	margin: 0 0 0 -15px;
	list-style-position: inside;
	padding-bottom: 2px;
	background: none;

}

.menuMultimedia li a {
	color: #333;
	margin-top: -4px;
	margin-bottom: 10px;
	display: block;
	font-size: 14px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

.menuMultimedia li li a {
	color: #666;
	margin-bottom: 2px;
	display: inline;
	font-family: Verdana, Helvetica, Geneva, Arial, sans-serif;
	text-transform: none;
	font-size: 11px;
}

.menuMultimedia li li a:hover {
	list-style-type: none;
	list-style-position: inside;
	color: #e56700;
	font-family:Verdana,Helvetica,Arial,sans-serif;
	font-size:11px;
	background: url('../images/flecheLireLaSuiteOrange.gif') no-repeat right;
	padding-right: 20px;
}

#user5 { 
	margin: 25px 0 0 0;
}



/* --- LES TEXTES --- */
.contentpaneopen .contentheading {
	/*text-transform: uppercase;*/
	font-family: Verdana, Arial, Helvetica, serif;
	font-size: 15px;
	color: #666666;
	margin-bottom: 30px;
	background: url(../images/flecheTitreVerte.gif) no-repeat left;
	padding-left: 20px;
}

//bug avec jevent sur safari
.contentpaneopen tr td {
	//width: 600px;
}

.contentheading h2 {
	margin-bottom: 10px;
}

.contentpaneopen .accroche {
	font-family: Verdana, Arial, Helvetica, serif;
	font-size: 13px;
	color: #107300;
	margin: 10px 0 10px 0;
}

#menuDroite .moduletable h3 {
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, serif;
	font-size: 16px;
	color: #666666;
	margin-bottom: 20px;
	margin-top: 0px;
	background: url(../images/flecheTitreBleu.gif) no-repeat left;
	padding-left: 20px;	
	font-weight: normal;
}

#menuDroite .module-mairie h3 {	
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, serif;
	font-size: 16px;
	color: #666666;
	margin-bottom: 20px;
	margin-top: 0px;
	background: url(../images/flecheTitreJaune.gif) no-repeat left;
	padding-left: 20px;	
	font-weight: normal;
}

#menuDroite2 .moduletable h3 {
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, serif;
	font-size: 16px;
	color: #666666;
	margin-bottom: 20px;
	background: url(../images/flecheTitreJaune.gif) no-repeat left;
	padding-left: 20px;	
	font-weight: normal;
}

#menuGauche .moduletable h3 {
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, serif;
	font-size: 16px;
	color: #666666;
	margin-bottom: 20px;
	margin-top: 0px;
	background: url(../images/flecheTitreRouge.gif) no-repeat left;
	padding-left: 20px;	
	font-weight: normal;
}

#menuGauche .moduletable-categorie {
	margin-bottom: 20px;
}

#menuGauche .moduletable-categorie h3 {
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, serif;
	font-size: 16px;
	color: #666666;
	margin-bottom: 20px;
	margin-top: 0px;
	background: url(../images/flecheTitreGris.gif) no-repeat left;
	padding-left: 20px;	
	font-weight: normal;
}

#menuGauche .moduletable-categorie ul {
	margin: 0px;
	padding: 0px;
}

#menuGauche .moduletable-categorie li {
	font-family: Verdana, Arial, Helvetica, serif;
	font-size: 12px;
	color: #888888;
	list-style-position: inside;
	list-style-type: none;
	height: 25px;
	vertical-align: middle;
	padding-top: 8px;
}

#menuGauche .moduletable-categorie a {
	text-decoration: none;
	color: #888888;
	padding-left: 10px;
}

#menuGauche .moduletable-categorie li:hover {
	background: #cfcfcf url(../images/flecheCategorieH.gif) no-repeat right;
	text-decoration: none;
	color: #333333;
}
#menuGauche .moduletable-categorie li#current:hover a {
	color: #333333;
	background-image: none;
	/*background-color: #e7e7e7;*/
	padding-right: 25px;
	text-decoration: none;	
}


#menuGauche .moduletable-categorie li#current a {
	background: url(../images/flecheCategorieA.gif) no-repeat right;
	padding-left: 20px;
	padding-right: 20px;
	text-decoration: none;
	color: #333333;
}



#menuGauche .mod_placehere h2 {
	color: #9d0000;
	font-family: Verdana, Arial, Helvetica, serif;
	font-weight: normal;
	font-size: 13px;
	margin: 0px 0px 10px 0px;
}

#menuDroite .mod_placehere h2 {
	color: #006398;
	font-family: Verdana, Arial, Helvetica, serif;
	font-weight: normal;
	font-size: 13px;
	margin: 0px 0px 10px 0px;
}

#menuDroite2 .mod_placehere h2 {
	color: #ac9a01;
	font-family: Verdana, Arial, Helvetica, serif;
	font-weight: normal;
	font-size: 13px;
	margin: 0px 0px 10px 0px;
}

#menuDroite .module-mairie h2 {
	color: #ac9a01;
}

.createdate {
	display: block;
	margin: 0px 0 10px 0;
	color: #999999;
	font-size: 11px;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-style: italic;
}

.date {
	display: block;
	margin: 0px 0 10px 0;
	color: #999999;
	font-size: 11px;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-style: italic;	
}

.mod_placehere .mod_placehere_leading, .mod_placehere .mod_placehere_following {
	margin-bottom: 25px;
}

.readon { /* Lire la suite */
	/*display: block;*/
	color: #999999;
	text-decoration: none;
	text-align: right;
	background: url(../images/flecheLireLaSuite.gif) no-repeat right;
	padding-right: 15px;
	margin-top: 10px;
}

#toggle {
	cursor: pointer;
	margin: -10px 50px 0 0;	
}

/*#user5 h3 {        // Ancienne modulation du menu sous forme de menu unique
	text-transform: uppercase;
	color: #333;
	background: url('../images/flecheTitreOrange.gif') no-repeat 0 4px;
	font-family:Verdana,Helvetica,Arial,sans-serif;
	font-size: 14px;
	padding-left:16px;
}

#user5 li , #user5 a {
	list-style-type: none;
	list-style-position: inside;
	color: #666;
	font-family:Verdana,Helvetica,Arial,sans-serif;
	font-size:11px;
}

#user5 a:hover {
	list-style-type: none;
	list-style-position: inside;
	color: #e56700;
	font-family:Verdana,Helvetica,Arial,sans-serif;
	font-size:11px;
	background: url('../images/flecheLireLaSuiteOrange.gif') no-repeat right;
	padding-right: 20px;
}

#user5 ul {
	padding-left: 15px;
}

#user6 h3 {
	text-transform: uppercase;
	color: #333;
	background: url('../images/flecheTitreJauneF.gif') no-repeat 0 4px;
	font-family:Verdana,Helvetica,Arial,sans-serif;
	font-size: 14px;
	padding-left:16px;
}

#user6 li , #user6 a {
	list-style-type: none;
	list-style-position: inside;
	color: #666;
	font-family:Verdana,Helvetica,Arial,sans-serif;
	font-size:11px;
}

#user6 ul {
	padding-left: 15px;
}

#user7 h3 {
	text-transform: uppercase;
	color: #333;
	background: url('../images/flecheTitreViolete.gif') no-repeat 0 4px;
	font-family:Verdana,Helvetica,Arial,sans-serif;
	font-size: 14px;
	padding-left:16px;
}

#user7 li , #user7 a {
	list-style-type: none;
	list-style-position: inside;
	color: #666;
	font-family:Verdana,Helvetica,Arial,sans-serif;
	font-size:11px;
}

#user7 ul {
	padding-left: 15px;
}*/

.mod_events_latest_table .mod_events_latest_first, .mod_events_latest_table .mod_events_latest_date {
	color: #666;	
}
.mod_events_latest_content {
	display:block;
	padding-bottom:10px;
}

table table table.contentpaneopen table td {
	text-align: right;
	width: 300px;
}

table table table.contentpaneopen table td a{
	color: #333;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

p.demandeIntervention {
	color: #333;
	font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;	
	font-size: 11px;
}

p.demandeIntervention span#merci {
	font-size: 16px;
}

h1.titreMerci {
	background:transparent url(../images/flecheTitreGrise.gif) no-repeat scroll left center;
	color:#333333;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:16px;
	font-weight:normal;
	padding:0 0 3px 17px;
	text-transform:uppercase;
}

.mod_events_latest_content a {
	color: #9d0000;
	font-family: Verdana;
	font-size: 13px;
	margin-bottom: 8px;
}

.mod_events_latest_date {
	color: #999999;
	font-family: Georgia;
	font-style: italic;
}

.mod_events_latest_table {
	margin-bottom: 34px;
}

.w-60 { width: 60px; }
.w-70 { width: 70px; }
.w-167 { width: 167px; }
.w-190 { width: 190px; }
.w-200 { width: 200px; }
.w-270 { width: 270px; }
.w-290 { width: 290px; }
.w-595 { width: 595px; }

#logo{	
	left:0;
	position:absolute;
	top:0;
	width:145px;
	height:171px;
	border:0;
}

#footer1 p{
	float:left;
	margin-top:1px;
}
#footer1 .moduletable{
	float:left;	
}
#footer1 #toggle{
	position:absolute; 
	right:0; 
	top:38px;
}
.xmap .contentpaneopen div{
	visibility:hidden;
}
.xmap h2.menutitle {
 	visibility:hidden;
}
.banneritem {
	margin-bottom: 10px;
}
#relative {
	position:relative;	
}	

.image-alignement-gauche {
	float:left;
	margin :5px;
}
.image-alignement-droit {
	float:right;
	margin :5px;
}
.image-2525 {
	width:25px;
	height:25px;	
}
.image-2524 {
	width:25px;
	height:24px;
}
.image-2728 {
	width:27px;
	height:28px;	
}

/*** Classes destinees a etre utilisee dans la gestion du menu pour afficher correctement les colones des categories ***/

.blog2-colonnes td.article_column { 
	width: 310px;	
}

.blog3-colonnes td.article_column { 
	width: 205px;	
}

.readon2-colonnes {
	color: #999999;
	text-decoration: none;
	text-align: right;
	background: url(../images/flecheLireLaSuite.gif) no-repeat right;
	padding-right: 15px;
	margin-top: 10px;
}	

.readon3-colonnes {
	color: #999999;
	text-decoration: none;
	text-align: right;
	background: url(../images/flecheLireLaSuite.gif) no-repeat right;
	padding-right: 15px;
	margin-top: 10px;
}	

/***************************************/

#remositoryfileinfo h2 a img {
	display: none;	
	display: none !important;
	visibility: hidden;
	visibility: hidden !important;
}

.componentheading { 	
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, serif;
	font-size: 16px;
	color: #666666;
	margin-bottom: 20px;
	margin-top: 0px;
	background: url(../images/flecheTitreGris.gif) no-repeat left;
	padding-left: 20px;	
	font-weight: normal;	
}

#menuGauche .moduletable-categorie li#current.item55 a{
	font-size:11px;
}
.blog {
	width:100%;	
}