@import "bbcode.css";
@import "common.css";
@import "rubriques.css";

/* HEADER */
#top {
    background:white url(../img/css/top-fond.png) no-repeat 0% 0%;
}

#top h1 {
    height: 100px;
    width:160px;
    /* XXX Firefox jump-on-click bug fix */
    margin-top: -50px;
    padding-top: 50px;
}


#top h2 {
    font-size:1em;
    text-transform:uppercase;
    padding:0;
    margin:0;
}
#top ul, #top li {
    margin:0;
    padding:0;
    list-style:square inside;
}

#top-pub {
    position:absolute;
    left:177px;
    top:14px;
}

#top-annonces {
    position:absolute;
    left:422px;
    top:20px;
    width: 100%;
}
#top-annonces li {
    font-size:10px;
}

#top-annonces a {
    color:#000;
    text-decoration:none;
}
#top-annonces a:hover {
    color:#0c82d0;
    background-color:transparent;
}

#top-annonces .count { font-weight:normal; }

/* ZoneIdentification */

#identification {
    position:absolute;
    left:642px;
    top:5px;
    width:135px;
/*    height:70px;*/
    background:#ececec;
}
#identification h2 {
    background:url(../img/css/identification-titre.png) no-repeat 0 0;
    width:135px;
    height:19px;
    text-align:center;
    line-height:18px;
    color:white;
}

#identification ul.menu {
    padding: 3px;
}

#identification p.submit input {
    position:absolute;
    left:85px;
    top:20px;
    height:50px;
    width:50px;
    border:solid 1px #ececec;
    background:#ececec;
}

#identification form a, #identification a.disconnect {
    color:#000;
    text-decoration:underline;
    display:block;
    background-color:white;
    text-align:center;
}

/* Contenu */

#edito {
    width:345px;
    padding:38px 0 0 0;
    background:white url(../img/css/au-top-cette-semaine.png) no-repeat center top;
    border:none;
    float:left;
}
#edito h2 {
    display:none;
}
#edito .primaire {
    border-bottom: solid 1px #d9d9d9;
    height:103px;
    min-height:103px;
    margin:3px;
    padding:0;
    position:relative;
}
body>#wrapper #edito .primaire { height:auto; }

#edito .primaire img {
    position:absolute;
    left:0;
    top:0;
}

#edito .primaire .infos {
    margin-left: 160px;
}

#edito .secondaire {
    height:48px;
    min-height:48px;
    margin:3px;
    padding:0;
    position:relative;
}
body>#wrapper #edito .secondaire { height:auto; }

#edito .secondaire img {
    position:absolute;
    left:0;
    top:0;
}

#edito .secondaire .infos {
    margin-left: 65px;
}

#edito .suite {
    text-align:right;
}

#edito h3, #edito p {
    color: #2d6dad;
    font-size:1em;
    line-height: 1.3em;
    font-weight:normal;
    margin:0; 
    padding:0;
}
#edito h3 { font-weight:bold; }
#edito a {
    color: #2d6dad;
}

#publicite {
    background: transparent url(../img/css/publicite.png) no-repeat left top;
    padding:13px 0 0 0;
    margin:0;
    width:200px;
    float:left;
}

#rubriques {
    border: solid 1px #D9D9D9;
}
* html #rubriques {
    height: 1%;
}

#rubriques h2 {
    overflow:hidden;
    font-size:2px;
    text-indent:-5000em;
    margin:0;
    padding:0;
    height: 0;
}

#rubriques td {
    height: 33%;
    width: 33%;
}

#rubriques .rubrique_separator {
    border-left: solid 1px #D9D9D9;
}

#rubriques #pub_interne #texte-pub {
  margin-left: 12px;
  border: 0;
}
#rubriques .pub_interne {
    width: 100%;
    height: 100%;
    text-align: center;
}

#rubriques .rubrique {
    float:left;
    /* works with Konqueror */
    height: 100% !important;
     /* Mozilla is quite stubborn */
    min-height: 128px;
    width: 100%;
    /* IE6 is, of course, even more dumb */
    height: 128px;
}

#rubriques ul {
    margin:5px 0;
    padding-left: 5%;
    list-style:square inside;
    /*padding:0;*/
}
#rubriques ul li {
    margin:0 5px;
    padding:0;
}
#rubriques ul li a {
    color:#2d6dad;
    text-decoration:none;
}
#rubriques ul li a:hover {
    color:#d24c0d;
    background-color:transparent;
}

.villes {
    float:left;
}
.ville_courante {
    text-align: center;
    position: absolute;
    line-height:29px;
    top: 72% !important;
    left: 25%;
    /* IE needs a little help */
    top: 80%;
}
.ville_courante input {
    /* Fix pour Konqueror */
    display: block;
}
.ville_courante label {
    color: blue;
}


#villes {
    width: 111px;
    float:left;
    background: white url(../img/css/villes-tile.png) repeat-y center;
}
#villes h2 {
    margin:0; padding:0 8px;
    background:transparent url(../img/css/villes-top.png) no-repeat top;
    font:bold 14px/25px "Verdana", sans-serif;
    border-bottom: solid 1px #d9d9d9;
}
#villes .bottom {
    background: transparent url(../img/css/villes-bottom.png) no-repeat center bottom;
    height:7px;
}

#villes ul.pays {
     display:block;
     list-style-type:none;
     margin:0;
     padding:4px;
}

#villes ul.pays a {
    display:block;
    text-transform:uppercase;
    font-weight:bold;
    color:black;
    text-decoration:none;   
    padding:3px 0;
}

#villes ul.villes {
    list-style:square inside;
    padding:0; margin:0;
}
#villes ul.villes a {
    display:inline;
    text-transform:none;   
    font-weight:normal;
}
#villes ul.pays a:hover, 
#villes ul.villes a:hover {
    color:#0c82d0;
    background-color:transparent;
}
#pub-carre {
    width: 300px;
    height: 255px;
}
#pub-petitcarre {
    width: 182px;
    height: 152px;
}
#pub-petitebanniere {
    width: 234px;
    height: 60px;
}
.cgu {
  text-align: left;
  margin: 1em;
}
#top #bonjour {
    text-transform:none;
    background: #000;
}