/* CSS Coocoon - 2009 */
/* Gestion des pages de screenCast */



/* #############################################################*/
/* #############################################################*/
/* Zone screencast */

.zoneScreenCast {
    margin: 0;
    padding: 0;
    width: 310px;
    height: 750px;
    float: left;
    margin-left: 14px;
    text-align: center;
    color: white;
}

    .zoneScreenCast h2 {
        color: white;
        font-size: 19px;
        margin: 0px 5px 0 0px;
        letter-spacing: -1px;
    }

    .zoneScreenCast h3 {
        color: white;
        font-size: 14px;
        margin: 0px;
    }

    .zoneScreenCast .chapeau {
/*
        font-size: 12px;
        font-weight: bold;
*/
    }

    .zoneScreenCast p {
        margin: 0 0 0 13px;
    }

    #zoneScreenCast1 {
        background: url(/images/fond-choix-particulier.jpg);
    }

    #zoneScreenCast2 {
        background: url(/images/fond-choix-hybride.jpg);
    }

    #zoneScreenCast3 {
        background: url(/images/fond-choix-pro.jpg);
    }
    #zoneScreenCast4 {
        background-image: url(/images/fond-choix-particulier-500.jpg);
        height: 500px;
    }

    .creerUnCompte, .accederAuCompte, .activerCeCompte {
       position: relative;
       left: 20px;
    }

.screenCastTexte {
    margin: 3px 21px 3px 8px;
    height: 485px;
}
    .screenCastTexteHead {
        height: 80px;
    }
    .screenCastTexte ul {
        margin-bottom: 4px;
    }
        .screenCastTexte li {
            text-align: left;
            margin-left: 5px;
        }
    .screenCastTexte h2 {
        background-image: url(/images/packs/sprtitles.png);
        background-repeat: no-repeat;
        border-bottom: 1px solid white;
        margin-bottom: 2px;
        width: 100%;
        letter-spacing: -2px;
    }
    .screenCastTextAlone h3 + h3, #packDecouverte + h3 {
        margin-bottom: 20px;
    }
    .screenCastTexte p {
        font-weight: bold;
    }
    .screenCastTextAlone p {
        margin-bottom: 9px;
    }
    #packAcheteur {
        background-position: 61px -224px;
    }
    #packAutrePro {
        background-position: 6px -200px;
    }
    #packAgenceImmo {
        background-position: -4px -275px;
    }
    #packBailleurPart {
        background-position: 15px -102px;
    }
    #packBailleurhyb {
        background-position: 30px -127px;
    }
    #packBailleurpro {
        background-position: 0px -152px;
    }
    #packDecouverte {
        background-position: 69px -174px;
    }
    #packFinder {
        background-position: 0px -302px;
    }
    #packLocataire {
        background-position: 62px -75px;
    }
    #packVendeurpart {
        background-position: 15px -26px;
    }
    #packVendeurhyb {
        background-position: 29px -51px;
    }
    #packVendeurpro {
        background-position: 0px -250px;
    }
    .screenCastTexte h2 span {
        visibility: hidden;
    }
    .packFormInscription p.formFormatterDivP {
        min-height: 20px !important;
    }
    .packFormInscription p.formFormatterDivP label {
        height: 20px;
    }

.screenCastVideo {
    height: 200px;
    border: 1px solid white;
    background: black;
    margin:20px 20px 0 20px;
    width:253px;
}

.screenCastPied {
    clear: both;
}




/* Fin screencast */
/* #############################################################*/
/* #############################################################*/




/* #############################################################*/
/* #############################################################*/
/* Tableau de bord */


/* Fin tableau de bord */
/* #############################################################*/
/* #############################################################*/




/* #############################################################*/
/* #############################################################*/
/* VENDEUR */

/* INFO PROFIL */
#divVendeurCreationProjet1 {
    background: url('/images/fond-orange-form-340.jpg');
    color:white;
    height:324px;
    margin:0 auto;
    padding:20px 25px 0 10px;
    width:298px;
}

#formVendeurCreationProjet1 {

}

    #divVendeurCreationProjet1 p {
        margin: 10px 0;
    }

/* INFO ITEM */
#divVendeurCreationProjet2 {
}

#formVendeurCreationProjet2 {

}

    #divVendeurCreationProjet2 p {
        margin: 10px 0;
    }

/* INFO PRIX */
#divVendeurCreationProjet3 {
    background: url('/images/fond-orange-form-340.jpg');
    color:white;
    height:324px;
    margin:0 auto;
    padding:20px 25px 0 10px;
    width:298px;
}

#formVendeurCreationProjet3 {

}

    #divVendeurCreationProjet3 p {
        margin: 10px 0;
    }
/* Fin vendeur */
/* #############################################################*/
/* #############################################################*/

.packFormInscription {
    margin: 0;
    padding: 0;
    margin: 5px;
    width: 285px;
    background-image: url(/images/fond-orange-form_inscription.png);
    background-repeat: no-repeat;
    color: white;
    padding: 0;
    height: 192px;
}
.packFormInscription form, .packFormInscription h4 {
    margin-left: 10px;
}
.packFormInscription h4 {
    text-align: left;
    font-size: 17px;
    background-image: url(/images/packs/sprtitles.png);
    background-repeat: no-repeat;
    background-position: 0px -302px;
}
.packFormInscription h4 span {
    visibility: hidden;
}

.packFormInscription p.formFormatterDivP label {
    width: 130px !important;
    text-align: left;
    padding-top: 0px;
}
.packFormInscription input {
    width: 100px;
    background-color:white;
    color: #998e77;
    border: 0 none;
    /*border-left: 1px solid #ED771E;
    border-right: 1px solid #ED771E;*/
}
.packFormInscription form p.formFormatterDivP {
    padding-top: 0;
}

    #sfApplyApply_user_pack_id {
        width: 130px;
    }

/* POUR BULLE 553, see main.css*/
#bulle603 {
    width: 600px;
    position: relative;
    top: -5px;
}

/* Top */
#bulleTop603 {
    width: 600px;
    height: 16px;
    background: url('/images/bulle-top-603.gif');
}

/* Center */
#bulleCenter603 {
    width: 600px;
    background: url('/images/bulle-centre-603.gif');
}

    #bulleCenter603 p {
        padding: 0px 20px
    }

/* bottom */
#bulleBottom603 {
    width: 600px;
    height: 16px;
    background: url('/images/bulle-bottom-603.gif');
}