@import url(pub.css);







html {



  filter: expression(document.execCommand("BackgroundImageCache", false, true));



}



body {



    margin: 0;



    padding: 0;



    background: #E0EAEB;



    font-family: arial, sans-serif;



    font-size: 80%;



    text-align: center;



}



/* IE < 7 fix */



form { margin: 0; padding: 0;}











a, a, a:hover {



    color : #FF3600;



}



a:hover { text-decoration : underline; }







/* BLOCS PRINCIPAUX */



.page {



    position : relative;



    text-align: left;



    margin: 0 auto;



    width: 998px;



    border: 1px solid #FFF;



    border-width: 0 1px 0 1px;



    /*overflow : hidden;*/



}



#contenu {



    float: left;



    width: 609px;



    margin-left: 171px;



    overflow : hidden;



}



* html #contenu {



    display: inline;



}







#contenu .central { margin: 15px 0 0 15px; }



#contenu .meteo { margin: 10px 0 0 5px; }







#contenu .plein {



    background: #10698C;



    margin-top: 22px;



}



#contenu.fond_bas { background : url('../../img/kavadenn/fond-annonces-speciales-couverture-bas.png') -47px 650px no-repeat; }



#colonne_gauche {



    float: left;



    width: 170px;



    margin-left: -780px;



}



#colonne_droite {



    float: left;



    width: 218px; /* fix IE <= 6 */



}



div > #colonne_droite { width: 218px; } /* normal */







/* Start Mac IE5 filter \*/



#contenu, #colonne_gauche, #colonne_droite{



    padding-bottom: 32767px !important;



    margin-bottom: -32767px !important;



}



/* End Mac IE5 filter */



#wrapper {



    clear: both;



    float: left;



    width: 998px;



    overflow: hidden; /* This hides the excess padding in non-IE browsers */



}



/* we need this for IE 5.01 - otherwise the wrapper does not expand to the



necessary height (unless fixed, this problem becomes even more acute



weirdness as the method is enhanced */



#wrapper {



    /* Normally a Holly-style hack height: 1% would suffice but that causes



    IE 5.01 to completely collapse the wrapper - instead we float it */



    float: left;



    /* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes



    (I saw it happen many moons ago) makes the width of wrapper too small



    the float: none with the comment is ignored by 5.01,



    5.5 and above see it and carry on about their business



    It's probably fine to just remove it, but it's left here



    just in case that many moons ago problem rears its head again */



    float/**/: none;



}



/* easy clearing */



#wrapper:after {



    content: '[DO NOT LEAVE IT IS NOT REAL]';



    display: block;



    height: 0;



    clear: both;



    visibility: hidden;



}



#wrapper {



    display: inline-block;



}



/*\*/



#wrapper{



    display: block;



}



/* end easy clearing */



#footer {



    clear: both;



}



#tetiere, #footer {







    width: 998px;



}



/* Safari needs this - otherwise the ghost overflow, though painted



correctly obscures links and form elements that by rights should be above it.



An unintended side-effect is that it cause such elements to vanish in IE 5.01



and 5.5, hence the child selector hack */



* > #footer, * > form, * > #notes, * > .output



{



    position: relative;



    z-index: 10;



}







/* source du one true layout:  http://www.fu2k.org/alex/css/onetruelayout/example/interactive?order=2-1-3&width=171-609-218&unit=px&equal_height=1&longest=1&time=1171793541215 */







/* TETIERE */



#tetiere {



    position : relative;



    float: left;



    height: 154px;



    background: #2D9098 url('../../img/kavadenn/tetiere-5.jpg') no-repeat;



}



#tetiere h1 { display: none; }



#tetiere .infos{



    color: #FFF;



    margin-left: -20px;



    padding: 93px 0 0 5px;



    /* FIXME : retour à la ligne sous firefox / linux */



    font-size: 9px;



    width: 250px;



    text-align: center;



    cursor:pointer;



}















#tetiere #tetiere-lien {



    position : static;



    float : left;



    width : auto;



}



























/* COLONNES */



div.page { background: url('../../img/kavadenn/fond-fausses-colonnes.png'); }



#colonne_gauche {



    border-right: 1px solid #0097C9; /* NOTE : ajoute 1 px de largeur */



    font-size: 11px;



    overflow: hidden;



}



#colonne_gauche h3 {



    margin: 12px 0 0 0;



    padding: 8px;



    background: #BEE1E6;



    font-size: 12px;



}



#colonne_gauche h3 img { vertical-align: middle; }



/* couleur pour le texte et les liens */



#colonne_gauche .element { color: #361713; }



#colonne_gauche .element a { color: #361713; }



#colonne_gauche .element p, #colonne_gauche .element h4 {



    font-size: 11px;



    padding: 0 12px;



    margin: 0;



}



#colonne_gauche .element img {



    margin: 0 auto;



}



#colonne_gauche .element .illustration {



     /* FIXME : revoir la largeur du texte */



    text-align: center;



    padding: 0;



    margin-top: 8px;



}



#colonne_gauche .element ul {



    margin: 6px 0;



    padding: 0 12px 1px 12px;



    list-style: none;



}



#colonne_gauche .element li {



    text-indent: 15px;



    padding-left: 1px;



    background: url('../../img/kavadenn/puce-colonne_gauche.png') top left no-repeat;



    margin-bottom: 5px;



}







#colonne_droite {



    padding-top: 30px;



    text-align: center;



}



#colonne_droite div { margin: 10px auto; }



#colonne_droite a { border: 0; }



#colonne_droite a:hover { color: #F62D05 }











/* MENU ONGLETS */



#menu_onglets {



    text-align: left;



    list-style: none;



    margin: 0 0 0 9px;



    padding: 0;



    position: absolute;



    top: 122px;



}



#menu_onglets li, #menu_onglets li:hover {



    float: left;



    margin: 0 2px 0 0;



    background: url('../../img/kavadenn/onglet-slide-gauche.png') top left no-repeat;



    width: auto;



}



#menu_onglets a, #menu_onglets a:hover{



    line-height: 27px;



    padding: 0 .7em;



    font-size: 15px;



    color: #FFF;



    text-indent: -5px;



    margin-left: 6px;



    background: url('../../img/kavadenn/onglet-slide.png') top right no-repeat;



    font-weight: normal;



    display: block;



    border-bottom: none;



    text-decoration : none;



}







#menu_onglets li.courant {



    background: transparent url('../../img/kavadenn/onglet-courant-slide-gauche.png') top left no-repeat;



    position: relative;



    margin-top: -7px;



}



#menu_onglets li.courant a,#menu_onglets li.courant a:hover {



    line-height: 34px;



    /*height: 34px;*/



    background: transparent url('../../img/kavadenn/onglet-courant-slide.png') top right no-repeat;



}







#menu_onglets li.courant a:hover{



line-height: 34px;



}



/* SOUS MENU ONGLETS */



#sous_onglets {



    list-style: none;



    line-height: 27px;



    position: absolute;



    top: 149px;



    background: #FF7800 url('../../img/kavadenn/barre-sous-onglets.png') repeat-x;



    width: 972px; /* 998 ou 972 ?? fix ie <= 6 : box model quircks */



    padding: 0 13px;



    margin: 0;



}



div>#sous_onglets { width: 972px; } /* pour les navigateurs autres que IE <=6 */



#sous_onglets li {



    display: inline;



    border-right: 1px solid #000;



}



#sous_onglets li.last { border: 0;}



#sous_onglets a {



    color: #000;



    padding: 0 4px;



    font-size: 13px;



    position: relative;



    top: -1px;



    line-height: 27px;



    text-decoration : none;



}



#sous_onglets a:hover {



border-bottom: 1px dotted #1B2548;



}



#sous_onglets li.courant a {



    font-weight: bold;



    background: #FFCC50;



}







/* MENU LATERAL */

#traductions

    {

    width:145px;

    margin-top:28px;

    margin-left:18px;

    height:24px;

    }

#traductions img

    {

    padding-left:3px;

    }



#menu {

    margin: 6px 0 0 0; /*margin: 28px 0 0 0;*/

    padding: 0;

    list-style: none;

    padding-left: 8px;

}



#menu a {



    line-height: 25px;



    padding-left: 16px;



    display: block;



    color: #113745; /* couleur : Texte Lagon sombre */



    width: 138px;



}



#menu a { border-bottom: none; text-decoration : none;}



#menu a:hover { color:#F62D05; }



/* chaque menu a un fond de bouton */



#menu li { background: url('../../img/kavadenn/bouton-arrondi.png') no-repeat ; }



#menu li.sous_categorie { background: url('../../img/kavadenn/bouton-sous-menu-a.png') 7px 0 no-repeat; }



#menu li.sous_categorie.courant { background-image: url('../../img/kavadenn/bouton-sous-menu-b.png') }



/* le menu accueil est toujours en gras */



#menu .accueil a { font-weight: bold; }



/* la puce orange des menus qui ont des éléments à l'intérieur */



#menu li.categorie a { background: url('../../img/kavadenn/puce-bouton-menu.png') 7px 8px no-repeat; }







/* LIENS */



a {



  text-decoration: none;



}







a.link_left_col:hover {



  border-bottom: 1px dotted #1B2548;



}



a.link_left_col {



  border-bottom: 1px solid #74C7CC;



}







#colonne_gauche .element li a.:hover { border-bottom: 1px dotted #1B2548; }



a img {



    border: 0;



    vertical-align: middle;



}







/* ACTUALITES */



/* NOTE : le style est étendu selon la page */



#actualites h3 {



    margin: 0;



    padding: 0 0 2px 0;



    color: #176B80;



    text-transform: uppercase;



    font-size: 11px;



    border-bottom: 2px solid #3F3F3F;



}



#actualites h3 img { float: right; }



#actualites ul{



    list-style: none ;



    margin: 0;



    padding: 0;



    font-size: 11px;



}



#actualites a {



    color: #1A2548;



    font-weight: bold;



}



#actualites a:hover {



border-bottom: 1px dotted #1B2548;



}



#actualites .date {



    font-weight: normal;



    margin-right: 2px;



}



#actualites li {



    padding: 2px 3px;



    border-bottom: 1px solid #E0EFF3;



}



#actualites .c0 { background: #D6EAEF; }



#actualites .c1 { background: #B0D7E1; }











/* UTILITAIRES */



.clear {



    clear: both;



    margin: 0;



    padding: 0;



    width: 0;



    height: 0;



    line-height: 0;



    visibility: hidden;



}



.right{



float: right;



}



.clear-line{



clear: both;



}











.spacer {



    float : left;



    clear : both;



    width : 100%;



    height : 0;



    margin: 0;



    padding: 0;



}











/* ZONE DE RECHERCHE */



#recherche {



    position: absolute;



    top: 98px;



    margin-left: 709px;



    width: 288px;



    text-align: center;



    color: #FFF;



    padding-top: 7px;



}



#recherche p { margin: 0; padding: 0; }



#recherche #recherche_q {



    background: white;



    border: 2px inset #AAA;



    padding: 1px 2px;



    width: 150px;



    font-size: 14px;



    color: #113745; /* couleur : Texte Lagon sombre */



    vertical-align: middle;



}



#recherche #recherche_submit {



    width: 100px;



    height: 24px;



    border: 0;



    background: url('../../img/kavadenn/bouton-rechercher.png') 50% 50% no-repeat;



    margin-left: 6px;



    vertical-align: middle;



}



#recherche #recherche_submit b { display: none; }



#recherche #recherche_options, #recherche #recherche_options a {



    color: white;



    font-size: 10px;



    margin: 2px;



}







/* BOUTONS */



.bouton_medium {



    background: url('../../img/kavadenn/bouton-medium.png');



    display: block;



    margin: 0 auto;



    line-height: 30px;



    width: 150px;



    text-indent: 13px;



    color: #666;



    font-weight: bold;



    font-size: 12px;



    white-space: nowrap; /* ne retourne jamais à la ligne */



    text-align: left;



}



a.bouton_medium:hover {



    border-bottom: none;



}



.bouton_medium strong { color: #FF3600; }



.conteneur_boutons {



    text-align: center;



}











/* FOOTER */



#footer {



    border-top: 1px solid #FFF;



    background: #FFF url('../../img/kavadenn/footer-background.png');



    background-repeat: repeat-x;



    text-transform: uppercase;



    height: 90px;



}



#footer #groupe_telegramme {



    position: absolute;



    margin: 20px 0 0 5px;



    text-align: center;



    width: 171px;



    font-size: 10px;



}







#footer #mentions {



    margin: 0;



    padding: 22px 0 0 185px;



    font-size: 10px;



    font-weight: bold;



    list-style: none;



}

#footer #mentions li {



    display: inline;



    margin-right: .5em;



}


#footer #liens {

    margin: 0;
    padding: 22px 0 0 50px;
    font-size: 6px;
    font-weight: bold;
    list-style: none;
	text-transform: none;
	color:#636363;
	text-align:center;
}



#footer #liens li {
    display: inline;
    margin-right: .5em;
	color:#636363;
}

#footer #liens a {

    color: #636363;

}

#footer a {

    color: #000;

}







/* COLONNE DROITE : ENCARTS VENDEURS ET ACHETEURS */



.bloc_infos {



    background : url('../../img/kavadenn/arrondi-haut-bloc-infos.png') top no-repeat;



    color: #3F3F3F;



    width: 197px;



    font-size: 11px;



    text-align: left;



}



.bloc_infos h2 {



    color: #FF3600;



    font-size: 12px;



    margin: 0;



    padding: 10px;



    font-weight: normal;



    padding-left: 66px;



}



.bloc_infos .bas {



    background: #FFF url('../../img/kavadenn/arrondi-bas-bloc-infos.png') bottom no-repeat;



    padding-bottom: 5px;



}



.bloc_infos p {



    padding: 0 10px;



    margin: 0;



 }



.bloc_infos .notes {



    color: #246980; /* FIXME : couleur non présente dans la palette */



    font-style: italic;



}



#vendeurs_publiez.bloc_infos h2 { background: url('../../img/kavadenn/icone-vendeur.png') 10px no-repeat; }



#acheteur_trouvez.bloc_infos h2 { background: url('../../img/kavadenn/icone-acheteur.png') 10px no-repeat; }











.triangle_arrondi, a.triangle_arrondi {



    background: url('../../img/kavadenn/triangle-arrondi.png') no-repeat;



}







.fleche {



  margin-right:4px;



}



/* HACK pour transprence des PNG pour IE */







* html .bouton_arrondi {



background-color: transparent;



background-image: none;



filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../img/kavadenn/bouton-arrondi.png", sizingMethod="crop");



}







* html .triangle_arrondi {



background-color: transparent;



background-image: none;



filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../img/kavadenn/triangle-arrondi.png", sizingMethod="crop");



}







* html a.triangle_arrondi {



background-color: transparent;



background-image: none;



filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../img/kavadenn/triangle-arrondi.png", sizingMethod="crop");



}