/* CSS Coocoon - 2009 */
/* Gestion des listing */



 /* #############################################################*/
/* #############################################################*/
/* Base */

#content, #contentListing {
    position: relative;
    width: 960px;
}

/* Fin base */
/* #############################################################*/
/* #############################################################*/




/* #############################################################*/
/* #############################################################*/
/* Gestion de la parti au dessus du listing */

     #contentHead, #listingHead {
        width: 960px;
        height: 65px;
        min-height: 65px;
        height: auto !important;
        position: relative; /* pour placer le recherche rapide */
    }

/* Fin entete listing */
/* #############################################################*/
/* #############################################################*/




/* #############################################################*/
/* #############################################################*/
/* Partie encart de gauche */

    #colonneLeft, .colonneLeft {
        position: relative;
        width: 240px;
        float: left;
    }

            /* Entete de l'encart, purement visuel */
            #encartMenuTop, .encartMenuTop {
                width: 240px;
                height: 19px;
                background: url('/images/fond-top-encart.gif');
            }

            #encartMenuCentre, .encartMenuCentre {
                width: 240px;
                background: url('/images/fond-centre-encart.gif');
            }

            .encartMenuCentreTitre {
                background:transparent url(/images/fond-menu-encart.gif) repeat scroll 0 0;
                height:38px;
                left:16px;
                line-height:38px;
                padding-left:10px;
                position:relative;
                width:197px;
                font-weight: bold;
            }

            .encartMenuCentreTitre2 {
                background:transparent url(/images/fond-menu-encart.gif) repeat scroll 0 -38px;
                height:38px;
                left:16px;
                line-height:38px;
                padding-left:10px;
                position:relative;
                width:197px;
                font-weight: bold;
            }

            /* ## Pour la version encart en orange ## */
            #encartMenuTopOrange {
                width: 240px;
                height: 167px;
                background: url('/images/fond-top-encart-orange.jpg');
            }

            #encartMenuCentreOrange {
                width: 240px;
                background: url('/images/fond-centre-encart-orange.gif');
                color: white;
            }
            /* ## FIN ## */

                /* Menu ul */
                #encartMenuUl {
                    margin: 0;
                    list-style: none;
                    padding: 0;
                    width: 217px;
                    left: 16px;
                    position: relative;
                }

                #encartMenuUl li, #encartMenuUl td {
                    margin: 0;
                    height: 38px;
                }

                    #encartMenuUl li a, #encartMenuUl td a {
                        text-decoration: none;
                        color: #685c42;
                        font-size: 14px;
                    }

                    #encartMenuUl li a:hover, #encartMenuUl td a:hover {
                        color: white;
                    }

                    .encartMenuliTop a {
                        display: block;
                        background: url('/images/fond-menu-encart.gif');
                        width: 187px;
                        height: 38px;
                        line-height: 38px;
                        padding-left: 20px;
                    }

                    .encartMenuliTop a:hover {
                        background-position: 207px 0;
                    }

                    .encartMenuliCenter  a {
                        display: block;
                        background: url('/images/fond-menu-encart.gif') 0 -38px;
                        width: 187px;
                        height: 38px;
                        line-height: 38px;
                        padding-left: 20px;
                    }

                    .encartMenuliCenter a:hover {
                        background-position: 207px -38px;
                        color: white;
                    }

                    .encartMenuliBottom  a {
                        display: block;
                        background: url('/images/fond-menu-encart.gif') 0 -76px;
                        width: 187px;
                        height: 38px;
                        line-height: 38px;
                        padding-left: 20px;
                    }

                    .encartMenuliBottom a:hover {
                        background-position:  207px -76px;
                    }


                /* corps du menu */
                #encartMenuDiv {
                    padding: 10px;
                    width: 207px;
                    left: 16px;
                    position: relative;
                }

                .encartP {
                    padding: 20px 30px 10px 20px;
                }

                .encartUl {
                    margin:10px 20px 0px 20px;
                    padding-left: 20px;
                }

                    .encartUl li, .encartUl td {
                        list-style: circle;
                    }



                /* footer du menu (corbeille) */
                #encartMenuFooter {
                    width: 207px;
                    left: 16px;
                    position: relative;
                }

            /* Pied de l'encart, purement visuel */
            #encartMenuBottom, .encartMenuBottom {
                width: 240px;
                height: 19px;
                background: url('/images/fond-bottom-encart.gif');
            }

            /* ## Pour la version encart en orange ## */
            #encartMenuBottomOrange {
                width: 240px;
                height: 19px;
                background: url('/images/fond-bottom-encart-orange.gif');
            }
            /* ## FIN ## */

            /* Entete de l'encart, purement visuel */
            #encartMenuTop, .encartMenuTop {
                width: 240px;
                height: 19px;
                background: url('/images/fond-top-encart.gif');
            }

            #encartMenuCentre, .encartMenuCentre {
                width: 240px;
                background: url('/images/fond-centre-encart.gif');
            }
                #formRechercheDiag {
                    margin-left:29px;
                    padding-top:5px;
                    width:200px;
                }

            .encartMenuCentreTitre {
                background:transparent url(/images/fond-menu-encart.gif) repeat scroll 0 0;
                height:38px;
                left:16px;
                line-height:38px;
                padding-left:10px;
                position:relative;
                width:197px;
                font-weight: bold;
            }

            .encartMenuCentreTitre2 {
                background:transparent url(/images/fond-menu-encart.gif) repeat scroll 0 -38px;
                height:38px;
                left:16px;
                line-height:38px;
                padding-left:10px;
                position:relative;
                width:197px;
                font-weight: bold;
            }

            /* ## Pour la version encart en orange ## */
            #encartMenuTopOrange {
                width: 240px;
                height: 167px;
                background: url('/images/fond-top-encart-orange.jpg');
            }

            #encartMenuCentreOrange {
                width: 240px;
                background: url('/images/fond-centre-encart-orange.gif');
                color: white;
            }
            /* ## FIN ## */

                /* Menu ul */
                #encartMenuUl {
                    margin: 0;
                    list-style: none;
                    padding: 0;
                    width: 217px;
                    left: 16px;
                    position: relative;
                }

                /*#encartMenuUl li, #encartMenuUl td {
                    margin: 0;
                    height: 38px;
                } doublon, voir 111 */

                    #encartMenuUl li a, #encartMenuUl td a {
                        text-decoration: none;
                        color: #685c42;
                        font-size: 14px;
                    }

                    #encartMenuUl li a:hover, #encartMenuUl td a:hover {
                        color: white;
                    }

                    .encartMenuliTop a {
                        display: block;
                        background: url('/images/fond-menu-encart.gif');
                        width: 187px;
                        height: 38px;
                        line-height: 38px;
                        padding-left: 20px;
                    }

                    .encartMenuliTop a:hover {
                        background-position: 207px 0;
                    }

                    .encartMenuliCenter  a {
                        display: block;
                        background: url('/images/fond-menu-encart.gif') 0 -38px;
                        width: 187px;
                        height: 38px;
                        line-height: 38px;
                        padding-left: 20px;
                    }

                    .encartMenuliCenter a:hover {
                        background-position: 207px -38px;
                        color: white;
                    }

                    .encartMenuliBottom  a {
                        display: block;
                        background: url('/images/fond-menu-encart.gif') 0 -76px;
                        width: 187px;
                        height: 38px;
                        line-height: 38px;
                        padding-left: 20px;
                    }

                    .encartMenuliBottom a:hover {
                        background-position:  207px -76px;
                    }

                /* footer du menu (corbeille) */
                #encartMenuFooter {
                    width: 207px;
                    left: 16px;
                    position: relative;
                }

            /* Pied de l'encart, purement visuel */
            #encartMenuBottom, .encartMenuBottom {
                width: 240px;
                height: 19px;
                background: url('/images/fond-bottom-encart.gif');
            }

            /* ## Pour la version encart en orange ## */
            #encartMenuBottomOrange {
                width: 240px;
                height: 19px;
                background: url('/images/fond-bottom-encart-orange.gif');
            }
            /* ## FIN ## */


        #encartRecherche {
            left:0px;
            padding:5px 5px 10px;
            position:relative;
            width:230px;
            display: block;
        }
            #encartRecherche p {
                margin: 0;
            }


        /* Divers pour contenu colonne */
        #photoProfilItem, #encartPhoto, #encartOrangeChapeau {
            position: absolute;
            top: 18px;
            left: 18px;
        }

        .ulHeight50 {
            list-style: none;
            margin: 0!important;
        }

        .liHeight50 {
            height: 50px;
            list-style: none !important;
            padding: 0;
            border-bottom: 1px solid silver;
            width: 190px;
        }




/* FIN Partie encart de gauche */
/* #############################################################*/
/* #############################################################*/




/* #############################################################*/
/* #############################################################*/
/* Corps du listing */

    /* Pour les pages à 3 colonnes */
    #contentData {
        float:left;
        position:relative;
        top:10px;
        margin : 0 -20px 0 0;
        width: 720px;
    }


        /* Pour les menu onglet au dessus des contenus */
        #contentDataMenuUl {
            height: 32px;
        }

        #contentDataMenuUl li {
            display: inline;
        }

        #contentDataEls {
            border-left:1px solid #edeae6;
            border-top:1px solid #edeae6;
            padding:10px;
            position:relative;
            margin-bottom: 40px;
            width: 700px;
            float: left;
        }

            .contentDataElsH3 {
                text-align: left !important;
                font-size: 12px;
                margin: 20px 0;
                border-bottom: 1px solid #F47B2B;
            }

                .contentDataElsH3 a {
                    border-bottom: 1px solid #f47b2b;
                }

            .contentDataElsH4 {
                text-align: left !important;
                font-size: 11px;
                background: #E2DDDA;
                line-height: 20px;
                padding-left: 10px;
                font-weight: bold;
            }

            .contentDataElsH5 {
                margin: 10px 0;
                font-weight: bold;
                color: white;
                border-bottom: 1px solid white;
            }
            .butNotWhite {
                color: inherit !important;
            }

            .contentDataElsEncartText {
                padding: 10px; border: 1px solid #E2DDDA;
            }

            .contentDataElsEncartForm {
                padding: 10px;
                border: 1px solid #E2DDDA;
                background: #F67E28;
                color: white;
            }

                .contentDataElsEncartForm {
                    padding: 10px;
                    border: 1px solid #E2DDDA;
                    background: #F67E28;
                }

            .contentDataElsEncartText p {
                margin: 2px;
            }

            #contentDataEls p {
                margin: 20px 0;
            }
    /* Fin */

    #listingData {
        position: relative;
        float: left;
        top: 10px;
        width: 710px;
        float:left;
    }
        table#listingDataHead, table.listingDataHead {
            width: 100%;
        }

        /**
         * Pour les listings dans data en ul
         *
         * VA FALLOIR RANGER CE BOUZIN ...
         * Les mentions ul et li dans les noms de class ou id doivent correspondre à leur véritable balise ...
         * Merci pour l'attention ...
         */


        #listingDataHeadUl, .listingDataHeadUl, #listingDataHeadTr {
            background: url('/images/fond-entete-listing.gif');
            height: 27px;
            margin: 0;
            padding: 0;
            list-style: none;
        }

        #listingDataHeadUl th, .listingDataHeadUl th, #listingDataHeadTr th {
            padding-left: 10px;
            font-size: 12px;
            color: white;
            line-height: 25px;
        }

        .listingDataUl, .listingDataTr, .listingDataTr50 {
            background: #e7e4e0;
            width: 710px;
            height: 26px;
            margin: 2px 0;
        }

        .listingDataTr50 td {
            /* height: 50px; */
            vertical-align: middle;
            border-bottom: 1px solid white;
            padding-left: 10px;
        }

            .listingDataTr50 td img {
                margin: 3px;
            }

        .listingDataStrong td {
            font-weight: bold;
        }

        .listingDataUl li {
            float: left;
        }
        .listingDataUl li, .listingDataUl td, .listingDataTr td {
            padding-left: 10px;
            line-height: 25px;
            background: #e7e4e0;
            color: #685c42;
            vertical-align: top; /* fix pour faire remonter le contenu, tristan */
        }
        .listingDataUl td, #listingDataHeadUl th, .listingDataHeadUl th, #listingDataHeadTr th {
            border-bottom: 2px solid white;
        }

            .listingDataUl li a , .listingDataTr td a {
                color: #685c42;
            }


        /* Pour les cellules d'entêtes, voici les principales */
        .cel20 { width: 20px; }
        .cel30 { width: 30px; }
        .cel40 { width: 40px; }
        .cel50 { width: 50px; }
        .cel60 { width: 60px; }
        .cel75 { width: 75px; }
        .cel85 { width: 85px; }
        .cel100 { width: 100px; }
        .cel115 { width: 115px; }
        .cel125 { width: 125px; }
        .cel150 { width: 150px; }
        .cel200 { width: 200px; }
        .cel250 { width: 250px; }
        .cel300  { width: 300px; }
        .cel400 { width: 400px; }
        .celauto { width: auto; }

        .celRightPadding {
            text-align: right;
            padding-right: 30px;
        }

    /* Pour les listing type content */
    .listingPublicTable {
        width: 710px;
        padding: 10px;
        border-collapse:collapse;
        color: #ED771E;
    }
    .listingPublicTableMedium {
        width: 525px !important;
    }

        .listingPublicTable tr {
            margin: 10px;
        }

        .listingPublicTable tr.separator td {
            border: none;
        }

        .listingPublicTable td{
            vertical-align: top;
            border-bottom: 1px solid gray;
            padding:5px 0;
        }

            .photoTd {
                width: 120px;
            }

            .titreTd {
                width: 120px;
                color: gray;
            }

            .listingPublicTable td p {
                margin: 0 !important;
            }


/* FIN Data */
/* #############################################################*/
/* #############################################################*/




/* #############################################################*/
/* #############################################################*/
/* Colonne right */

#colonneRight {
    background:white none repeat scroll 0 0;
    border-left:1px solid #EDEAE6;
    float:right;
    margin:0 -10px 10px 0px;
    padding-left:18px;
    position:relative;
    width:160px;
}

    .colonneRightH4 {
        font-size: 12px;
        color: #f47b2b;
        border-bottom: 1px solid #edeae6;
        margin: 10px 0;
        position: relative;
        left: -10px;
        padding-left: 10px;
        padding-bottom: 5px;
    }




        p.profilListProjetsP {
            margin: 10px 0 5px 0 !important;
        }




        #messagerieAddress { /* table */

        }
            #messagerieAddressHead { /*tr*/
            }
                #messagerieAddressHeadNom { /* th */
                    width: 200px;
                }
                #messagerieAddressHeadPrenom { /* th */
                    width: 200px;
                }
            .messagerieAddressListingItem { /*tr*/
            }
                .messagerieAddressListingNom { /* td */
                }
                .messagerieAddressListingPrenom { /* td */
                }
            #messagerieAddress .pair {
                background-color: #FFD0AF;
            }
            #messagerieAddress .impair {
                background-color: #D8D8D8;
            }