body {
font:10px Verdana, Arial, Helvetica, sans-serif;
background-color: white;
margin: 0;
padding: 0;
}
a, h1, h2, td {
margin: 0;
padding: 0;
color: #333333;
font:10px Verdana, Arial, Helvetica, sans-serif;
}
p {
margin: 0;
padding: 0;
color: #333333;
font:10px Verdana, Arial, Helvetica, sans-serif;
}
ul {
margin: 2px;
padding: 0 0 0 20px;
}
td 		{ vertical-align:top; }
.debug 	{ border: 1px solid red; }
a 		{ text-decoration: none; }
a:hover { text-decoration: underline; }

/* STRUCTURE PRINCIPALE */
#mainTab {
background-color:#ede0ad; /* crème */
}
#mainMenu {
background: url(../img/bg_nav.jpg) left top no-repeat;
}
#mainMenu div {
margin-left: 142px;
}
#mainMenu a {
display: block;
padding-left: 11px;
padding-bottom: 14px;
float: left;
}
#mainMenu #menuTxt a.premier {
background: none;
}
#mainMenu #menuTxt a.menuSelected {
color: #a70018;
}
#mainMenu #menuTxt a {
color: #4c5c03; /* vert militaire */
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
/* \*/
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
/* */
background: url(../img/menu_separateur.gif) no-repeat 5px top;
}
#mainMenu #menuTxt a:hover, #mainMenu #menuTxt a.on {
color: #cb061f; /* rouge */
text-decoration: none;
}
#contenu {
padding-left: 10px;
}
/*.basGifPratique { 
background: url(../img/bg_bas_gif_pratique.gif) no-repeat left bottom;
}*/
#espace {
height: 31px;
}
#mainFooter {
background: url(../img/ft_page.gif) no-repeat left top;
height: 33px;
}
#mainFooter div {
margin-top: 11px;
margin-left: 176px;
}
#mainFooter a {
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
color: white;
display: block;
float: left;
margin-left: 19px;
}

/* COMMUN BLOCS */
.blocPetit, .blocMoyen, .blocGrand {
Margin-Bottom: 10Px;
Margin-Right: 10Px;
}
.blocPetit .header, .blocMoyen .header, .blocGrand .header {
height: 33px;
}
.blocPetit .header .titreBloc, .blocMoyen .header .titreBloc, .blocGrand .header .titreBloc {
color: white;
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
float: left;
margin-left: 17px;
margin-top: 5px;
}
.blocPetit .footer, .blocMoyen .footer, .blocGrand .footer {
height: 5px;
background-position: left bottom;
background-repeat: no-repeat;
}
.blocPetit .data, .blocMoyen .data, .blocGrand .data {
padding-left: 16px;
padding-top: 3px;
padding-bottom: 4px;
font:10px Verdana, Arial, Helvetica, sans-serif;
}
.blocPetit a, .blocMoyen a, .blocGrand a {
color: #333333;
font:bold 10px Verdana, Arial, Helvetica, sans-serif;
}
.blocPetit .imprimer a, .blocMoyen .imprimer a, .blocGrand .imprimer a {
color: white;
float: right;
margin: 6px 27px 0 0;
padding: 0 0 2px 23px;
font:bold 10px Verdana, Arial, Helvetica, sans-serif;
background: url(../img/puce_imprimante.gif) no-repeat left 2px;
}
.blocPetit .ligneBas, .blocMoyen .ligneBas, .blocGrand .ligneBas {
padding-bottom: 4px;
}
.blocPetit .ligneBas a, .blocMoyen .ligneBas a, .blocGrand .ligneBas a {
margin-left: 16px;
}
.blocMoyen .ligneBas, .blocGrand .ligneBas { /* pour TOUS les blocs SAUF les PETITS */
padding-right: 16px;
}
.blocPetit h1, .blocMoyen h1, .blocGrand h1 {
color: #001f5e;
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
}
.blocMoyen h1, .blocGrand h1 {
padding-bottom: 3px;
}
.date {
color: #888888;
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
}


a.puceSup, a.puceInfInf, a.puceUp {
padding-left: 15px;
background: url(../img/puce_sup.gif) no-repeat left 2px;
display: block;
}*>a.puceSup {display: inline} /* sinon FireFox créé la zone de survol sur toute la ligne où se trouve le lien */
a.puceInfInf {
background: url(../img/puce_inf_inf.gif) no-repeat left 2px;
float: left;
margin-left: 8px !important;
}*>a.puceInfInf {margin-left: 16px !important}
a.puceUp {
background: url(../img/puce_up.gif) no-repeat left 2px;
float: right;
}
.filAriane {
padding-left: 16px;
padding-top: 8px;
padding-bottom: 11px;
}


/* BLOC PETIT */
.blocPetit { /* ne pas fixer la hauteur des blocs ici mais dans le HTML */
width: 189px;
}

.blocPetit ul {
margin: 0;
padding: 0;
list-style:none;
width: 169px; /* pour IE 5.0 PC */
voice-family: "\"}\""; /* pour les browsers autres IE 5 PC*/
voice-family: inherit;
width: 155px;
}
.debugIE { /* débug le hack précédent sous IE 5.0 PC */ }
.blocPetit li {
margin: 0;
padding: 0;
display: inline; 
line-height: 0;
}
.blocPetit li a {
display: block; /* pour IE 5.0 PC */
width: 100%;
padding-left: 14px;
padding-bottom: 6px;
background: url(../img/puce_sup.gif) no-repeat left 2px; 
/* margin-bottom: 6px; */
}
.blocPetit li a:hover, .blocPetit li.on a {
color: #cb061f; /* rouge */
text-decoration: none;
}
.blocPetit li a.puce01 {
background: url(../img/puce_01_calepin.gif) no-repeat left 2px; 
}
.blocPetit li a.puce01:hover, .blocPetit li.on a.puce01 {
background: url(../img/puce_01_calepin_on.gif) no-repeat left 2px; 
}
.blocPetit li a.puce02 {
background: url(../img/puce_02_cahier.gif) no-repeat left 2px; 
}
.blocPetit li a.puce02:hover, .blocPetit li.on a.puce02 {
background: url(../img/puce_02_cahier_on.gif) no-repeat left 2px; 
}
.blocPetit li a.puce03 {
background: url(../img/puce_03_croix.gif) no-repeat left 2px; 
}
.blocPetit li a.puce03:hover, .blocPetit li.on a.puce03 {
background: url(../img/puce_03_croix_on.gif) no-repeat left 2px; 
}
.blocPetit li a.puce04 {
background: url(../img/puce_04_infos.gif) no-repeat left 2px; 
}
.blocPetit li a.puce04:hover, .blocPetit li.on a.puce04 {
background: url(../img/puce_04_infos_on.gif) no-repeat left 2px; 
}
.blocPetit li a.puce05 {
background: url(../img/puce_05_trombone.gif) no-repeat left 2px; 
}
.blocPetit li a.puce05:hover, .blocPetit li.on a.puce05 {
background: url(../img/puce_05_trombone_on.gif) no-repeat left 2px; 
}
.blocPetit li a.puce06 {
background: url(../img/puce_06_feuille.gif) no-repeat left 2px; 
}
.blocPetit li a.puce06:hover, .blocPetit li.on a.puce06 {
background: url(../img/puce_06_feuille_on.gif) no-repeat left 2px; 
}
.blocPetit li a.puce07 {
background: url(../img/puce_07_notes.gif) no-repeat left 2px; 
}
.blocPetit li a.puce07:hover, .blocPetit li.on a.puce07 {
background: url(../img/puce_07_notes_on.gif) no-repeat left 2px; 
}


/* BLOC MOYEN */
.blocMoyen { /* ne pas fixer la hauteur des blocs ici mais dans le HTML */
width: 581px;
}
/* BLOC GRAND */
.blocGrand { /* ne pas fixer la hauteur des blocs ici mais dans le HTML */
width: 781px;
}
/* BLOC (PETIT) "AGENDA" */
.agenda {
background: url(../img/bg_agenda.gif) repeat-y left top;
}
.agenda .header {
background: url(../img/hd_agenda.gif) no-repeat left top;
}
.agenda .footer {
background-image: url(../img/ft_agenda.gif);
}
.agenda p {
margin-bottom: 10px;
}
/* BLOC (PETIT) "QUOI DE NEUF A GIF" */
.neufGif {
background: url(../img/bg_quoi_de_neuf.gif) repeat-y left top;
}
.neufGif .header {
background: url(../img/hd_quoi_de_neuf.gif) no-repeat left top;
}
.neufGif .footer {
background-image: url(../img/ft_quoi_de_neuf.gif);
}
/* BLOC (PETIT) "GIF PRATIQUE" */
.gifPratique {
background: url(../img/bg_gif_pratique.gif) repeat-y left top;
}
.gifPratique .header {
background: url(../img/hd_gif_pratique.gif) no-repeat left top;
}
.gifPratique .data {
padding-bottom: 1px;
}
.gifPratique .footer {
background-image: url(../img/ft_gif_pratique.gif);
}
/* BLOC (PETIT) "RECHERCHE" */
.recherche {
background: url(../img/bg_recherche.gif) repeat-y left top;
}
.recherche .header {
background: url(../img/hd_recherche.gif) no-repeat left top;
}
.recherche input {
color: #888888;
font: 11px Verdana, Arial, Helvetica, sans-serif;
width: 156px;
padding: 2px;
margin-bottom: 10px;
}
.recherche .data {
padding: 5px;
text-align: center;
}
.recherche .footer {
background-image: url(../img/ft_recherche.gif);
}
/* BLOC (PETIT) "VIE MUNICIPALE ET LOCALE"  */
.blocNav {
background: url(../img/bg_vie_municipale.gif) repeat-y left top;
}
.blocNav .header {
background: url(../img/hd_vie_municipale.gif) no-repeat left top;
}
.blocNav .footer {
background-image: url(../img/ft_vie_municipale.gif);
}
/* BLOC (PETIT) "PENSEZ Y"  */
.pensezY {
background: url(../img/bg_pensez_y.gif) repeat-y left top;
/*height: 113px;*/
margin-bottom: 8px; /* contrairement à tous les autres blocs qui sont à 10px */
}
.pensezY .data {
padding-right: 25px;
color: #333;
}
.pensezY p {
margin-bottom: 8px;
}
.pensezY .header {
background: url(../img/hd_pensez_y.gif) no-repeat left top;
}
.pensezY .footer {
background-image: url(../img/ft_pensez_y.gif);
}
/* BLOC (PETIT) "GIF INFOS"  */
.gifInfos {
background: url(../img/bg_gif_infos.gif) repeat-y left top;
}
.gifInfos .header {
background: url(../img/hd_gif_infos.gif) no-repeat left top;
}
.gifInfos .footer {
background-image: url(../img/ft_gif_infos.gif);
}
.gifInfos .data {
padding-top: 14px;
padding-bottom: 36px;
}
/* BLOC (GRAND) "ZOOM SUR..."  */
.zoomSur {
background: url(../img/bg_zoom_sur.gif) repeat-y left top;
}
.zoomSur .header {
background: url(../img/hd_zoom_sur.gif) no-repeat left top;
}
.zoomSur .footer {
background-image: url(../img/ft_zoom_sur.gif);
}
.zoomSur .data {
padding-right: 16px;
padding-top: 7px;
padding-bottom: 15px;
}
.zoomSur p {
padding-top: 6px;
}
.zoomSur .data a {
text-decoration: underline;
}
.zoomSur .data a:hover {
text-decoration: none;
}
/* BLOC (MOYEN) "A LA UNE DE L'ACTUALITE"  */
.aLaUne {
background: url(../img/bg_a_la_une.gif) repeat-y left top;
height: 320px;
}
.aLaUne .header {
background: url(../img/hd_a_la_une.gif) no-repeat left top;
}
.aLaUne .header div {
color: white;
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
text-align: right;
margin-right: 11px;
margin-top: 6px;
}
.aLaUne .footer {
background-image: url(../img/ft_a_la_une.gif);
}
.aLaUne .data {
padding-right: 16px;
}
.aLaUne .data table {
margin-top: 3px;
}
.aLaUne .data p {
margin-bottom: 12px;
}
.aLaUne .ligneBas a {
float: right;
}
.aLaUne .data img {
border: 1px solid #4c5c03;
margin-right: 17px;
}
/* BLOC (GRAND) "ANNUAIRE" */
.annuaire {
background: url(../img/bg_annuaire.gif) repeat-y left top;
height: 357px;
}
.annuaire .header {
background: url(../img/hd_annuaire.gif) no-repeat left top;
}
.annuaire .footer {
background-image: url(../img/ft_annuaire.gif);
}
.annuaire .filAriane, .annuaire .filAriane a {
color: #ed4b00; /* orange */
}
.annuaire h1 {
margin-bottom: 19px;
}
.annuaire h2 {
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
color: #ed4b00; /* orange */
margin-bottom: 6px;
}
.annuaire .coordonnees {
padding-right: 33px;
}
.annuaire .coordonnees .mail {
color: #a70018;
}
.annuaire .zoneLibre {
color: #888888;
}
.annuaire .data img {
border: 1px solid #001f5e; /* bleu marine */
margin-right: 16px;
margin-top: 3px;
margin-bottom: 18px;
}
.annuaire .ligneBas {
padding-bottom: 15px;
}
.annuaire .puceSup {
margin-top: 10px;
display: block;
}
.annuaire input, .annuaire select {
color: #888888;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
width: 249px;
margin-left: 28px;
}
.annuaire .tabRecherche table {
margin-bottom: 279px;
}
.annuaire .tabRecherche td {
vertical-align: middle;
}
.annuaire .tabRecherche h1 {
margin-bottom: 1px;
}
.annuaire .tabRecherche img {
border: none;
margin: 0 0 0 35px;
}
/* BLOC (GRAND) "SOMMAIRE"  */
.sommaire {
background: url(../img/bg_sommaire.gif) repeat-y left top;
}
.sommaire .header {
background: url(../img/hd_sommaire.gif) no-repeat left top;
}
.sommaire .footer {
background-image: url(../img/ft_sommaire.gif);
}
.sommaire .data {
padding-left: 0;
}
.sommaire .filAriane, .sommaire .filAriane a {
color: #be1a76; /* violet */
}
.sommaire h1 {
margin-bottom: 10px;
margin-left: 16px;
}
.sommaire .wysiwyg {
padding-right: 26px;
padding-left: 16px;
height: 357px;
width: 100%;
}
.sommaire .wysiwyg img {
border: 1px solid #001e5c;
margin-right: 17px;
margin-bottom: 18px;
}
.sommaire #tabSommaire {
margin-bottom: -12px;
}
html>body .sommaire #tabSommaire {
margin-bottom: -10px;
}
.sommaire #tabSommaire td.donnees {
border-top: 1px solid #be1b76; /* violet */
width: 187px;
height: 92px;
}
.sommaire #tabSommaire td.intercell {
width: 72px;
}
.sommaire #tabSommaire h2 {
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
color: #001e5e; /* bleu foncé */
text-transform: uppercase;
margin-top: 15px;
margin-bottom: 3px;
}
.sommaire #tabSommaire .puceSup {
margin-top: 12px;
margin-bottom: 17px;
display: block;
}
/* BLOC (GRAND) "MARCHES PUBLICS"  */
.marchesPublics {
background: url(../img/bg_marches_publics.gif) repeat-y left top;
}
.marchesPublics .header {
background: url(../img/hd_marches_publics.gif) no-repeat left top;
}
.marchesPublics .footer {
background-image: url(../img/ft_marches_publics.gif);
}
.marchesPublics .data {
padding-left: 0;
}
.marchesPublics .filAriane, .marchesPublics .filAriane a {
color: #be1a76; /* violet */
}
.marchesPublics h1 {
margin-bottom: 10px;
margin-left: 16px;
}
.marchesPublics .ligneBas {
padding-bottom: 11px;
padding-top: 11px;
}
.marchesPublics .wysiwyg {
padding-right: 26px;
padding-left: 16px;
height: 357px;
width: 100%;
}
.marchesPublics .wysiwygFLV {
padding-right: 26px;
padding-left: 16px;
height: 35px;
width: 100%;
}
.marchesPublics #documentsLies {
background: url(../img/ft_cadre_gris.gif) no-repeat left bottom;
width: 191px;
margin-right: 17px;
}
.marchesPublics #documentsLies a {
font-weight: normal;
}
.marchesPublics #documentsLies .head {
background: url(../img/hd_cadre_gris.gif) no-repeat left top;
height: 8px;
}
.marchesPublics #documentsLies ul {
margin-left: 0px;
font-weight: bold;
color: #be1a76; /* violet */
width: 145px; 
}
.marchesPublics #documentsLies li {
display: inline; 
}
.marchesPublics #documentsLies li a {
display: block; /* pour IE 5.0 PC */
width: 100%;
padding-left: 27px;
padding-bottom: 6px;
padding-top: 6px;
}
.marchesPublics #documentsLies li a.word {
background: url(../img/puce_word.gif) no-repeat left 50%; 
}
.marchesPublics #documentsLies li a.pdf {
background: url(../img/puce_pdf.gif) no-repeat left 50%; 
}
.marchesPublics #documentsLies li a.xls {
background: url(../img/puce_xls.gif) no-repeat left 50%; 
}
.marchesPublics #documentsLies li a.pwt {
background: url(../img/puce_pwt.gif) no-repeat left 50%; 
}
.marchesPublics #documentsLies li a.zip {
background: url(../img/puce_zip.gif) no-repeat left 50%; 
}
.marchesPublics #documentsLies li a.jpg {
background: url(../img/puce_jpg.gif) no-repeat left 50%; 
}
.marchesPublics #documentsLies li a.misc {
background: url(../img/puce_misc.gif) no-repeat left 50%; 
}
.marchesPublics #documentsLies .poids {
color: #5d5d5d;
font-weight: normal;
}
/* BLOC (GRAND) "AGENDA" */
.agendaGrand {
background: url(../img/bg_agenda_grand.gif) repeat-y left top;
}
.agendaGrand .header {
background: url(../img/hd_agenda_grand.gif) no-repeat left top;
}
.agendaGrand .footer {
background-image: url(../img/ft_agenda_grand.gif);
}
.agendaGrand .filAriane, .agendaGrand .filAriane a {
color: #ff9C00; /* jaune */
}
.agendaGrand .ligneBas {
padding-bottom: 11px;
padding-top: 6px;
}
.agendaGrand .data {
padding-left: 0;
}
.agendaGrand h1 {
margin-bottom: 19px;
margin-left: 16px;
}
.agendaGrand .wysiwyg {
padding-right: 26px;
padding-left: 16px;
height: 353px;
}
.agendaGrand #calendrier {
width: 191px;
margin-right: 17px;
background: url(../img/ft_cadre_gris.gif) no-repeat left bottom;
}
.agendaGrand #calendrier .head {
color: #ff9C00; /* jaune */
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
background: url(../img/hd_cadre_gris.gif) no-repeat left top;
}
.agendaGrand #calendrier td {
text-align:center;
padding: 5px;
font-size: 12px;
}
.agendaGrand #calendrier th, .agendaGrand #calendrier a {
color: #ff9C00; /* jaune */
font-size: 12px;
}

.agendaGrand h2 {
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
color: #001f5e; /* bleu */
margin-bottom: 6px;
}
.agendaGrand .data img {
border: 1px solid #001f5e; /* bleu marine */
margin-right: 16px;
margin-top: 3px;
margin-bottom: 18px;
}
.agendaGrand .puceSup {
margin-top: 10px;
display: block;
}
/* BLOC (GRAND) "ACTUALITES" */
.actualites {
background: url(../img/bg_toutes_les_actus.gif) repeat-y left top;
}
.actualites .header {
background: url(../img/hd_toutes_les_actus.gif) no-repeat left top;
}
.actualites .footer {
background-image: url(../img/ft_toutes_les_actus.gif);
}
.actualites .filAriane, .actualites .filAriane a {
color: #8DAA06; /* vert */
}
.actualites .ligneBas {
padding-bottom: 11px;
padding-top: 4px;
}
.actualites .data {
padding-left: 0;
}
.actualites .wysiwyg {
padding-right: 26px;
padding-left: 16px;
}
.actualites .date {
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
color: #001f5e; /* bleu */
text-align: right;
}
.actualites h2 {
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
color: #001f5e; /* bleu */
margin-bottom: 2px;
text-transform:uppercase;
}
.actualites .data img {
border: 1px solid #001f5e; /* bleu marine */
margin-right: 16px;
margin-top: 3px;
/*margin-bottom: 30px;*/
}
.actualites .puceSup {
margin-top: 10px;
display: block;
}

.bloc_photo { width:185px; margin-bottom:10px; }

.legende { border:1px solid #B2B2B2; border-bottom:none; margin-top:2px; text-align:center; padding:5px 5px 0 5px; }

.photo { border:1px solid #B2B2B2; border-top:none; text-align:center; padding:5px; }

.fnd_top, .fnd_bottom { display:block; width:auto; height:9px; font-size:1px; }
.fnd_top { background: url("/gif/img/bg_bloc_photo_top.gif") no-repeat left top; }
.fnd_bottom { background: url("/gif/img/bg_bloc_photo_bottom.gif") no-repeat left bottom; }

.selectArchive {font:10px Verdana, Arial, Helvetica, sans-serif;background-color: white;margin: 0;padding: 0; width:150px;}

/* NEWSLETTER */

#formNewsletter label { border:none; }
#formNewsletter .lettre1 { margin-top:10px; }
#formNewsletter .lettre2, #formNewsletter .lettre3 { margin-top:5px; }
#formNewsletter .step { margin-top:15px; }
#formNewsletter input.mail { border:1px solid #7C9A00; height:13px; font-size:11px; color:#7C9A00; padding:3px; }
#formNewsletter .numero_step { color:#7C9A00; font-weight:bold; font-size:13px; }

.grisFonce { color:#333333 !important;}



/* page RECHERCHE */

/* page COMARQUAGE */

#comarquageFrame { border: 1px solid #c2c2c2; }