/*
Theme Name: Annonces
Theme URI: 
Description: Thème pour site d'annonces
Version: 1.0
Author: Youssef Ben Othman
*/
* { margin: 0; padding: 0; }

html { font-size: 100%; }
body { font-size: 1em; font-family: Verdana, sans-serif; text-align: center; }

img { border: none; }

form fieldset { border: none; }
form legend { padding-left: 15px; }
form select { background: #fff; }

form.ajaxForm { display: none; position: relative; margin: 10px; }
form.ajaxForm fieldset div { padding: 7px 0; }
form.ajaxForm label { display: block }
form.ajaxForm p { clear: both; margin: 0 4% 0 0; text-align: right; }
form.ajaxForm p input { margin-left: 8px; }

ol, ul { padding-left: 25px; }
ul { list-style-type: none; }

p { margin: 1em 0; }
p, li { font-size: .9em; line-height: 1.7em; letter-spacing: -1px; }

p.submit { margin: 0; font-size: 15px; text-align: center; }
p.submit input, p.submit input:focus, input.submit, input.submit:focus { padding: 0.25em; }

.clear { clear: both; height: 1px; font-size: 1px; visibility: hidden; }
.simpleClear { clear: both; }

.titreEnImage, .titreEnImageArrondis { padding: 2px 0; height: 21px; font-size: 15px; font-family: "Trebuchet MS"; font-weight: bold; text-align: center; cursor: default; }

.titreEnImageArrondis { position: relative; }
.titreEnImageArrondis .arrondisGauche, .titreEnImageArrondis .arrondisDroit { width: 9px; height: 25px; position: absolute; top: -1px; }
.titreEnImageArrondis .arrondisGauche { left: -1px; background: transparent url(images/arrondis-gauche.gif) no-repeat top left; }
.titreEnImageArrondis .arrondisDroit { right: -1px; background: transparent url(images/arrondis-droit.gif) no-repeat top right; }

#popup .titreEnImage, #popup .titreEnImageArrondis { border: 2px solid #000; border-bottom: none; }
#popup #popupContent { overflow: auto; border: 2px solid #000; text-align: left; background-color: #fff; }
#popup #popupContent .ajaxForm { display: block; }

#rap { position: relative; margin: 1px auto; width: 1000px; text-align: left; }

#bandeau { width: 1000px; height: 5px; text-align: right; font-size: 0.7em; line-height: 1.2em; padding-top: 5px; padding-bottom: 8px; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;  background-color: #83b4d8;}

#header { position: relative; height: 120px; background: transparent url(images/header.gif) no-repeat bottom left; }
#header h1 a { position: absolute; top: 0; left: 10px; }

#nav { position: absolute; top: 82px; left: -10px; z-index: 20; height: 34px; }
#nav li { float: left; height: 34px; line-height: 34px; font-size: 14px; }
#nav li a { display: block; padding-left: 15px; padding-right: 19px; font-weight: bold; }
#nav #popupDeposer { position: absolute; z-index: 30; left: 110px; bottom: 22px; width: 205px; height: 92px; text-align: center; background: transparent url(images/bulle.gif) no-repeat top center; }

#banniereHeader { position: absolute; top: 5px; right: 5px; }
#banniereHeader img { border: 1px solid #000; background-color: #fff; }


#page { display: inline; float: right; margin: 4px 128px 0 4px; width: 728px; }


.colonne { display: inline; }
.colonne div { margin: 0 0 4px; }
.colonne ul, #menu form { padding: 0; border: 1px solid #000; border-top: none; }
.colonne ul li { display: inline; font-size: 12px; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; letter-spacing: 0; }
.colonne ul li a{ display: block; padding: 1px 8px 1px 12px; }

#menu { display: inline; float: left; margin: 4px 0 0 4px; width: 136px; }
#menu #autres-categories-dynamique h2 { cursor: pointer; }
#menu #autres-categories-dynamique h2.titreAutres { border: none; background-color: transparent; background-image: url(images/autres.gif); }
#menu #autres-categories-dynamique h2:hover, #menu #autres-categories-dynamique h2.hover { text-decoration: underline; }
#liste-autres-categories-dynamique { padding: 0; width: 480px; height: 375px; }
#liste-autres-categories-dynamique li { display: inline; float: left; margin-left: 15px; padding-left: 15px; width: 90px; background: transparent url(images/puce-carre.gif) no-repeat center left; }

#liens { position: absolute; right: 4px; top: 124px; z-index: 10; width: 120px; }
#liens ul li a { padding: 2px; font-size: 13px; text-align: center; }

#liens #banniereLaterale  { margin: 0; }
#liens #banniereLaterale img { width: 120px; border: 1px solid #000; background-color: #fff; }


.listeAnnonces { display: inline;  float: left; width: 155px; height: 185px; margin: 5px 6px 0; font-size: .75em; text-align: center; }
.listeAnnonces .imageAnnonce { height: 122px; line-height: 122px; }
.listeAnnonces .imageAnnonce img { vertical-align: bottom; border: 1px solid #372776; }
.listeAnnonces .titreAnnonce { font-size: 1.2em; }
.listeAnnonces .prixAnnonce { font-size: 1.1em; font-weight: bold; color: #ff0000; }

.listeAnnoncespub2 { display: inline; float: left; width: 133px; height: 185px; font-size: .7em; text-align: center; background-color: #376880;}
.listeAnnoncespub2 .imageAnnonce {  height: 122px; line-height: 122px; }
.listeAnnoncespub2 .imageAnnonce img { width: 131px; vertical-align: bottom; border: 1px solid #372776; }
.listeAnnoncespub2 .titreAnnonce { font-size: 1.2em; }
.listeAnnoncespub2 .prixAnnonce { font-size: 1.1em; font-weight: bold; color: #c24646; }

.pagination { clear: both; padding: 10px 0; line-height: 20px; font-size: 14px; }
.pagination li { display: inline; }
.pagination li a, .pagination li strong, .pagination li span { float: left; margin: 2px 4px; padding: 0 6px; }
.pagination li.inactif span, .pagination li strong { cursor: default; }
.pagination li.saut span { padding: 0 12px; border: none; letter-spacing: 2px; }




#Teteannonceseule    h1{ font-size: 1.2em; font-family: "Trebuchet MS"; border: 1px solid #376880; background-color: #ffb917;text-align: center;}



#annonceSeule { position: relative; border: 1px solid #000; border-top: none; font-family: "Trebuchet MS"; }

#annonceSeule .imageAnnonce { position: relative; float: right; width: 326px; border-left: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; text-align: center; }
#annonceSeule .imageAnnonce img { border: 1px solid #372776; }
#annonceSeule .grandeImage { height: 315px; }
#annonceSeule .grandeImage img { margin-top: 40px; vertical-align: bottom; }
#annonceSeule .petitesImages { padding: 0 6px; width: 313px; height: 146px; overflow: auto; white-space: nowrap; }
#annonceSeule .petitesImages img { margin: 3px; vertical-align: top; }
#annonceSeule #test  { height: 273px; margin-top: 20px; vertical-align: center; }


#annonceSeule .infosAnnonce { margin-right: 326px; padding: 5px 0 20px; border-right: 1px solid #cdcdcd; }
#annonceSeule .infosAnnonce ul { padding-left: 10px; }
#annonceSeule .infosAnnonce li { display: inline; float: left; padding-left: 10px; width: 46%; letter-spacing: 1px; font-size: 12px; font-family: Georgia; background: transparent url(images/puce.gif) no-repeat center left; }
#annonceSeule .infosAnnonce li strong { font-family: "Trebuchet MS"; font-size: 14px; }

#annonceSeule .infosAnnonce .prixAnnonce { color: #ff0000 ; font-weight: bold;}
#annonceSeule .infosAnnonce .clear { clear: left; height: 8px; }

#annonceSeule .optionsAnnonce { margin-right: 326px; padding-bottom: 20px; border-right: 1px solid #cdcdcd; }
#annonceSeule .optionsAnnonce, #annonceSeule .descriptionAnnonce { padding-top: 10px; border-top: 1px solid #cdcdcd; }
#annonceSeule .optionsAnnonce dt, #annonceSeule .descriptionAnnonce dt { display: inline; position: relative; bottom: 20px; left: 15px; z-index: 5; padding: 4px 6px; border: 1px solid #cdcdcd; font-size: 13px; font-weight: bold; background-color: #fff; }
#annonceSeule .optionsAnnonce dd, #annonceSeule .descriptionAnnonce dd { font-size: 12px; letter-spacing: 1px; }
#annonceSeule .optionsAnnonce dd { display: inline; float: left; margin-left: 10px; padding-left: 20px; width: 150px; font-family: Georgia; color: #bbb; }
#annonceSeule .optionsAnnonce dd.selected { background: no-repeat url(images/ticked.gif) center left; color: #000; }
#annonceSeule .descriptionAnnonce dd { margin: 0 0 7px; padding: 2px 4px 2px 8px; line-height: 1.3em; font-size: 1em; }
#annonceSeule .descriptionAnnonce dd p, #annonceSeule .descriptionAnnonce dd li { font-size: 1.1em; }
#annonceSeule .optionsAnnonce .clear { clear: left; height: 8px; }

#annonceSeule #lienPro { padding-top: 15px; }
#annonceSeule #lienPro a { text-decoration: underline; color: #ad0000; }

#annonceSeule #liensPratiques { display: none; padding-left: 0; height: 1.5em; border-top: 1px solid #cdcdcd; }
#annonceSeule #liensPratiques li { float: left; width: 230px; height: 1.6em; text-align: center; }
#annonceSeule #liensPratiques #favoris { border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; }
#annonceSeule #liensPratiques #eaua { float: right; }
#annonceSeule #liensPratiques li a { padding-left: 20px; background: no-repeat center left; }
#annonceSeule #liensPratiques li#clv a { background-image: url(images/telephone.gif); }
#annonceSeule #liensPratiques li#favoris a { background-image: url(images/favoris.gif); }
#annonceSeule #liensPratiques li#eaua a { background-image: url(images/email.gif); }

#annonceSeule .dateAnnonce { clear: both; margin: 0; padding: 4px 0 4px 10px; border-top: 1px solid #cdcdcd; font-size: .8em; text-align: center; color: #7b7b7b; }

#annonceSeule #prec-suiv { position: absolute; top: -23px; padding: 0; } #annonceSeule #prec-suiv li { margin: 0 5px; width: 18px; }
#annonceSeule #prec-suiv #prec { float: left; } #annonceSeule #prec-suiv #suiv { float: right; }

#contacterLeVendeur #infosAcheteur, #contacterPro #infosAcheteur { float: left; margin-top: .2em; width: 55%; }
#contacterLeVendeur #infosAcheteur label, #contacterPro #infosAcheteur label { float: left; width: 40%; }
#contacterLeVendeur #infosAcheteur input, #contacterPro #infosAcheteur input { width: 45%; }
#contacterLeVendeur #messagePourVendeur label, #contacterPro #messagePourVendeur label { margin-bottom: .5em; }
#contacterLeVendeur #messagePourVendeur textarea, #contacterPro #messagePourVendeur textarea { width: 90%; }
#contacterLeVendeur #numerosVendeur { margin-top: 15px; }
#contacterLeVendeur #numerosVendeur dl dt { clear: left; float: left; margin: 0 8px; width: 200px; border-bottom: 1px dashed #cdcdcd; }
#contacterLeVendeur #numerosVendeur dl dt, #contacterLeVendeur #numerosVendeur dl dd { padding: 4px 0; }

#envoyerAmi #infosExpediteur { float: left; width: 50%; }
#envoyerAmi label { float: left; width: 30%; }

#autresAnnonces { margin: 0px 0 10px; border: 1px solid #ababab; }


#informationsPro { position: relative; display: inline; float: right; margin: 6px 6px 0 6px; width: 332px; border: 1px solid #000; }
#informationsPro dl { border-top: none; line-height: 1.3em; font-family: "Trebuchet MS"; }
#informationsPro dl dt { float: left; clear: both; margin-left: 5px; width: 130px; height: 1.3em; font-weight: bold; }
#informationsPro dl dd { float: right; clear: right; width: 195px; }
#informationsPro p { clear: both; margin: 0; padding: 8px 0; text-align: center; }

#sep-recherche { margin: 1.5em 0 }


#pubAccueil, #texteAccueil { float: right; width: 214px; text-align: center; }
#pubAccueil { border: 1px solid #000; }

.pubAccueil2 {  float: right; width: 696px; text-align: left; background-color: #fff; border: 1px solid #000; font-size:0.9em}
.pubAccueil2  .texte{  float: right; width: 345px; text-align: left; background-color: #fff; font-size:0.9em}



#rechercheAvecCarte #pubAccueil { height: 376px; } #rechercheSansCarte #pubAccueil { height: 293px; }

#texteAccueil #acheterVendre { position: relative; width: 214px; height: 128px; overflow: hidden; }
#texteAccueil ul { position: absolute; top: 0; left: 0; padding: 0; width: 214px; height: 128px; background-color: #fff; }
#texteAccueil ul.enCours { z-index: 20; }
#texteAccueil ul li { height: 64px; } #texteAccueil ul #vendre-ancienVisiteur, #texteAccueil ul #vendre-nouveauVisiteur { height: 45px; }
#texteAccueil ul #annuler { position: absolute; bottom: 2px; left: 0; width: 214px; height: auto; text-align: center; }

#texteAccueil p { margin: 0; padding: 2px; line-height: 1.4em; border: 1px solid #000; }

#index-searchform { margin-bottom: 20px; }
#index-searchform .titreEnImage, #index-searchform .titreEnImageArrondis, #index-searchform .champsAnnonce { width: 476px; }
.champsAnnonce { padding: 5px 0; border: 1px solid #000; border-top: none; }
.champsAnnonce fieldset { font-size: .85em; }

.champsAnnonce #champsAnnonce1, .champsAnnonce #champsAnnonce2 { margin: 0 5px; }

.champsAnnonce #champsAnnonce1 div, .champsAnnonce #champsAnnonce2 div { float: left; width: 33%; height: 3.4em; }
.champsAnnonce #champsAnnonce3 div { padding: 0.3em 0; }

.champsAnnonce fieldset label { display: block; font-weight: bold; }
.champsAnnonce #champsAnnonce1 label, .champsAnnonce #champsAnnonce2 label { padding-bottom: 2px; }
.champsAnnonce #champsAnnonce3 label { padding-bottom: 6px; }

.champsAnnonce #champsAnnonce1 select, .champsAnnonce #champsAnnonce2 select { width: 120px; }
.champsAnnonce #champsAnnonce3 input { width: 82px; }

.champsAnnonce #carte { position: relative; float: left; margin: 4px 8px 0 5px; padding-right: 8px; width: 220px; height: 236px; border-right: 1px dotted #000 !important; }
.champsAnnonce #carte img { z-index: 50; position: absolute; top: 0; bottom: 0; width: 220px; height: 236px; }
.champsAnnonce #carte .cartes { z-index: 100; display: none; }

.champsAnnonce p { font-weight: bold; text-align: center; }
.champsAnnonce p #searchsubmit { margin: 10px 0 0 10px; }
.champsAnnonce p label input { position: relative; bottom: 2px; }

#searchform .champsAnnonce { padding: 15px 5px; width: auto; }
#searchform .champsAnnonce #carte { position: relative; float: right; width: 220px; height: 236px; border-right: none !important; }
#searchform .champsAnnonce #champsAnnonce3 label { float: left; padding-right: 6.5%; padding-bottom: 0; width: 26%; text-align: right; }
#searchform .champsAnnonce p { text-align: center; }

#rechercheSansCarte #champsAnnonce1 select, #rechercheSansCarte #champsAnnonce2 select { width: 130px; }
#rechercheSansCarte #champsAnnonce3 label { margin-top: 1px; padding-bottom: 0; }

#index-searchform #rechercheSansCarte #champsAnnonce1 div , #index-searchform #rechercheSansCarte #champsAnnonce2 div { height: 3.8em; }
#index-searchform #rechercheSansCarte #champsAnnonce3 label { float: left; padding-right: 3%; width: 30%; text-align: right; }
#index-searchform #rechercheAvecCarte #champsAnnonce3 input { width: 74px; }


.page { padding: 10px 15px 15px; }

#pageFAQ { float: left; width: 520px; } #pageConditions { padding: 5px 10px; }
#pageFAQ dl, #pageConditions dl { font-family: Verdana; color: #16480e; }
#pageFAQ dl dt, #pageConditions dl dt { margin: 15px 0 5px 20px; font-weight: bold; text-decoration: underline; }
#pageFAQ dl dd, #pageConditions dl dd { text-indent: 15px; text-align: justify; line-height: 1.2em; }

#pageNousContacter { /*float: right; */ width: 420px; } #pageNousContacter form.ajaxForm { display: block; }
#popup #pageNousContacter { padding-left: 50px; width: 575px; }
#pageNousContacter fieldset { clear: both; }
#pageNousContacter #contactVisiteur div { float: left; width: 49%; }
#pageNousContacter #messageVisiteur div, #pageNousContacter #messageVisiteur input, #pageNousContacter #messageVisiteur textarea { width: 92%; }

#texteDeposer { margin: 100px 0 200px 300px; width: 400px; text-align: justify; }
#pageDeposer #nouveauVisiteur, #pageDeposer #ancienVisiteur { margin-top: 130px; width: 250px; text-align: center; }
#pageDeposer #nouveauVisiteur { float: left; } #pageDeposer #ancienVisiteur { float: right; }
#nouveauVisiteur a, #ancienVisiteur a, #vendre-nouveauVisiteur a, #vendre-ancienVisiteur a { display: block; margin: 5px auto; padding: 0 !important; width: 180px; height: 25px; line-height: 25px; border: 1px solid #000; font-weight: bold; text-align: center; color: #000 !important; }
#vendre-nouveauVisiteur a, #vendre-ancienVisiteur a { width: 204px; height: 34px; line-height: 34px; }


#footer { position: relative; clear: both; margin: 0 auto; width: 1000px; height: 28px; line-height: 28px; text-align: center; }
#footer #rss { position: absolute; top: 4px; right: 4px; }

#partenaires { padding-right: 25px; }
#partenaires li { float: left; margin-right: 5px; }

	/* Splash image */
#splash_screen { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; background-color: #000; opacity: 0.6; }

#image_content { position: absolute; z-index: 2; margin: 0; border: 10px solid #fff; background-color: #fff; }
#image_content img { display: none; z-index: 3; margin: 0; padding: 0; }

#title_content { position: absolute; left: 0; z-index: 3; margin: 10px 0 0 -10px; padding: 0; width: 100%; border: 10px solid #fff; font-size: 11px; background-color: #fff; color: #333; }

#splash_description { margin-top: 4px; font-weight: bold; }

#splash_previous, #splash_next { display: block; position: absolute; top: 0; z-index: 4; margin: 0; padding: 0; width: 20px; height: 20px; cursor: pointer; }
#splash_previous { right: 40px; background: url(images/splash-prec.gif) no-repeat center; }
#splash_next { right: 0; background: url(images/splash-suiv.gif) no-repeat center; }
#splash_pause { top: 0; right: 20px; background: url(images/splash-stop.gif) no-repeat center; }
#splash_play { top: 0; right: 20px; background: url(images/splash-lecture.gif) no-repeat center; }
#splash_notification.playing { background: url(images/splash-lecture.gif) no-repeat center; }
#splash_notification.paused { background: url(images/splash-stop.gif) no-repeat center; }
#splash_pause, #splash_play, #splash_notification { display: block; position: absolute; z-index: 4; margin: 0; padding: 0; width: 20px; height: 20px; cursor: pointer; }

#splash_close { display: block; position: absolute; top: 0; right: 0; z-index: 4; margin: 0; padding: 0; width: 20px; height: 20px; background: url(images/splash-fermer.gif) no-repeat center #fff; cursor: pointer; }

div.ajax-loading { background: url(images/loading.gif) no-repeat center; }

#recherchevoiture  { border: 1px solid #000000; background-color: #ffb917; padding-top: 5px; padding-left: 5px}



#pub2  { float: right; width: 300px; height: 250px; margin: 50px 30px 80px 4px  }