


#htmlTemplates {
    display: none;
}

var {
    display: none;
}

label,
.text label,
.checkbox label,
.select label {
    float: left;
    clear: none;
    font-size: .9em;
    color: #373737;
}

.required label {
    font-weight: bold;
}

.select select {
    float: left;
    clear: none;
    color: #373737;
}

textarea,
.text input {
    float: left;
    clear: none;
    color: #373737;
}

.text,
.select p,
.textarea p,
fieldset p {
    color: #373737;
}

#fullAdMoreData {
    margin-top: 14px;
}


/*  Modification des onglets
------------------------------------------------------------------------------*/


#fullAdTabs a {
    font-size: .9em;
    padding: 7px 15px 6px 15px;
}

#fullAdTabs li.on a {
    color: #575757;
    padding-top: 10px;
    background: url(../img/fullAdTabOnRightPart.gif) 100% 0 no-repeat;
}



/*  Structure générale
------------------------------------------------------------------------------*/

fieldset {
    display: block;
    clear: both;
    overflow: hidden;
    border: none;
    background: url(../img/fullAdTitleDots.gif) bottom left repeat-x;
    padding: 7px 0;
}


#newAdCategory .select label {
    width: 182px;
    padding: 3px 0 0 0;
}

#newAdCategory .select select {
    width: 186px;
}

#newAdCategory .select p.createNew {
    float: left;
    width: auto;
    padding: 3px 0 0 25px;
}

#newAdCategory .select p.createNew a {
    color: #cc0000;
}

.category {
    float: left;
    clear: none;
    width: 380px;
}


#newAdCategory .universe {
    width: 100%;
}

#newAdCategory .universe .select {
    width: 100%;
}

#newAdCategory .universe select {
    width: auto;
}

#newAdSubCategory {
    float: left;
    clear: none;
    width: 208px;
    padding: 0 0 10px 0;
}

#newAdCategory .hidden {
    display: none;
}


/*  Partie des champs dynamiques
------------------------------------------------------------------------------*/

.formColumn {
    float: left;
    clear: none;
    width: 265px;
}


.withLeftMargin {
    padding-left: 85px;
}

* html .withLeftMargin {
    width: 345px;
}

#newAdDynamicFields.hidden {
    display: none;
}

#newAdDynamicFields label {
    width: 142px;
    padding: 3px 0 0 0;
}

#newAdDynamicFields .text input,
#newAdDynamicFields select {
    width: 107px;
}

#newAdDynamicFields .textarea {
    padding: 0 0 7px 0;
}

#newAdDynamicFields .textarea textarea {
    width: 186px;
    height: 50px;
}

#newAdDynamicFields .textarea p {
    float: left;
    width: 260px;
    padding-left: 12px;
}

/*  Options
------------------------------------------------------------------------------*/

#newAdOtherFields label {
    width: 142px;
    padding: 3px 0 0 0;
}

#newAdOtherFields .textarea {
    padding: 7px 0 0 0;
}

#newAdOtherFields .textarea textarea {
    width: 268px;
    height: 50px;
}


/*  Etat
------------------------------------------------------------------------------*/

#newAdState {
    padding: 14px 0;
}
#newAdState.hidden {
    display: none;
}

#newAdState .checkbox,
#newAdState .radio {
    float: left;
    clear: none;
    width: 147px;
}

#newAdState .checkbox label,
#newAdState .radio label {
    width: auto;
    padding: 5px 0 0 7px;
}

#newAdState .checkbox input,
#newAdState .radio input {
    float: left;
    width: auto;
}


/*  Description du bien
------------------------------------------------------------------------------*/

#newAdDescription {
    background: none;
}

#newAdDescription label {
    width: 180px;
}

#adTitle p {
    width: auto;
    padding: 3px 0 0 7px;
}

#adTitle p#adTitleAuto {
    width: 400px;
    margin: 0;
    padding: 0 0 3px 0;
}

#adTitle label {
    width: 180px;
    padding-bottom: 20px;
}

#adTitle input {
    width: 305px;
}

#newAdDescription #price {
    width: 292px;
}

#newAdDescription #price label {
    width: 180px;
}

#newAdDescription #price input {
    width: 76px;
}

#newAdDescription #price p {
    width: auto;
    padding: 3px 0 0 7px;
    font-weight: bold;
}

#newAdDescription .checkbox {
    float: left;
    clear: none;
    width: 190px;
}


#newAdDescription .checkbox label {
    width: auto;
}

#newAdDescription .select {
    padding: 14px 0;
}

#newAdDescription textarea {
    width: 419px;
    height: 60px;
}

#newAdDescription .ajax-list {
    padding: 15px 0 15px 0;
}

#newAdDescription .ajax-list input {
    float: left;
    width: 150px;
    clear: none;
    font-size: .9em;
    border: 1px solid #b5b5b5;
    color: #575757;
    background: url(../img/ajaxListBg.gif) 2px 3px no-repeat;
    padding-left: 11px;
}

#newAdDescription .ajax-list p {
    float: left;
    clear: none;
    width: 250px;
    padding: 0 0 0 8px;
}


/*  Téléchargements
------------------------------------------------------------------------------*/

#newAdUpload {
    display: block;
    overflow: hidden;
    width: 580px;
    border: 2px solid #D8D8D8;
    padding: 10px;
}

* html #newAdUpload {
    width: 604px;
}

#newAdUpload h3 {
    font-size: 1em;
}

#uploadList {
    
}

#uploadList ul {
    padding: 0 0 14px 0;
}

#uploadList li {
    float: left;
    clear: none;
    width: 130px;
    padding: 0 14px 0 0;
}

* html #uploadList li {
    width: 144px;
}

#uploadList .photo {
    padding: 0 0 10px 0;
}

#uploadList .photo img {
    border: 1px solid #E5E5E4;
    float: left;
}

#uploadList .photo input,
#uploadList .photo a {
    float: left;
    width: 19px;
    height: 19px;
    margin: 0 1px 2px 0;
    padding: 0;
    background: url(../img/fileRotate.gif) 0 0 no-repeat;
}

#uploadList .photo a.fileDelete {
    background-image: url(../img/fileDelete.gif);
}

#uploadList .photo a.fileZoom {
    background-image: url(../img/fileZoom.gif);
}

#uploadList .text {
    
}

#uploadList .text label {
    display: block;
    overflow: hidden;
    float: none;
    clear: both;
    color: #373737;
    font-size: .75em;
    width: auto;
    font-family: verdana, sans-serif;
    padding: 0 0 2px 0;
}

#uploadList .text input {
    float: none;
    clear: both;
    width: 96px;
}

#uploadList p {
    font-size: .75em;
    color: #373737;
    font-family: verdana, sans-serif;
}


#newAdUploadField {
    padding: 14px 0;
}

#newAdUploadField p {
    width: 100%;
    color: #575757;
}

#newAdUploadField .champ-telechargement {
    float: left;
    clear: none;
    width: auto;
    padding: 0;
    margin: 0;
}

#newAdUploadField .champ-telechargement input {
    width: auto;
    font-size: .9em;
    border: 1px solid #b5b5b5;
    color: #575757;
}

#newAdUploadField .submit {
    float: left;
    clear: none;
    width: auto;
    padding: 0;
    margin: 2px 0 0 14px;
}


/*  Informations
------------------------------------------------------------------------------*/

#newAdNotes {
    
}

#newAdNotes p.notes {
    color: #575757;
    font-size: .72em;
    font-family: verdana, sans-serif;
    width: 256px;
    line-height: 180%;
    padding: 0 14px 0 0;
}

#newAdNotes p.notes img {
    float: left;
    margin: 10px 10px 10px 0;
}


/*  Validation du formulaire
------------------------------------------------------------------------------*/

.submit {
    padding: 14px 0;
}

#mainSubmit p {
    width: 350px;
    color: #cc0000;
}

.submit input {
    margin-right: 4px;
}


/*  Options de publication
------------------------------------------------------------------------------*/

#newAdPublishOptions {
    padding-left: 15px;
    background: url(../img/miniMap.gif) 94% 0 no-repeat;
}

#newAdPublishOptions label {
    width: 179px;
}

#newAdPublishOptions .select {
    padding-bottom: 30px;
}

#newAdPublishOptions .select select {
    width: 306px;
}

#newAdPublishOptions .textarea label {
    font-weight: normal;
}

#newAdPublishOptions .textarea p {
    width: 419px;
    padding-bottom: 4px;
}

#newAdPublishOptions .textarea p strong {
    padding-left: 14px;
}

#newAdPublishOptions .textarea p strong.charsLeft {
    color: #cc0000;
    padding-left: 14px;
}

#newAdPublishOptions .textarea textarea {
    width: 419px;
    height: 60px;
}


#paperOptions {
    float: right;
    width: 457px;
    padding: 7px 0 14px 0;
    margin: 0;
}

#paperOptions p {
    width: auto;
    clear: none;
    float: left;
    font-weight: bold;
}

#paperOptions .checkbox {
    float: right;
    width: 325px;
    clear: none;
}

#paperOptions .checkbox label {
    width: 270px;
}

#paperOptions .checkbox label strong {
    color: #cc0000;
}

#paperText.contract-user {
    padding-top: 40px;
}

/*  Bilan financier
------------------------------------------------------------------------------*/

#newAdTotalPrice {
    background: url(../img/titleDots.gif) top left repeat-x;
}

#newAdTotalPrice h3 {
    color: #cc0000;
    text-transform: uppercase;
    font-size: .9em;
    padding: 7px 0 9px 20px;
}


#previewAndPrice {
    padding: 10px 0 10px 15px;
    width: 599px;
    border: 2px solid #B2B2B2;
}


* html #previewAndPrice {
    width: 625px;
}

#myPaperAdPreview {
    float: left;
    clear: none;
    width: 164px;
    background: url(../img/paperAdPriceSeparation.gif) center right no-repeat;
}

#myPaperAdPreview img {
    display: block;
    clear: both;
    margin: 0 7px 7px 0;
}

#myPaperAdPreview img.hidden {
    display: none;
}

#myPaperAdPreview p {
    width: 95%;
    padding: 0;
    margin: 0;
    color: #373737;
}

#myPaperAdPreview p.intro {
    color: #000;
    padding-bottom: 14px;
}

#myPaperAdPrice {
    float: right;
    clear: none;
    width: 381px;
    padding: 0 20px 0 30px;
    /*background: url(../img/paperAdPriceSeparation.gif) center left no-repeat;*/
}

* html #myPaperAdPrice {
    width: 411px;
}


#myPaperAdPrice table {
    width: 385px;
}

#myPaperAdPrice td,
#myPaperAdPrice th {
    color: #373737;
    border-bottom: 1px solid #4C4D4D;
    font-size: .9em;
    padding: 2px 0 3px 0;
    text-align: left;
}

#myPaperAdPrice td {
    border-color: #ededed;
    padding: 2px 0;
}

* html #myPaperAdPrice th,
* html #myPaperAdPrice td {
    font-size: .7em;
}


#myPaperAdPrice .total td {
    color: #cc0000;
    font-weight: bold;
    font-size: 1em;
}

* html #myPaperAdPrice .total td {
    font-size: .8em;
}


#previewAndPrice p.infoTel {
    display: block;
    clear: both;
    width: 100%;
    float: none;
    font-style: italic;
    color: #373737;
    padding-top: 10px;
}


#sellTerms {
    padding: 10px 0 5px 20px;
    margin-top: 7px;
    background: url(../img/titleDots.gif) top left repeat-x;
}

#sellTerms p {
    display: block;
    clear: both;
    width: 90%;
    float: none;
    font-weight: bold;
    color: #373737;
    padding: 0 0 10px 0;
}

#sellTerms label a,
#sellTerms p a {
    display: inline;
    float: none;
    color: #cc0000;
    padding: 0;
    margin: 0;
}

#sellTerms .checkbox {
    width: 329px;
    padding-left: 0;
}

#sellTerms .checkbox input {
    margin-left: 0;
}

#sellTerms .checkbox label {
    width: 290px;
    color: #373737;
}


#sellTerms .checkbox label a {
    color: #cc0000;
    font-weight: bold;
}

#mainSubmit.etape3 {
    float: right;
    width: auto;
    padding: 0;
    margin: 0;
}




/*  Identification
------------------------------------------------------------------------------*/

#loginUser {
    float: left;
    clear: none;
    width: 309px;
    padding-bottom: 30px;
}

#newUser p,
#loginUser p {
    width: auto;
    color: #373737;
}

#newUser p.intro,
#loginUser p.intro {
    font-weight: bold;
}


#newUser h3,
#loginUser h3 {
    color: #cc0000;
    font-size: .9em;
    padding: 0 0 14px 0;
}

#loginUser h4 {
    color: #373737;
    font-size: .9em;
    background: url(../img/titleDots.gif) top left repeat-x;
    padding: 14px 0 14px 0;
}

#loginUser .text {
    padding: 14px 0 0 0;
}


#newUser .text p,
#loginUser .text p {
    display: block;
    float: none;
    width: 100%;
    clear: both;
}

#loginUser .text input,
#loginUser .text label {
    float: none;
    clear: both;
    width: 266px;
}

#loginUser .text label {
    display: block;
    clear: both;
    overflow: hidden;
    padding-bottom: 3px;
}

#loginUser .submit {
    padding-bottom: 30px;
}
#forgotenPassword {
    padding-top: 7px;
}

#forgotenPassword input {
    float: left;
    width: auto;
    
}

#forgotenPassword input.textInput {
    float: left;
    width: 160px;
    height: 16px;
    padding: 2px 0 0 5px;
    margin-right: 7px;
    font-size: .9em;
    border: 1px solid #b5b5b5;
    color: #575757;
}

* html #forgotenPassword input.textInput {
    width: 165px;
}

#newUser {
    float: right;
    clear: none;
    width: 293px;
}

#newUser .text {
    padding: 10px 0 0 0;
}

#newUser label {
    width: 97px;
}

#newUser .text input {
    width: 176px;
}


#newUser .textarea {
    padding: 10px 0 0 0;
}

#newUser .textarea textarea {
    width: 176px;
    height: 41px;
}


#newUserAdress {

}

#newUser #newUserAdress .text {
    float: left;
    clear: none;
    width: auto;
}

#newUser #newUserAdress .cp label {
    width: 57px;
    text-align: center;
}

#newUser #newUserAdress .text input {
    width: 44px;
}

#newUserNewsletter {
    padding: 14px 0 30px 0;
}

#newUserNewsletter .radio {
    float: left;
    clear: none;
    width: auto;
    padding: 7px 20px 0 7px;
}

#newUserNewsletter .radio label {
    float: left;
    clear: none;
    width: auto;
}

#newUserNewsletter .radio input {
    float: left;
    clear: none;
}

 .ajax-list,
#newUser .ajax-list {
    padding: 15px 0 15px 0;
}

.ajax-list input,
#newUser .ajax-list input {
    float: left;
    width: 165px;
    clear: none;
    font-size: .9em;
    border: 1px solid #b5b5b5;
    color: #575757;
    background: url(../img/ajaxListBg.gif) 2px 3px no-repeat;
    padding-left: 11px;
}
* html .ajax-list input,
* html #newUser .ajax-list input { width: 176px; }

.ajax-list p,
#newUser .ajax-list p {
    float: left;
    clear: none;
    width: 265px;
    padding: 3px 0 0 8px;
}
* html .ajax-list p,
* html #newUser .ajax-list p { width: 276px; }

.submit,
#newUser .submit {
    float: right;
    width: auto;
    padding-right: 14px;
}




/*  Validation
------------------------------------------------------------------------------*/

#fullAd {
    width: 96%;
    padding: 0;
}

#fullAd h2 {
    width: auto;
}

#dataPart {
    width: 385px;
    padding: 9px 0 15px 0;
}

#dataPart p {
    display: block;
    float: none;
    clear: both;
    width: auto;
}

#adPrice p {
    width: 100%;
}

#photoPart {
    float: left;
    clear: none;
    width: 200px;
    padding: 9px 0 9px 14px;
}

p#myPublishInfos {
    display: block;
    width: 95%;
    color: #cc0000;
    padding: 14px 0 20px 14px;
    line-height: 170%;
}

p#myPublishInfos strong.userChoice {
    color: #373737;
    padding-right: 7px;
}


a#editMyAdButton {
    float: right;
    width: 127px;
    height: 31px;
    background: url(../img/buttonEdit.gif) 0 0 no-repeat;
}

#payment {
    padding: 41px 14px 20px 14px;
}

#payment p {
    float: left;
    clear: none;
    width: 357px;
    padding: 0;
    text-align: left;
    color: #373737;
    font-size: .9em;
    line-height: 160%;
}

#payment p strong {
    color: #cc0000;
}

#citelisForm {
    float: right;
    clear: none;
    text-align: center;
    background: url(../img/paymentBg.gif) 0 0 no-repeat;
    width: 259px;
    height: 152px;
    margin-right: 23px;
    margin-top: -30px;
}

#citelisForm p {
    display: block;
    width: 100%;
    color: #fff;
    text-align: center;
    padding: 20px 0 40px 0;
    margin: 0 auto;
    font-size: .9em;
}

#citelisForm p strong {
    font-size: 2em;
    color: #fff;
    padding-left: 14px;
}

#citelisForm.test {
    
}

#citelisForm.test p {
    padding: 20px 0 20px 0;
}

#citelisForm.test select {
    width: 90%;
    margin: 0 auto 5px 0;
    font-size: .8em;
    border: 1px solid #fff;
}
    

/*  Erreurs dans les formulaires
------------------------------------------------------------------------------*/

#newUser .error,
.error {
    background : #f5f5d5 url(../img/admin/picto_erreur.gif) 10px 5px no-repeat;
}

.error textarea,
.error input {
    border : 1px solid #ffb556;
    border-top : 1px solid #ff8b29;
    color : #df1304;
}
.champ-radio input { border : none; }

.error p {
    color : #000;
    font-style : normal;
}


/*  Message de cloture du dépot d'annonce
------------------------------------------------------------------------------*/


#fin-commande {
    display: block;
    clear: both;
    padding: 20px 0 0 20px;
}

#fin-commande h2 {
    font-size: 1.3em;
    color: #575757;
    font-weight: bold;
}

#fin-commande p {
    padding: 14px 0 0 0;
    line-height: 160%;
}

#fin-commande p a {
    padding-right: 8px;
    color: #cc0000;
    text-decoration: underline;
}



/*  Masquage des champs "presse"
------------------------------------------------------------------------------*/

#previewAndPrice p.hidden,
#myPaperAdPreview.hidden,
#paperOptions.hidden,
#newAdPublishOptions .hidden {
    display: none;
}


#adminForm {
    display: block;
    clear: both;
    float: none;
    width: 90%;
    padding: 16px 0;
}


#adminForm p {
    display: block;
    clear: both;
    float: none;
    width: 90%;
}

#adminForm a {
    clear: none;
    float: left;
    width: auto;
    padding: 8px;
    margin: 0 16px 0 0;
    border: 1px solid #454545;
    text-decoration: none;
    font-size: 1.1em;
    color: #454545;
}

#adminForm a:active,
#adminForm a:hover {
    border: 1px solid #cc0000;
    text-decoration: none;
}


/*  Oubli de mot de passe
------------------------------------------------------------------------------*/

#newUser.rememberPassword {
    float: left;
}









