/*
-Mairie de Loos-en-Gohelle
-Stockman Hervé [herve.stockman@loos-en-gohelle.fr]
-Version 1
-24/11/2005
*/


/*-----Gestion de l'organisation de la page-----*/
html, body {
	margin:0;
	padding:0;
}

.entete { /*Bandeau Haut*/
	background: url("http://www.loos-en-gohelle.fr/images/004.gif") no-repeat;
	height: 91px;
	width: 800px;
}
.contenu { /*Conteneur*/ 
	height: 500px;
	width: 780px;
}
.menu2 { /*Menu Gauche*/
	background: url("http://www.loos-en-gohelle.fr/images/MenuGauche.jpg") no-repeat;
	float: left;
	width: 220px;
	height: 455px;
}
#zone1 {    /* zone cliquable rechercher*/
position: absolute;
width : 38px;
height: 38px;
margin-left: 180px;
margin-top: 361px;
}
#zone2 {    /* zone cliquable plan du site*/
position: absolute;
width : 38px;
height: 38px;
margin-left: 171px;
margin-top: 310px;
}
#zone3 {    /* zone cliquable contatc*/
position: absolute;
width : 38px;
height: 38px;
margin-left: 165px;
margin-top: 254px;
}
#zone4 {    /* zone cliquable logo*/
position: absolute;
width : 200px;
height: 90px;
top:0px;
left:0px;
}
.centre { /*Contenu*/

padding-left:7px;
margin-left: 225px;
height: 455px;
width: 510px;

}
.pied { /*Menu bas*/
text-align: center;
height: 60px;
width: 520px;
font-family: Arial, sans-serif;
font-size: 12px;

}

/*Gestion du Menu de navigation principal*/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;

}
#menu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top:110px;
left:2px;
}
#menu {
width: 14em;
font-size : 14px; 

}
#menu dt {
cursor: pointer;
margin: 2px 2px;;
height: 40px;
line-height: 40px;
text-align: left;
font-family:Arial, sans-serif;
background-color: inherit;
color:#006077;

}
#menu li {
font-family:Arial, sans-serif;
background-color: inherit;
color:#006077;
text-align: left;
margin:0px 20px;
font-size : 13px; 
list-style-type:disc;
list-style-position:outside;

}

#menu li a, #menu dt a {
font-family:Arial, sans-serif;
background-color: inherit;
color:#006077;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;

}
/*-----Définit la présentation des paragraphes pour le contenu-----*/

p,td {
font-size : 14px; 
font-weight : normal;
font-family : Arial, sans-serif; 
background-color: inherit;
color : black;
text-align: justify;
}

li{
list-style-type:disc;
font-size : 14px; 
font-weight : normal;
font-family : Arial, sans-serif; 
background-color: inherit;
color : black;
list-style-position:inside;
}

h1 {

font-size : 18px; 
font-weight : normal;
font-family : Arial, sans-serif;
background-color: inherit;
color : #006077; 
background-image:url("http://www.loos-en-gohelle.fr/images/puce.gif");
background-repeat:no-repeat;
background-position:0% 65%;
padding-left:15px;
text-align: left;

}


h1:first-letter { font-size:19px; font-weight:bold;}

h2 {
font-size : 16px; 
font-weight : bold;
font-family : Arial, sans-serif; 
background-color: inherit;
color : #006077;
padding-left:7px;
}

h3 {
font-size : 12px; 

font-family : Arial, sans-serif; 
background-color: inherit;
color : #006077;

}

h5 {
font-size : 9px; 
font-family : Arial, sans-serif; 
background-color: inherit;
color : black;
}

.tableauassoc{
font-size : 14px; 
font-weight : normal;
font-family : Arial, sans-serif; 
color : #006077; 
background-color: inherit;
text-align: justify;
}

.tableaEL {
border-style: solid ; 
border-width: 1px ; 
border-color:#1C98C3 ; 
font-size : 14px; 
font-weight : normal;
font-family : Arial, sans-serif; 
color : #006077; 
background-color: inherit;
text-align: center;
}

.tableaEL td, tr{
border-style: solid ; 
border-width: 1px ; 
border-color:#1C98C3 ; 
font-size : 14px; 
font-weight : normal;
font-family : Arial, sans-serif; 
color : #006077; 
background-color: inherit;
text-align: left;
 }

.tableaEL tddata{
font-size : 14px; 
font-weight : normal;
font-family : Arial, sans-serif; 
color : #006077; 
background-color: inherit;
text-align: left;}

.tableaEL p{
font-size : 14px; 
font-weight : normal;
font-family : Arial, sans-serif; 
color : black; 
background-color: inherit;
text-align: center;}




/*-----Définit les balises de liens hypertextes-----*/
.centre a:link {text-align:center; font-family: Arial, sans-serif; color:#0000CC; text-decoration:underline; background-color: inherit;
}
.centre a:visited {text-align:center; font-family: Arial, sans-serif; color: #0000CC; text-decoration:underline; background-color: inherit;}
.centre a:hover {text-align:center; font-family: Arial, sans-serif; color: #0000CC; text-decoration:none; background-color: inherit;}

.pied a:link {text-align:center; font-family: Arial, sans-serif; color: #0000CC; text-decoration:underline; background-color: inherit;}
.pied a:visited {text-align:center; font-family: Arial, sans-serif; color: #0000CC; text-decoration:underline; background-color: inherit;}
.pied a:hover {text-align:center; font-family: Arial, sans-serif; color:#0000CC; text-decoration:none; background-color: inherit;}
.pied p,td {text-align:center; font-size:90%;font-family: Arial, sans-serif; color:#0000CC; background-color: inherit;}

</style>