/* Balises HTML utilisées */
body {background-color: #d2ebff }
input { color: #AA0000; background-color:#AAAACB; border-color: #AA88FF; border-width:2px }
textarea { color: #AA0000; background-color:#AAAACB; border-color: #AA88FF; border-width:2px }
a:link { color: #FF0000; font-family: Helvetica,Arial }
a:hover {background-color: #58DEFF; color: #EE0058; font-family: Helvetica,Arial }
.nav1{ color : #000000; font-size : 12px; font-family: Helvetica,Arial; background-color: #AADDFF}
.nav2{ color : #000000; font-size : 11px; font-family: Helvetica,Arial; background-color: #AADDFF}
/* petites annonces --------------- */
.numero { float:left; width:644px; padding:6px; text-align: center; font-size: 17px; color: black; font-family: Verdana, Arial; letter-spacing: 2px; background-color: #bbbbff;}
.date{ color: #800080; font-weight: bold;}
hr {
clear: both;
width: 100%; align:center;
border: 0; /* enleve toute bordure */
border-bottom: 2px #0000ef solid; /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */
height: 8px; /* pour IE */
}
/* --------------------------- */
/* Balises titres utilisées */
h1{color: #222232; font-size: 20px; letter-spacing: 1px; word-spacing: 12px; font-family: Helvetica,Arial; margin:6px; padding:0; line-height:150%; text-align:center;} /* en remplacement progressif de titre3 */
.bg1 {background-image:url(http://www.pcian.com/mairie/images/fond1.jpg); background-repeat:repeat;}
.titre1 {color: #000080; font-size: 20px; letter-spacing: 1px; font-family: Helvetica,Arial; font-weight: bold }
.titre3 {color: #000000; font-size: 18px; letter-spacing: 1px; font-family: Helvetica,Arial; background-color: #35acff; text-align: center }
.titre3a {font-size: 20px; font-family: Helvetica,Arial; color: #000080; letter-spacing: 3px; font-weight: bold } /* banniere dept du gard */
.titre4 {font-size: 19px; font-family: Helvetica,Arial; color: #000000; letter-spacing: 5px; font-weight: bold} /* page pub uniquement */
.taille1{font-size : 10px; font-family: Helvetica,Arial; color : #080080}
.taille1v{font-size : 10px; font-family: Helvetica,Arial; color : #006650; text-align: left }
.taille2{font-size : 11px; font-family: Helvetica,Arial; color : #000080 }
.taille2a {font-size : 11px; font-family: Helvetica,Arial; color : #000080; background-color: #baccfb }
.taille2b {font-size : 11px; font-family: Helvetica,Arial; color : #000080; background-color: #cbccec }
.taille3{font-size : 12px; font-family: Helvetica,Arial; color : #000080; background-color: #aaddff }
.taille3a{font-size : 12px; font-family: Helvetica,Arial; text-align: justify;}
.taille3c{font-size : 12px; font-family: Helvetica,Arial; color :#000080; text-align: center}
.taille3d{font-size : 13px; font-family: Helvetica,Arial; color : #000080; text-align: center;font-weight: bold}
.taille3e{font-size : 12px; font-family: Helvetica,Arial; color : #000080 }
.taille4{font-size : 16px; font-family: Helvetica,Arial; font-weight: bold } /* page index gard herault uniquement + page bannieres + cartes download*/
.taille4a{font-size : 14px; font-family: Helvetica,Arial; font-weight: bold } /* page petites annonces uniquement */
/* Pages des communes - - - - - - - - - */
/* vignette carte post */
.vignette img{
margin:5px; padding:1px; float:left; border: 2px solid #000000; background-color:#0000ff;}
/* Page accueil gard-herault uniquement */
.deco { border: 2px solid #abc8de; background: #ccdaee;}
/* page d'accueil du gard et herault pavés alphabétiques --------- */
table.case { border: 1px solid #729d55; background: #fffff0; }
.case td {
font-size : 15px; font-family: Helvetica,Arial; font-weight: bold;
display:inline-block;
text-decoration: none;
width:26px;
height:26px;
text-align:center;
vertical-align: middle;
line-height:26px;
background: #ebebc0;
border: 1px solid #0000aa;
text-decoration: none; }
.case td a {
display:inline-block;
width:26px;
height:26px;
text-decoration: none;
background: #ebebc0; }
.case a:visited {
color: #dd0000; }
.case a:hover {
background: #b5b5f8;
color: black; }
.case a:active {
color: black;}
/*------------------------------- */
/* ligne bleue sur petites annonces sur communes --------------------------------- */
.ligne1{border-left: ridge 2px #35ACFF; }
.ligne2{border-top: ridge 2px #35ACFF; border-bottom: ridge 2px #35acff; }
.ligne3{border-bottom: ridge 2px #35ACFF }
.ligne4{border-right: ridge 2px #35ACFF; border-left: ridge 2px #35acff; }
/* cartes postales */
.cartes li img {padding:3px; border:1px solid #442254;}
.cartes li a {font-family: Helvetica,Arial; font-size: 10px; color: #9D50C8;}
.cartes li {
display:inline-block;
background-color: #180622;
vertical-align:top;
text-align:center;
font-family: Helvetica,Arial; font-size: 10px; color: #ccc071;
padding:10px;
margin-top:40px;
margin-right:20px;
zoom:1;
*display: inline; /* IE */
}
.tab1 {width:654px; margin:auto; border-collapse: collapse;}
.tab1 tr {font-size : 11px; font-family: Helvetica,Arial; color: #000080; background-color:#bbdffc; text-align:center;}
.tab1 tr td {padding:6px;}
.ligne5{border: ridge 3px #35ACFF; border-left: ridge 3px #35acff; } /* cartes download uniquement */
.photoborder{padding: 2px; border: 1px solid #000080;} /* contour cartes postales */
.box-v{ position:relative; width:250px; height:340px; background-color: #aaccfc;}
.box-h{ position:relative; width:300px; height:260px; background-color: #aaccfc;}
.box-p{ position:relative; width:560px; height:240px; background-color: #aaccfc;}
.taille2c {font-size : 11px; font-family: Helvetica,Arial; color : #000080;} /* à supprimer */
/* page bon de commande */
.fond1{ background-color: #aaaaaa }
.fond4{ background-color: #ffeedd }
.fond5{ background-color: #bbbbee }
.titre5 {color: #000080; font-size: 20px; letter-spacing: 1px; font-family: Helvetica,Arial; font-weight: bold;}
.taille5{ font-family: Helvetica,Arial; font-size:12px; color: #ffffff }
/* barre de navigation ------------------------------- */
.menu a {
font: 11px Helvetica,Arial;
color: #ff0000;
margin: 2px;
padding-left:6px;
padding-right:6px;
padding-top:1px;
padding-bottom:1px;
text-align: center;
border: 1px solid #0000aa;
text-decoration: none;
background: #aaccfc;}
.menu a:visited {
color: #dd0000;}
.menu a:hover {
background: #b5b5f8;
color: black;
border: 1px solid #ff0000;}
.menu a:active {
color: black;}
/* ------------------------------------------------------ */