/* CSS Document */

/*  Rollover cliquez ici des marchés   */
a.cliquez { background-image: url('images/cliquez-ici.jpg'); display: block; width: 200px }
a.cliquez:hover { background: url('images/cliquez-ici.jpg') 0 -49px }

/* Puces ul li avec 0 de retrait */
#retraitzero {
margin-left: 10px;
padding:5px;
}


/* Styles d'images */
div.ombre {
background: url('images/ombre.gif') no-repeat bottom right;
clear: right;
float: left; /*  contrôle l'habillage de l'image, left : image à gauche du texte, right : à droite */
margin: 0 0 15px 5px; /* haut droite bas gauche */
padding: 0;
position: relative;
}
 
div.ombre img {
background-color: #ffffff;
border: 1px solid #a9a9a9;
display: block;
margin: -5px 5px 5px -5px; /* haut droite bas gauche */
padding: 4px;
position: static;
}




/* Styles d'écriture */
td {
vertical-align:top;
}

a {
color:#41567b;
text-decoration:none;
}

a:visited {
color:#41567b;
text-decoration:none;
}

a:hover {
color:#cccccc;
text-decoration:none;
}

#titre1 {
font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
font-size:19pt;
color:#41567b;
line-height:40pt;
font-weight:bold;
font-variant:small-caps;
text-align:left;
}

#titre2 {
font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
font-size:14pt;
color:#58585a;
font-weight:bold;
margin-bottom:15px;
margin-top:25px;
}

#titre3 {
font-weight:bold;
text-decoration:underline;
margin-bottom:10px;
margin-top:10px;
}

#texte_contenu {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
color:#58585a;
text-align:justify;
background-color:#ffffff;
width:100%;
}

#important {
font-weight:bold;

}

/* Styles de la liste des CR */
#liste_cr {
margin-left:200px;
}

/* Style du cadre de recherche */
.google_box {
height:1em;
}
.button_ok {
height:20px;
}

/* Style des cadres d'identification du Personnel*/
.ident_box {
height:0.8em;
margin:0;
}


/* Styles de l'encadré Actus */
table#actus {
border:solid #000066 2px;
width:300px;
height:200px;
}

/*Styles du Plan / Vous êtes ici */
div#plan {
color:#58585a;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:right;
}


/* LES MENUS CSS DE GAUCHE */
#menu dl {
margin: 0;
padding:0;
list-style-type:none;
}
#menu dt {
margin: 0;
padding:0;
list-style-type:none;
}
#menu dd {
margin: 0;
padding:0;
list-style-type:none;
}
#menu ul {
margin: 0;
padding:0;
list-style-type:none;
}
#menu li {
margin: 0;
padding:0;
list-style-type:none;
}

dl#menu a {
display:block;
width:160px;
text-decoration:none;
text-align:right;
line-height:8pt;
font-size:10px;
color:#CCCCCC;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

dl#menu a:hover {
text-decoration:underline;
color:#CCCCCC;
}


/*menu qui sommes nous*/
dl#menu a.menu_qui {
background:url(images/menu_qui.jpg) no-repeat 0 0px;
line-height:40px;
width:180px;
}
dl#menu a.menu_qui:hover {
background:url(images/menu_qui.jpg) no-repeat -180px 0px;
}
dl#menu a.menu_com {
background:url(images/menu_com.jpg) no-repeat 0 0px;
width:180px;
line-height:20px;
}
dl#menu a.menu_com:hover {
background:url(images/menu_com.jpg) no-repeat -180px 0px;
}
dl#menu a.menu_vie_com {
background:url(images/menu_vie_com.jpg) no-repeat 0 0px;
width:180px;
line-height:25px;
}
dl#menu a.menu_vie_com:hover {
background:url(images/menu_vie_com.jpg) no-repeat -180px 0px;
}
/*menu dev durable*/
dl#menu a.menu_dev_durable {
background:url(images/menu_dev_durable.jpg) no-repeat 0 0px;
width:180px;
line-height:45px;
}
dl#menu a.menu_dev_durable:hover {
background:url(images/menu_dev_durable.jpg) no-repeat -180px 0px;
}
dl#menu a.menu_agenda21 {
background:url(images/menu_agenda21.jpg) no-repeat 0 0px;
width:180px;
line-height:25px;
}
dl#menu a.menu_agenda21:hover {
background:url(images/menu_agenda21.jpg) no-repeat -180px 0px;
}
dl#menu a.menu_eco_dev {
background:url(images/menu_eco_dev.jpg) no-repeat 0 0px;
width:180px;
line-height:25px;
}
dl#menu a.menu_eco_dev:hover {
background:url(images/menu_eco_dev.jpg) no-repeat -180px 0px;
}
dl#menu a.menu_tri_selectif {
background:url(images/menu_tri_selectif.jpg) no-repeat 0 0px;
width:180px;
line-height:20px;
}
dl#menu a.menu_tri_selectif:hover {
background:url(images/menu_tri_selectif.jpg) no-repeat -180px 0px;
}
dl#menu a.menu_assainissement {
background:url(images/menu_assainissement.jpg) no-repeat 0 0px;
line-height:25px;
width:180px;
}
dl#menu a.menu_assainissement:hover {
background:url(images/menu_assainissement.jpg) no-repeat -180px 0px;
}
/*menu richesse du patrimoine*/
dl#menu a.menu_richesse_pat {
background:url(images/menu_richesse_pat.jpg) no-repeat 0 0px;
width:180px;
line-height:45px;
}
dl#menu a.menu_richesse_pat:hover {
background:url(images/menu_richesse_pat.jpg) no-repeat -180px 0px;
}
dl#menu a.menu_patrimoine {
background:url(images/menu_patrimoine.jpg) no-repeat 0 0px;
width:180px;
line-height:20px;
}
dl#menu a.menu_patrimoine:hover {
background:url(images/menu_patrimoine.jpg) no-repeat -180px 0px;
}
dl#menu a.menu_archeo {
background:url(images/menu_archeo.jpg) no-repeat 0 0px;
width:180px;
line-height:25px;
}
dl#menu a.menu_archeo:hover {
background:url(images/menu_archeo.jpg) no-repeat -180px 0px;
}
dl#menu a.menu_guide_tourist {
background:url(images/menu_guide_tourist.jpg) no-repeat 0 0px;
width:180px;
line-height:20px;
}
dl#menu a.menu_guide_tourist:hover {
background:url(images/menu_guide_tourist.jpg) no-repeat -180px 0px;
}
/*menu qualité de vie */
dl#menu a.menu_qualite_vie {
background:url(images/menu_qualite_vie.jpg) no-repeat 0 0px;
width:180px;
line-height:35px;
}
dl#menu a.menu_qualite_vie:hover {
background:url(images/menu_qualite_vie.jpg) no-repeat -180px 0px;
}
dl#menu a.menu_vie_culture {
background:url(images/menu_vie_culture.jpg) no-repeat 0 0px;
width:180px;
line-height:20px;
}
dl#menu a.menu_vie_culture:hover {
background:url(images/menu_vie_culture.jpg) no-repeat -180px 0px;
}
dl#menu a.menu_urba {
background:url(images/menu_urba.jpg) no-repeat 0 0px;
width:180px;
line-height:25px;
}
dl#menu a.menu_urba:hover {
background:url(images/menu_urba.jpg) no-repeat -180px 0px;
}
dl#menu a.menu_ccnbt_et_vous {
background:url(images/menu_ccnbt_et_vous.jpg) no-repeat 0 0px;
width:180px;
line-height:25px;
}
dl#menu a.menu_ccnbt_et_vous:hover {
background:url(images/menu_ccnbt_et_vous.jpg) no-repeat -180px 0px;
}



/* MENUS DES VILLES + LE MENU AGENDA-REVUE ETC... */
td#menu_villes a.menu_bouz {
display:block;
width:110px;
line-height:35px;
text-decoration:none;
background:url(images/menu_bouz.jpg) no-repeat 0 -35px;
}
td#menu_villes a.menu_loup {
background:url(images/menu_loup.jpg) no-repeat 0 -35px;
display:block;
text-decoration:none;
width:110px;
line-height:35px;
}
td#menu_villes a.menu_meze {
background:url(images/menu_meze.jpg) no-repeat 0 -35px;
display:block;
text-decoration:none;
width:110px;
line-height:35px;
}
td#menu_villes a.menu_mont {
background:url(images/menu_mont.jpg) no-repeat 0 -35px;
display:block;
text-decoration:none;
width:110px;
line-height:35px;
}
td#menu_villes a.menu_pous {
background:url(images/menu_pous.jpg) no-repeat 0 -35px;
display:block;
text-decoration:none;
width:110px;
line-height:35px;
}
td#menu_villes a.menu_ville {
background:url(images/menu_ville.jpg) no-repeat 0 -35px;
display:block;
text-decoration:none;
width:110px;
line-height:35px;
}
/*over ville*/
td#menu_villes a.menu_bouz:hover {
background:url(images/menu_bouz.jpg) no-repeat 0 0px;
}
td#menu_villes a.menu_loup:hover {
background:url(images/menu_loup.jpg) no-repeat 0 0px;
}
td#menu_villes a.menu_meze:hover {
background:url(images/menu_meze.jpg) no-repeat 0 0px;
}
td#menu_villes a.menu_mont:hover {
background:url(images/menu_mont.jpg) no-repeat 0 0px;
}
td#menu_villes a.menu_pous:hover {
background:url(images/menu_pous.jpg) no-repeat 0 0px;
}
td#menu_villes a.menu_ville:hover {
background:url(images/menu_ville.jpg) no-repeat 0 0px;
}
/* Agenda Revue Délib et Marchés */
td#menu_haut a.menu_agenda {
background:url(images/menu_agenda.jpg) no-repeat 0 0px;
display:block;
text-decoration:none;
width:150px;
line-height:40px;
}
td#menu_haut a.menu_revue {
background:url(images/menu_revue.jpg) no-repeat 0 0px;
display:block;
text-decoration:none;
width:150px;
line-height:40px;
}
td#menu_haut a.menu_delib {
background:url(images/menu_delib.jpg) no-repeat 0 0px;
display:block;
text-decoration:none;
width:150px;
line-height:40px;
}
td#menu_haut a.menu_marches {
background:url(images/menu_marches.jpg) no-repeat 0 0px;
display:block;
text-decoration:none;
width:150px;
line-height:40px;
}
/* over menu haut */
td#menu_haut a.menu_agenda:hover {
background:url(images/menu_agenda.jpg) no-repeat 0 -50px;
}
td#menu_haut a.menu_revue:hover {
background:url(images/menu_revue.jpg) no-repeat 0 -50px;
}
td#menu_haut a.menu_delib:hover {
background:url(images/menu_delib.jpg) no-repeat 0 -50px;
}
td#menu_haut a.menu_marches:hover {
background:url(images/menu_marches.jpg) no-repeat 0 -50px;
}