/***************************/ 
/*** div ecran d'accueil ***/
/***************************/ 
 div#general {
	border-right:1px solid #b0c0d9;
	border-bottom:1px solid #b0c0d9;
	background: #fff url(/php/images/fond_menu_accueil.gif) left top  repeat-y; 	
}
 
 div#entete_h1 {
	background:url(/php/images/bandeau-mairie2.jpg) 0 0 no-repeat;	
}
/**** menu bandeau actuel ****/

div#menu_bandeau table.menu_accueil {
border-bottom:1px solid #b0c0d9;
}

div#menu_bandeau table.menu_accueil td {
border-right:1px solid #b0c0d9;
}


div#contenu2 h4 {  	
	color:#2254A0;
	background-color:#DEE5F1; 	
  	border-top:1px solid #F1EADE;
	border-bottom:1px solid #F1EADE;
	text-indent:0.5em;
  } 
  
 /***************************************/ 
/****  texte image    ***/
/***************************************/ 

div#texte-image p{
padding-left:110px;
}


/************************/ 
  
/*************************/ 
/**   menu de droite    **/
/*************************/ 
div#liste_liens {
	 background-color: #b0c0d9;
	 border:1px solid #b0c0d9;
	
	 /* background: #b0c0d9 url(/php/images/fond_liste_liens.gif) 0% 100% no-repeat; */
 }

 div#liens img.accueil {
 float:left;
 margin:0px 0px 0px 2px;
 border:0px;
 padding:0;
 width:auto; 
 }

  div#liens h3, div#liens h3 a {
 background-color:#DEE5F1;
 }
/**** menu bandeau en standby ****



div#menu_bandeau ul { 
 	background-color:#fff; 
	border-bottom:1px solid #b0c0d9;
	border-right:1px solid #fff;
	border-top:0;
	border-left:0;
}

div#menu_bandeau li { border-left:1px solid #b0c0d9; }

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

	 
 div#titre_rubrique {	
	background:  url(/php/images/picto_mairie.gif) 0px 0px no-repeat;
}


/***********************************************/
/* **** mot du maire et conseil municipal **** */
/***********************************************/

 div#img_mot_du_maire {
clear:both;
float:left;
border:0;
margin:5px;
padding:0;
width:110px;
 }

div#img_mot_du_maire img{
width:100px;
 }
 
p.mot_du_maire {
font: normal 1.1em Arial, Helvetica;
color:#000;
padding:0;
margin:10px 30px 10px 130px;
text-align:justify;
} 


td.elu_img {
width:20%;
text-align:center;
border:0;
}
td.elu_img img {
border:1px solid #C4002C;
padding:2px;
width:85px;
}

td.info_elu {
padding:2px;
}

h5.elu {
font: bold 1.1em Arial, Helvetica;
color:#000;
text-align:left;
border:0;
margin:0;
padding:0;
}

p.elu { 
font:normal 1.1em Arial, Helvetica;
color:#000;
text-align:left;
margin:2px 0 2px 0;
padding:0;
}

p.elu a, dl.liste dd a { 
font:italic 1.1em Arial, Helvetica;
color:#000;
margin:2px 0 2px 0;
padding:0;
text-decoration:underline;
}

p.elu a:hover, dl.liste dd a:hover { 
font:italic 1.1em Arial, Helvetica;
color:#C4002C;
margin:2px 0 2px 0;
padding:0;
}
h5.info_elu {
font:bold 1.1em Arial, Helvetica;
color:#2254A0;
border:0;
margin:10px 0 0 0;
padding:0;
}

p.info_elu { 
font:normal 1.1em Arial, Helvetica;
color:#000;
margin:2px 0 2px 0;
padding:0;
}


div#contenu2 dl.liste {
border:0;
padding:10px;
}

div#contenu2 dl.liste dt {
font: bold 1.1em Arial, Helvetica;
color:#2254A0;
padding:0;
margin:0;
text-align:left;
}

h4.sous-titre_gris {
font: bold 1.1em Arial, Helvetica;
color:#767678;
padding:0;
margin:0;
text-align:left;
}

div#contenu2 dl.liste dd{
font: normal 1.1em Arial, Helvetica;
color:#000;
padding:0;
margin:0 0 2px 0;
text-align:left;
}

div#contenu2 dl.liste dd.bottom{
font: normal 1.1em Arial, Helvetica;
color:#000;
padding:0;
margin:0 0 10px 0;
text-align:left;
border-bottom:1px solid #C4002C;
}


div#liens_visuels table td {
}


/*************************/
/* *** maubeuge magazine *** */
/*************************/
.table_mag {
border-bottom: 1px dotted #ccc;
padding:1px;
margin:0;
width:95%;

}


/**************************/
/********* mairie *********/
/**************************/

  
a.lien_formalites {
font:bold 1.1em Arial, Helvetica;
color:#2254A0;
margin:0;
border:0;
}

div#contenu2 a.lien_formalites:hover {
font:bold 1.1em Arial, Helvetica;
color:#A06E22;
margin:0px;
border:0;
}


/**************************/
/* ***** formalites ***** */
/**************************/
table.formalites {
width:99%;
margin:0;
padding:0.25em;
border-bottom:1px solid #b0c0d9;
}


table.formalites td.nom_demarche {
font:bold 1em Arial, Helvetica;
color:#767678;
margin:0;
padding:0.25em;
width:48%;
text-align:left;
}

table.formalites td a {
font:bold 1em Arial, Helvetica;
color:#767678;
margin:0;
padding:0.25em;
text-align:left;
}

table.formalites td a:hover {
font:bold 1em Arial, Helvetica;
color:#767678;
margin:0;
padding:0.25em;
text-align:left;
}


 div#liens_visuels table td {
  font:normal 1em Arial, Helvetica;
color:#000;
text-align:left;
text-indent:0.5em;
}
 
 div#liens_visuels table td a{
  font:normal 1em Arial, Helvetica;
color:#2254A0;
text-align:left;
text-indent:0.5em;
text-decoration:none;
}

 div#liens_visuels table td a:hover{
  font:normal 1em Arial, Helvetica;
color:#C4002C;
text-align:left;
text-indent:0.5em;
text-decoration:underline;
}
/********************************/
/* *** numero vert *** */
/********************************/

#marge_image {
padding-left:190px;
}

/********************************/
/* *** marches publics *** */
/********************************/
	
dl {	
	margin-top:20px;
	padding:0;
	border:0;
	}

dd {
	font: normal 1.1.1em Arial, Helvetica; 
	color:#3b539d;
	text-align:left;
	margin:0;
	padding:0;
	border:0;
	}


 dt.titre_description, h4.alinea_offre  {
	font: bold 1.1.1em Arial, Helvetica; 
	color:#3b539d;
	text-align:left;
	margin:2px 0 2px 0;
	padding:1px;
	border:0;
	text-decoration:none;
	}
	
	
div#contenu2  h4.alinea_offre {
 font: bold 1.1em Arial, Helvetica; 
 	color:#2254A0;
	background-color:#DEDEDE;
	margin:20px 0 0 0;
	padding:2px;
	}
	
 div#contenu2  p.alinea_offre {
	font: normal 1.1em Arial, Helvetica; 
	color:#3b539d;
	text-align:left;
	margin:5px 50px 5px 2px;
	padding:0;
	border:0;
	text-decoration:none;
	}


 div#contenu2 dt a {
	font: normal 1.1em Arial, Helvetica; 
	color:#3b539d;
	text-align:left;
	margin:0;
	padding:0;
	border:0;
	text-decoration:none;
	}


 div#contenu2 dt a:hover{
	font: normal 1.1em Arial, Helvetica; 
	color:#bf0038;
	text-align:left;
	margin:0;
	padding:0;
	border:0;
	text-decoration:underline;
	}

 div#contenu2 dd.enligne, div#contenu2 dd.cloture, div#contenu2 dd.texte_description {
	font: normal 1.1em Arial, Helvetica; 
	text-align:left;
	margin:2px 0 10px 0;
	padding:0;
	border:0;
	text-indent:1em;
	}
	
		
 div#contenu2 dd.enligne {
	color:#239d46;
	}
	
 div#contenu2 dd.cloture {
	color:#bf0038;
	}

/******************************/
/* ********* arretes ******** */
/******************************/

#arretes_liste {
font: normal 1.1em Arial, Helvetica;
color:#000;
border:0px;
margin:0;
padding:2px;
}

#arretes_liste thead {
font: bold 1.1em Arial, Helvetica;
color:#666;
background-color:#f9f9f9;
margin:0;
padding:2px;
}

#arretes_liste td {
background-color:#FFFFFF
margin:0;
padding:2px;
border-bottom:1px dotted #666;
}

#arretes_liste a {
color:#000;
background-color:#f9f9f9;
margin:0;
padding:2px;
text-decoration:none;
display:block;
}

#arretes_liste a:hover {
color:#f00;
background-color:#f9f9f9;
margin:0;
padding:2px;
text-decoration:underline;
display:block;
}
/******************************/
/* * reservation de salles ** */
/******************************/

div#contenu2 table.reserv_salle {
margin:10px;
text-align:left;
width:95%;
border:0; 
}

div#contenu2 h4.nom_salle {
font: bold 1.2em Arial, Helvetica;
color:#2254A0;
padding:0;
margin:5px 0 2px 10px;	
}

div#contenu2 table.reserv_salle {
margin:2px 10px 20px 10px;
text-align:left;
width:95%;
border:0; 
}

div#contenu2 td.info_salle {
font: normal 1.1em Arial, Helvetica;
color:#666;
text-align:left;
width:60%;
border-bottom:1px solid #ccc; 
}

div#contenu2 td.tarif_salle {
font: normal 1.1em Arial, Helvetica;
color:#000;
text-align:left;
width:40%;
border-bottom:1px solid #ccc; 
}

/*************************/ 
/****  agenda general   ***/
/*************************/ 

div#liens .cadre
{
	border: 0;
	width:126px;
	margin:0;
	padding:0;
}

div#liens .cadre td {
font:normal 1em Arial, Helvetica;
 color:#909092;
border:0;
margin:0;
padding:1px;
text-align:center;
}

 div#liens .cadre td a {
 font:normal 1em Arial, Helvetica;
 background-color:#fff;
 color:#2254A0;
 border:0;
 margin:0;
 padding:1px;
 text-decoration:underline;
 }
 
 div#liens .cadre td a:hover {
 font:normal 1em Arial, Helvetica;
 background-color:#2254A0;
 color:#fff;
 border:0;
 margin:0;
 padding:1px;
text-decoration:underline;
 }

/*************************/ 
/****   bas de page    ***/
/*************************/ 

div#basdepage {
	background: transparent url(/php/images/basdepage_mairie2.gif) right top no-repeat;	
	border:0;
	height:230px;
	padding:-50px 0 0 0 ;
 }