/* --[ Global ]-- */
* {margin:0px; padding:0px}

html {
  background-image: url(../img/interface/fond_html.jpg);
  background-repeat:repeat-x;
  background-color:#5ab860;
  width:100%;
  font:11px Arial, helvetica, sans-serif;
  color:#666;
  line-height:18px
}

.bleu {color:#1e2b65 !important}
.violet {color:#8a0477 !important}
.rouge {color:#be1228 !important}
.orange {color:#ec7500 !important}
.vert {color:#00920a !important}
.gris {color:#d5d5d5 !important}
.center{text-align:center}

.right {float:right}
.left {float:left}
.clear {clear:both}

img {border:none}
/*p {text-align:justify}*/
em {font-style:normal}

h1 {font-size:20px}
h2 {font-size:14px}
h3 {font-size:13px}
h4 {font-size:12px}


/* ============================================== Classes generale ===============================================================================*/
.video {text-align:center; background-color:#f0f0f0; padding:30px 0px; border:1px #d9d9d9 solid; width:507px; margin:10px 0px}
.videos {width:400px;margin: 20px auto;}
.sous-titre {margin:0px 0px 5px 5px; color:#1e2b65; font-size:14px}
.bordure-verte {border:1px #00920a solid}
.cadran-vert {display:block; background-color:#e4f7e5; border:1px #c1e3c4 solid; margin:10px 5px; padding:10px}

/* ============================================== Gestionnaire de contenu ========================================================================*/
.bordure {padding:4px; background-color:#fff; border:2px #e9e9e9 solid}

/* PARTICULIER */
#txt-particulier a {color:#4e678f}
#txt-particulier a:hover {color:#2c456d; text-decoration:none}
#txt-particulier .chapeau {margin-bottom:10px; display:block; color:#4e678f}
#txt-particulier .soustitre {margin-bottom:5px; display:block; color:#4e678f}
#txt-particulier h1 {
  background-image: url(../img/interface/titre_particulier.gif);
  background-repeat:no-repeat;
  background-position:center left;
  color:#4e678f;
  padding-left:22px;
  margin-bottom:10px
}

/* ELU */
#txt-elu a {color:#750465}
#txt-elu a:hover {color:#34032d; text-decoration:none}
#txt-elu .chapeau {margin-bottom:10px; display:block; color:#750465}
#txt-elu .soustitre {margin-bottom:5px; display:block; color:#750465}
#txt-elu h1 {
  background-image: url(../img/interface/titre_elu.gif);
  background-repeat:no-repeat;
  background-position:center left;
  color:#750465;
  padding-left:22px;
  margin-bottom:10px
}

/* FEMME */
#txt-femme a {color:#af2338}
#txt-femme a:hover {color:#810c1e; text-decoration:none}
#txt-femme .chapeau {margin-bottom:10px; display:block; color:#af2338}
#txt-femme .soustitre {margin-bottom:5px; display:block; color:#af2338}
#txt-femme h1 {
  background-image: url(../img/interface/titre_femme.gif);
  background-repeat:no-repeat;
  background-position:center left;
  color:#af2338;
  padding-left:22px;
  margin-bottom:10px
}

/* JEUNE */
#txt-jeune a {color:#2d3f69}
#txt-jeune a:hover {color:#18274a; text-decoration:none}
#txt-jeune .chapeau {margin-bottom:10px; display:block; color:#2d3f69}
#txt-jeune .soustitre {margin-bottom:5px; display:block; color:#2d3f69}
#txt-jeune h1 {
  background-image: url(../img/interface/titre_jeune.gif);
  background-repeat:no-repeat;
  background-position:center left;
  color:#2d3f69;
  padding-left:22px;
  margin-bottom:10px
}

/* VERT */
#txt-vert a {color:#00920a}
#txt-vert a:hover {color:#045d0a; text-decoration:none}
#txt-vert .chapeau {margin-bottom:10px; display:block; color:#00920a}
#txt-vert .soustitre {margin-bottom:5px; display:block; color:#00920a}
#txt-vert h1 {
  background-image: url(../img/interface/titre_vert.gif);
  background-repeat:no-repeat;
  background-position:center left;
  color:#00920a;
  padding-left:22px;
  margin-bottom:10px
}

.img-droite {width:290px; margin:0px 10px 5px 0px}
.img-gauche {width:290px; margin-left:10px}


/* ============================================== Structure generale ===============================================================================*/
#conteneur {
  background-image: url(../img/interface/fond_contenu.gif);
  width:950px;
  padding-bottom:15px;
  margin:0px auto 0px auto;
}

.fond-menu-gauche,.fond-menu-droite {
  background-color:#fff;
  width:178px;
  margin-left:1px;
  border-left:1px #00920a solid;
  border-right:1px #00920a solid;
}

.fond-menu-droite {width:160px; margin-left:2px}
.bas-menu-droite {margin-left:2px}

#ariane {background-color:#f4f4f4; padding:0px 5px; margin-bottom:10px; height:17px}
#ariane a {color:#666; text-decoration:none}
#ariane a:hover {color:#313131}

#home {margin-right:5px}

#colonne-gauche {width:182px; padding:15px 0px 0px 18px}
#colonne-droite {width:170px; padding:15px 0px 0px 34px}
#colonne-centre {width:505px; margin:16px 0px 0px 35px; /*text-align:justify*/}

#colonne-centre ul {padding:5px 10px 5px 25px; margin:10px 0px; background-color:#f0f0f0; border:1px #d9d9d9 solid}

a.doc {text-decoration:none; border-bottom:2px dotted; margin-left:5px; color:#00920A !important}
a:hover.doc {border-bottom:2px #000 dotted; color:#000 !important}

#pied {
  background-image: url(../img/interface/pied.jpg);
  width:950px;
  height:42px;
  padding-top:8px;
  margin:0px auto 20px auto;
  color:#fff
}
#pied p {text-align:center}

#pied a {color:#fff; text-decoration:none}
#pied a:hover {text-decoration:underline}
a.lien-pied {color:#666 !important; text-decoration:none !important; font-weight:bold}
a:hover.lien-pied {color:#555 !important}


/* ============================================== colonne gauche ===============================================================================*/
#recherches {
  background-image: url(../img/recherches.gif);
  width:175px;
  height:33px;
  padding:20px 0px 0px 7px;
  margin-bottom:15px
}
#ok {display:block; margin-left:3px}
.input-recherches {
  border:1px #b1b1b1 solid;
  color:#666;
  padding-left:3px;
  font-size:11px;
  width:143px;
  height:15px
}

#demarches {
  background-image: url(../img/demarches.gif);
  width:182px;
  height:40px;
  margin-bottom:15px
}
#list-demarches {margin:17px 0px 0px 3px; width:176px !important; font-size:11px; color:#666}

#vous-etes-bas {margin-bottom:15px}
#vous-etes a {
  background-repeat:no-repeat;
  background-position:5px 2px;
  background-color:#efefef;
  display:block;
  width:158px;
  padding:2px 0px 2px 20px;
  border-bottom:1px #fff solid;
  color:#666;
  text-decoration:none;
}
a.particulier {background-image: url(../img/carre_bleu.gif)}
a:hover.particulier {background-color:#bec6d2 !important; color:#fff !important}

a.elu {background-image: url(../img/carre_violet.gif)}
a:hover.elu {background-color:#d9a8d2 !important; color:#fff !important}

a.femme {background-image: url(../img/carre_rouge.gif)}
a:hover.femme {background-color:#f4a7a7 !important; color:#fff !important}

a.jeune {background-image: url(../img/carre_orange.gif)}
a:hover.jeune {background-color:#eac8a7 !important; color:#fff !important}

.centre-interet a {
  background-image: url(../img/fleche1.gif);
  background-position:5px 4px;
  background-repeat:no-repeat;
  background-color:#efefef;
  display:block;
  width:158px;
  padding:2px 0px 2px 20px;
  border-bottom:1px #fff solid;
  color:#666;
  text-decoration:none;
}
.centre-interet a:hover {
  background-image: url(../img/fleche2.gif);
  background-color:#9bd39f;
  color:#fff
}


/* ============================================== colonne droite ===============================================================================*/
.annexes {margin-bottom:5px}
#prefecture a {
  background-color:#94f09a;
  display:block;
  width:150px;
  padding:2px 0px 2px 10px;
  margin-top:1px;
  color:#057d0e;
  text-decoration:none;
}
#prefecture a:hover {background-color:#6eff77; color:#057d0e}

#telechargement {margin:10px 0px 5px 0px; display:block}
#service-public {margin-top:15px; display:block}

#liens {margin-bottom:10px; display:block}
#orga{display:block;margin-top:10px}

#liens-gouv a {
  display:block;
  width:156px;
  border-right:6px #6fd876 solid;
  padding:1px 0px 1px 5px;
  color:#fff;
  background-color:#8cc690;
  margin-bottom:2px;
  text-decoration:none;
}
#liens-gouv a:hover {background-color:#91db96;}


/* ============================================== colonne Centre ===============================================================================*/
/* ============= ACCUEIL ===============*/

#encart_index img{margin-top:10px;margin-bottom:5px;}

#flash {margin-bottom:10px}

a.zoom {
  background-image: url(../img/zoom.gif);
  display:block;
  width:390px;
  height:28px;
  padding:12px 0px 0px 115px;
  margin:5px 0px;
  color:#fff;
  text-decoration:none;
}
a:hover.zoom {background-image: url(../img/zoom_roll.gif); }

a#actualites {
  background-image: url(../img/actualites.jpg);
  display:block;
  width:256px;
  height:43px;
  padding:30px 0px 0px 120px;
  margin:10px 20px 0px 0px;
  color:#00920a;
  text-decoration:none
}
a:hover#actualites {background-image: url(../img/actualites_roll.jpg); }

a#communique {
  background-image: url(../img/communique.jpg);
  display:block;
  width:186px;
  height:43px;
  padding:30px 70px 0px 120px;
  margin:15px 20px 0px 0px;
  line-height:15px;
  color:#4258a0;
  text-decoration:none
}
a:hover#communique {background-image: url(../img/communique_roll.jpg); }

#postit2 {margin-top:5px}

.decouvrez-mayenne {margin:10px 5px 0px 0px}
#acces-batiments {
  background-image: url(../img/acces_batiments.gif);
  display:block;
  width:220px;
  height:69px;
  padding:32px 10px 0px 14px;
  margin:10px 0px 0px 0px;
  line-height:15px
}

#acces-batiments a {
  background-image: url(../img/puce_acces.gif);
  background-repeat:no-repeat;
  background-position:2px 4px;
  color:#fff;
  text-decoration:none;
  padding-left:15px
}
#acces-batiments a:hover {text-decoration:underline}


/* ============= ACTUALITES ===============*/
.actu,.com {margin:10px 0px}

#actu-moteur {
  background-image: url(../img/actu_moteur.gif);
  width:295px;
  height:32px;
  padding:10px 10px 0px 200px;
}
#actu-choix {margin-top:3px; padding:3px 2px 0px 2px; color:#00920a; font-size:11px; height:20px; width:180px}

.actu-titre,.com-titre,.circu-titre {background-color:#9bd39f; color:#fff; border:3px #cbf4ce solid; padding:1px 5px; margin-top:3px}
.actu-contenu img,.com-contenu img,.circu-contenu img {margin-left:10px;}
.actu-contenu,.com-contenu,.circu-contenu  {
  border-left:3px #cbf4ce solid;
  border-right:3px #cbf4ce solid;
  border-bottom:3px #cbf4ce solid;
  padding:10px
}
.actu-contenu h4,.com-contenu h4 {color:#00920a; margin-bottom:5px}

/*.actu-contenu p,.com-contenu p  {width:265px; margin-right:10px}*/
.actu-dl,.com-dl,.circu-dl {
  display:block;
  background-image: url(../img/actu_dl.gif);
  background-repeat:no-repeat;
  background-position:center left;
  padding-left:20px;
  text-decoration:none;
  margin:10px 0px 0px 5px;
}
a:hover.actu-dl {text-decoration:underline !important}

#txt-vert .actu-titre a {color:#fff; font-weight:bold; text-decoration:none}
#txt-vert .actu-titre a:hover {color:#E4F3E6; text-decoration:underline}

#lienArchives{text-decoration:none; padding:2px 2px 2px 20px;background-image:url(../img/fleche1.gif); background-position:5px 6px; background-repeat:no-repeat; background-color:#EFEFEF; margin:5px 0px 0px 0px}
#lienArchives:hover{background-image:url(../img/fleche2.gif);background-color:#9BD39F; color:#fff !important}

/* ============= COMMUNIQUES DE PRESSE ===============*/
#com-moteur {
  background-image: url(../img/com_moteur.gif);
  width:305px;
  height:32px;
  padding:10px 10px 0px 190px;
}
#com-choix {margin:3px 0px 0px 5px; padding:3px 2px 0px 2px; color:#1e2b65; font-size:11px; height:20px; width:180px}

.com-titre {background-color:#8c9fdd; border:3px #cbd6fa solid}
.com-titre a {color:#fff !important}
.com-contenu  {border-left:3px #cbd6fa solid; border-right:3px #cbd6fa solid; border-bottom:3px #cbd6fa solid}
.com-dl,.circu-dl {color:#1e2b65 !important; background-image: url(../img/com_dl.gif);}

a:hover.com-dl {text-decoration:underline !important}


/* ============= CIRCULAIRES ===============*/
#circu-moteur {
  background-image: url(../img/circu_moteur.gif);
  width:435px;
  height:92px;
  padding:10px 10px 0px 60px;
}
#circu-moteur select {display:block; height:20px; font-size:12px}

#circu-choix1 {width:342px; margin:3px 0px 0px 85px; padding:0px 2px; color:#8a0477}
#circu-choix2 {width:180px; margin:8px 0px 0px 10px; color:#8a0477}
#circu-choix3 {width:170px; margin:8px 0px 0px 62px; color:#8a0477}

#circu-rechercher {margin:10px 0px 0px 40px}

.circu-titre {background-color:#8A0477; border:3px #c557b5 solid}
.circu-contenu p {margin-top:5px}
.circu-contenu {border-left:3px #c557b5 solid; border-right:3px #c557b5 solid; border-bottom:3px #c557b5 solid}


/* ============= ANNUAIRE ===============*/
#annuaire {width:505px; text-align:center; border:3px #cbf4ce solid; margin-bottom:10px}
#annuaire a {
  display:block;
  padding:2px 0px;
  background-color:#66b76c;
  color:#fff !important;
  margin:1px;
  text-decoration:none;
  width:250px
}
#annuaire a:hover {background-color:#9bd39f; color:#fff}

.annuaire-liens a {
  display:block;
  background-image: url(../img/annuaire_lien.gif);
  background-repeat:no-repeat;
  background-position:5px 4px;
  background-color:#edf1ff;
  color:#1e2b65 !important;
  text-decoration:none;
  padding-left:20px;
  margin:0px 0px 5px 5px;
  border-right:5px #c8d1f0 solid
}
.annuaire-liens a:hover {background-color:#8a9cd4; color:#fff !important}


/* ============= RECUEIL ===============*/
#recueil-moteur {
  background-image: url(../img/recueil_moteur.gif);
  width:330px;
  height:32px;
  padding:10px 10px 0px 165px;
}
.recueil {width:503px; border:3px #cbf4ce solid; margin-bottom:10px; padding:1px 1px 0px 1px}
.recueil td {padding:1px 5px; border:1px #fff solid;}

.recueil-gauche,.recueil-gauche2 {width:100px; text-align:right; background-color:#66b76c; color:#fff; font-weight:bold}
.recueil-gauche2 {background-color:#7fc884}

.recueil-droite {background-color:#ccf1cf}
.recueil-droite2 {background-color:#e4fae6}

.recueil-annee {width:210px !important}


/* ============= LETTRE D'ACTUALITE ===============*/
#lettre a {
  background-image: url(../img/interface/puce_fleche.gif);
  background-repeat:no-repeat;
  background-position:5px 2px;
  padding:6px 0px 0px 35px;
  display:block;
  margin-bottom:5px;
  height:22px;
  font-weight:bold;
  text-decoration:none;
  background-color:#dbf7dd;
  border:1px #c2eac5 solid
}
#lettre a:hover {background-image: url(../img/interface/puce_fleche_roll.gif); background-color:#c1e9c4}

.titre-lettre {display:block; margin:10px 0px 3px 0px}


/* ============= LIENS UTILES ===============*/
.liens a {
  background-image: url(../img/interface/puce_fleche2.gif);
  background-repeat:no-repeat;
  background-position:5px 2px;
  padding:6px 0px 0px 35px;
  display:block;
  margin-bottom:5px;
  height:22px;
  font-weight:bold;
  text-decoration:none;
  background-color:#dfe5fa;
  border:1px #b6c2e8 solid;
  color:#1e2b65 !important;
}
.liens a:hover {background-image: url(../img/interface/puce_fleche2_roll.gif); background-color:#c8d1f0; color:#101a47}

#liens-moteur {
  background-image: url(../img/liens_moteur.gif);
  width:330px;
  height:31px;
  padding:7px 10px 0px 165px;
}
.liens-thematiques {margin:3px 0px 0px 30px !important; color:#1e2b65 !important}


/* ============= MOTEUR DE RECHERCHE ===============*/
.moteur-cate {
  display:block;
  background-color:#00920A;
  color:#fff;
  padding:2px 5px;
  border:2px #cbf4ce solid;
  margin:20px 0px 5px 0px
}
.moteur-droite2 a {text-decoration:none !important; color:#666 !important}
.moteur-droite1 a {text-decoration:none !important; color:#00920a !important}
.moteur-droite1 a:hover,.moteur-droite2 a:hover {text-decoration:underline !important}

.moteur-gauche1,.moteur-gauche2 {
  background-image: url(../img/interface/moteur_puce1.gif);
  background-repeat:no-repeat;
  background-position:10px 5px;
  background-color:#e4f9e5;
  width:36px;
}
.moteur-gauche2 {background-image: url(../img/interface/moteur_puce2.gif); background-color:#fff}

.moteur-droite1 {padding:2px 10px 2px 5px; background-color:#e4f9e5; width:455px}
.moteur-droite2 {padding:2px 10px 2px 5px}


/* ============= HISTOIRE DE LA PREFECTURE ===============*/
.menu-histoire {
  background-image: url(../img/fond_histoire.gif);
  width:495px;
  height:64px;
  padding:7px 5px 0px 5px;
  text-align:center;
  color:#fff;
  font-size:12px;
  margin-bottom:10px
}
.menu-histoire a{color:#fff !important; margin:0px 5px; text-decoration:none; font-weight:bold; font-size:11px}
.hitoire-actif {border-bottom:3px #fff solid !important}


/* ============= ESPACE DE TELECHARGEMENT ===============*/
.titreh2 {
  background-image: url(../img/interface/titre_telechargement.gif);
  background-repeat:no-repeat;
  background-position:center left;
  color:#666;
  padding-left:22px;
  margin:30px 0px 10px 0px
}

.visuel-hd {
  display:block;
  background-color:#96ACBA;
  border:1px #69889C solid;
  color:#fff !important;
  width:93px;
  padding:0px 5px;
  text-decoration:none
}
a:hover.visuel-hd {background-color:#888}

.vignette {display:block; width:105px; line-height:14px; text-align:center}

.docPdf {
  background-image: url(../img/pdf.gif);
  background-repeat:no-repeat;
  color:#8E0566;
  text-decoration:none;
  padding:3px 0px 0px 45px;
  margin:10px 0px
}
a:hover.docPdf {background-color:#f0f0f0}

.menu1,.menu2,.menu3 {text-decoration:none}
.menu1 {font-weight:bold; color:#FF8737 !important}
.menu2 {font-weight:bold}
.menu3 {color:#666 !important}
.menu3-actif {font-weight:bold; color:#666 !important; text-decoration:none}

/* ============================================== Mentions etc ==========================================================================*/
#leb-img {margin-top:20px}
.fond-infos,.fond-infos2 {background-color:#b5f0ff; margin:5px 0px; padding:5px 0px 5px 20px; width:390px}
.fond-infos2 {background-color:#e0f7fd}

.couleur1 {background-color:#e0f7fd}
.couleur2 {background-color:#b5f0ff}

#extras caption {width:505px; background-color:#0E709B; color:#fff; padding:1px 0px; font-weight:bold}
#extras td {padding:5px 0px}
#extras p{text-align:justify; width:505px}
#extras li{text-align:justify; margin-left:20px}
#extras ul {background-color:#7d7a7a; border:1px #929292 solid; padding:10px}

.annexes h3 {color:#dc9b00;}
.annexes p {display:block; width:580px}
.annexes ul {margin-left:20px}
.annexes li {margin-bottom:5px}

#plan a {display:block; width:580px; padding:5px 0px 5px 5px; background-color:#b5f0ff; margin-bottom:4px; border-right:5px #15749e solid}
#plan a:hover {background-color:#e0f7fd; border-right:5px #dc9b00 solid; color:#dc9b00}


/* Anti destruction du site par Service Public */
#colonne-centre ul { width: none !important;}


#body div.left img {margin-right:10px}
#body div.right img {margin-left:10px}
#body div.clear img {margin:5px 0px}

#body table{margin:10px 0px;border-collapse:collapse;line-height:18px}
#body table caption{color:#fff !important;font-size:8pt}
#body table tr{padding:0;margin:1px 0}
#body table td{padding:5px;margin:0;border:1px solid;background-color:transparent}
#body table thead td{background-color:#294096;color:#fff;font-weight:bold}
#body table tfoot td{background-color:#5AB860;color:#fff}

#body table{color:#8f8f8f}
#body table td{border-color:#d5d5d5}
#body table tr.even{background-color:#e9e9e9}
#body table tr.odd {background-color:#e3e3e3}

#spec #body p.ttl {font-weight:bold;font-size:1.2em}