


#contentColumn {
    padding: 0 0 19px 0;
}




p.intro {
    padding: 6px 0 6px 50px;
    background: url(../img/arrowFat.gif) 36px 10px no-repeat;
}






/* Liste d'annonce
------------------------------------------------------------------------------*/

.adsList {
    margin-bottom: 14px;
    padding: 3px 0 11px 0;
}

.adsList h2 {
    color: #CC0000;
    font-size: 1.2em;
    font-weight: bold;
    padding: 0 0 0 17px;
    margin: 0;
}

.adsList ul {
    padding: 0;
    margin: 0;
}

.adsList li {
    float: left;
    clear: none;
    width: 204px;
    background: #F5F5F5;
    margin: 8px 8px 0 8px;
    padding: 6px 0 0 0;
    text-align: center;
}

.adsList li.breakLine {
    display: block;
    float: none;
    clear: both;
    width: 100%;
    height: 16px;
    padding: 0;
    margin : 0;
    background: transparent;
}

.adsList h3 {
    float: none;
    display: block;
    overflow: hidden;
    clear: both;
    width: 186px;
    background: url(../img/adTitle.gif) 0 0 no-repeat;
    text-align: center;
    padding: 7px 0 9px 0;
    margin: 0 auto 5px auto;
    text-transform: uppercase;
    font-size: 1em;
}

.adsList h3 a {
    color: #fff;
    font-weight: bold;
    font-size: .9em;
}
    
.adsList img {
    margin: 0 auto;
    border: 1px solid #dadada;
}

.adsList h4 {
    margin: 0 auto;
    padding: 8px 0 0 3px;
    text-align: left;
    width: 186px;
    font-size: 1em;
}

.adsList h4 a {
    color: #CC0000;
    font-weight: normal;
    font-size: .9em;
}

.adsList p {
    margin: 0 auto;
    text-align: left;
    color: #373737;
    width: 186px;
    font-size: .9em;
}

.adsList em {
    
}

.adsList strong {
    display: block;
    clear: both;
    padding: 0 0 13px 0;
}

.adsList p.categoryLink {
    margin: 0 auto;
    width: 186px;
    background: #F5F5F5 url(../img/square.gif) 13px 11px no-repeat;
    border-top: 3px solid #fff;
    text-align: left;
    padding: 4px 0 4px 29px;
}


#monthSelection {
    /*background: #E0E0E0;*/
}

#monthSelection p.categoryLink {
    border-top: 3px solid #E0E0E0;
}

#monthSelection li {
   border: 1px solid #E0E0E0;
}


/* Leviers de navigation
------------------------------------------------------------------------------*/

.contentList {
    width: 100%;
    padding: 20px 0 10px 0;
}


.contentChooser {
    position: relative;
    float: left;
    clear: none;
    width: 212px;
    margin: 0 11px 0 0;
    padding: 0;
}

.contentChooser h4 {
    background: url(../img/chooserTitleBg1b.gif) 0 0 no-repeat;
    width: 100%;
    height: 78px;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    font-size: 1em;
    text-transform: uppercase;
}

.contentChooser h4 a {
    display: block;
    padding: 17px 0 0 65px;
    color: #fff;
    font-size: 1.2em;
    line-height: 100%;
    text-align: left;
    text-decoration: none;
    background: transparent;
}
.contentChooser h4 a:hover { background: transparent; }

.image1 h4 { background-image: url(../img/chooserTitleBg1b.gif); }
.image2 h4 { background-image: url(../img/chooserTitleBg2b.gif); }
.image3 h4 { background-image: url(../img/chooserTitleBg3b.gif); }


.contentChooser ul {
    float: left;
    clear: both;
    width: 100%;
    height: auto;
    padding: 0 0 12px 0;
    background: url(../img/chooserFooter.gif) bottom left no-repeat;
}

.contentChooser li {
    float: left;
    clear: both;
    width: 100%;
    height: 23px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    background: url(../img/chooserBg4.gif) top left repeat-y;
}

.contentChooser li.alt {
    width: 100%;
    height: 18px;
    padding: 0;
    margin: 0;
    background: url(../img/chooserBg4b.gif) top left no-repeat;
}

.contentChooser a {
    float: left;
    clear: both;
    width: 135px;
    color: #fff;
    margin: 0;
    padding: 7px 11px 0 0;
    height: 23px;
    line-height: 100%;
    text-align: right;
    text-transform: uppercase;
    text-decoration: none;
    font-size: .75em;
    color: #575757;
}

.contentChooser li.big a {
    padding-top: 3px;
}

* html .contentChooser a {
    width: 146px;
}

.contentChooser a.actif,
.contentChooser a:hover {
    text-decoration: none;
    color: #fff;
    background: url(../img/chooserMaker2.gif) top right no-repeat;
}

.image1 a.actif,
.image1  a:hover { background: url(../img/chooserMaker3.gif) top right no-repeat; }

.image3 a.actif,
.image3  a:hover { background: url(../img/chooserMaker4.gif) top right no-repeat; }


.contentChooser .mark {
    position: absolute;
    top: 78px;
    right: 12px;
    display: none;
    width: 52px;
    height: 25px;
    cursor: pointer;
    background: url(../img/chooserCursor.png) top left no-repeat;
}

* html .contentChooser .mark {
    background: url(../img/JDE.gif) top left no-repeat;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/chooserCursor.png", sizingMethod="scale");
}

.contentChooser:hover .mark,
.show .mark {
    display: block;
}




/* Nouvelle zone de recherche
------------------------------------------------------------------------------*/

.boiteRecherche {
   display: block;
   clear: both;
   width: auto;
   overflow: hidden;
   margin: 0 0 16px 0;
   padding: 16px 8px 16px 5px;
   background: #E0E0E0;
   border: 1px solid #D8D8D8;
}


.boiteRecherche p.intro {
   display: block;
   clear: both;
   width: auto;
   overflow: hidden;
   margin: 0;
   padding: 0 0 8px 17px;
   color: #000;
   font-weight: bold;
   font-size: .9em;
   background: transparent;
}


.boiteRecherche .champTexte {
   float: left;
   clear: none;
   width: 330px;
   color: #A4A3A3;
   font-size: 1em;
   background: #fff url(../img/pictoSearch.gif) 4px 3px no-repeat;
   border: 2px solid #C5C5C5;
   margin: 0 16px 0 13px;
   padding: 2px 0 2px 28px;
}



.boiteRecherche select {
   float: left;
   clear: none;
   width: 260px;
   /*color: #A4A3A3;*/
   color:#000;
   font-size: 1em;
   background: #fff;
   border: 2px solid #C5C5C5;
   margin: 0;
   padding: 1px 0 1px 0;
}

.boiteRecherche .button {
   float: right;
   margin-top: 8px;
}

.boiteRecherche .liens {
   float: left;
   clear: none;
   width: 370px;
   font-size: 1em;
   line-height: 130%;
   margin: 0;
   padding: 4px 0 0 17px;
}

.boiteRecherche .liens a {
   color: #373737;
   font-size: .85em;
   text-decoration: underline;
}









