#categories_violet { }

#categories_violet .top { line-height: 0px; font-size: 0px; height: 11px; background: url('/images/common/categories/bg-top.png') no-repeat; }

#categories_violet .middle { width: 179px; _width: 182px; background: url('/images/common/categories/bg-middle.png') repeat-y; padding: 0 5px 0 16px; }

#categories_violet .middle .title { height: 19px; font-family: Arial; font-size:14px; color: #363636; padding: 0 0 0 3px; }

#categories_violet .middle ul { padding: 0 19px 7px 0; }

#categories_violet .middle ul li a{ border-top: 3px solid #f0f0f0; display: block; height: 17px; padding: 0 5px; color: #9191e0; cursor: pointer;}

#categories_violet .middle ul li a.last{ border-bottom: 3px solid #f0f0f0;}

#categories_violet .middle ul li a:hover { background: #9191e0; color: #fff; text-decoration: none;}

#categories_violet .middle ul li a:hover span { color: #fff; }

#categories_violet .middle ul li a span { font-style: italic; font-family: Georgia; padding-left: 5px; font-size: 11px; color: #bab8b0; }

#categories_violet .middle .fix { height:7px; }

#categories_violet .bottom { line-height: 0px; font-size: 0px; height: 11px; background: url('/images/common/categories/bg-bottom.png') no-repeat; }


#violet-column { float: left; width: 445px; overflow: hidden; }

#violet-column .pagination { margin-left: 15px;  }

#violet-column .pagination a { border: none; }

#violet-column .pagination-shadow { background:transparent url(/images/new-design/common/pagination-shadow-x390.png) no-repeat scroll 20px 0; float:left; height:5px; width:410px; }

#violet-column .borderContainer { background: url('/images/new-design/carnet/middle-violet.png') repeat-y; float: left;  }

#violet-column .borderContainer #tabContainer { position: relative; float: left; clear: both; background: url('/images/new-design/carnet/blue-container-bg.png') no-repeat 59px 0px;}

#violet-column .borderContainer #tabContainer a.blueTab { float: left; clear: both; width: 45px;}

#violet-column .borderContainer #tabContainer a.blueTab img { width: 45px; position: relative; left: 14px; margin-top: 1px;}

#violet-column .borderContainer #tabContainer a.active { float: left; clear: both; width: 54px; background: #20b8d4; padding: 3px;}

#violet-column .borderContainer #tabContainer a.active img { width: 54px;}

#violet-column #tabContainer #blueTabBox{ width: 355px; height: 200px; background-image: url('/images/new-design/carnet/blue-container-bg.png'); background-repeat: no-repeat; position: absolute; top: 0; left: 60px; z-index: 10000; padding: 16px 12px; color: #fff; }

#violet-column #tabContainer #blueTabBox p{ margin: 0; padding: 0 120px 0 0; }

#violet-column #tabContainer #blueTabBox p.tabBoxQuote{ margin: 10px 0; font-size: 18px; padding: 0 140px 0 25px; font-family: Georgia, "Times New Roman", Times, serif; background-image: url('/images/new-design/home/blueQuoteBegin.gif'); background-repeat: no-repeat; }

#violet-column #tabContainer #blueTabBox p.tabBoxQuote img{ margin: 0 0 -7px 8px; }

#violet-column #tabContainer #blueTabBox p.tabBoxGray{ color: #343434; }

#violet-column #tabContainer #blueTabBox p.tabBoxLinks{ width: 200px; margin: 10px 0 0 0; font-size: 11px; }

#violet-column #tabContainer #blueTabBox p.tabBoxLinks a{ color: #fff; text-decoration: none; }

#violet-column #tabContainer #blueTabBox p.tabBoxLinks span{ color: #404040; font-weight: bold; }

#violet-column .borderContainer .posts { float: left; clear: both; margin: 15px 0 0 0;}

#violet-column .borderContainer .posts ul { margin: 0 0 0 1px; }

/*#violet-column .borderContainer .posts ul li a{ width: 390px; display: block; text-align: left; font-family: Georgia; font-size: 12px; color: #038ab6; padding: 10px 0 0 20px;}*/

#violet-column .borderContainer .posts ul li { width: 423px; }

#violet-column .borderContainer .posts ul li h2 { color: #9191e0; font-size: 16px; }

#violet-column .borderContainer .posts ul li h3 { color: #76749e; padding: 3px 0 10px 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; }
#violet-column .borderContainer .posts ul li h3 a { color: #76749e; }

#violet-column .borderContainer .posts ul li.odd { background: #efeffa; padding: 10px 6px 10px 14px; }

#violet-column .borderContainer .posts ul li.evan { background: #fff; padding: 10px 6px 10px 14px; }

#violet-column .borderContainer .posts ul li a:hover { text-decoration: none; }

#violet-column .borderContainer .posts ul li a .p11 { display: block; margin-top: 5px; font-size: 11px; font-family: Arial; }

#violet-column .borderContainer .posts ul li a .p11 .rose { color: #ff0099; }

#violet-column .borderContainer .posts ul li a .p11 .grey { color: #666;}

#violet-column .borderContainer .posts ul li a .p11 .dark-grey { color: #333;}

#violet-column .borderContainer .posts ul li a .title { font-family: Georgia; color: #ff0099; font-size: 12px; }

#violet-column .borderBottom { background: url('/images/new-design/carnet/violet-container-bottom.png') no-repeat; width: 445px; height: 20px; line-height: 0px; font-size: 0px; float: left;}

.title_commentaires {
    float: left;
    color: #868686;
    font-size: 11px;
}
.inscription {
	background: none !important;
    float: right;
    color: #868686;
    font-size: 11px;
    padding: 0px !important;
    height: 17px;
    line-height: 17px;
}

.inscription a {
    color: #868686;
    font-size: 11px;
}

.inscription img {
    vertical-align: middle;
}

.dossier {
    float: left;
    width: 445px;
    background: url('/images/new-design/carnet/dossier_bottom.png') right bottom no-repeat #9191e0;
}
    .dossier_pic {
        float: left;
        width: 180px;
    }
    .dossier_top {
        float: left;
        width: 265px;
        height: 11px;
        background: url('/images/new-design/carnet/dossier_top.png') no-repeat;
    }
    .dossier_middle {
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: 12px;
        float: left;
        width: 242px;
        color: #fff;
        padding: 0 13px 0 10px;
        background: #9191e0;
    }
        .dossier_middle h3 {
            color: #f2f9f9;
            font-family: Georgia, "Times New Roman", Times, serif;
            font-size: 18px;
            padding: 28px 0 10px 0;
        }
    /*.par {
        padding: 15px 0 0 0;
        line-height: 30px;
        vertical-align: middle;
    }*/
        .par_text {
            display:block;
            float:left;
            padding: 3px 0 0 0;
            margin: 15px 0 0 0;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 11px;
        }
            .par_text a {
                color: #fff;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 11px;
            }
        .par_img {
            display:block;
            padding: 0 5px;
            float:left;
            margin: 15px 0 0 0;
        }
        .post_text {
            display:block;
            float:left;
            color: #76749e;
            margin: 15px 0 0 0;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 11px;
        }
        
        .post_text img {
            vertical-align: middle;
        }
        
            .post_text a {
                color: #76749e;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 11px;
            }
        .post_img {
            display:block;
            padding: 0 5px;
            float:left;
            margin: 15px 0 0 0;
        }
        

.navigation .pagingContainer_violet{

    width: 422px;

    height: 28px;
    
    background: #fff;

    background-repeat: no-repeat;

    float: left;

    clear: both;

    padding: 8px 0 0 20px;

}

.navigation .pagingContainer_violet .pagingArrows{

    width: 60px;

    height: 20px;

    float: left;

}

.navigation .pagingContainer_violet .pagingArrows a{

    display: block;

    float: left;

    margin-right: 5px;

}

.navigation .pagingContainer_violet p{

    display: block;

    width: 30px;

    height: 20px;

    float: left;

    clear: none;

    margin: 2px 0 0 5px;

    padding: 0;

    color: #363636;

    font-size: 11px;

}

.navigation .pagingContainer_violet p span{
    color: #9191e0;
}
.navigation .pagingContainer_violet .pArrows {
    float: left;
    width: 211px;
    margin: 0 0 0 114px;
}
* html .navigation .pagingContainer_violet .pArrows {
    float: left;
    width: 221px;
    margin: 0 0 0 80px;
}
    
.navigation .pagingContainer_violet .pArrow{

    display: block;

    color: #76749e;
    
    float: left;

    background-image: url(/images/new-design/carnet/violetArrow.gif);

    background-repeat: no-repeat;

    background-position: left center;

    padding: 0 0 0 12px;

    margin: 4px 10px 0 10px;

    text-decoration: none;

    font-size: 11px;

}










.navigation_top {
    background: #fff;
    margin: 0 0 0 2px;
    padding: 0;
    width: 437px;
    float: left;
    overflow: hidden;
}

.navigation_top .pagingContainer_rose{

    width: 422px;

    height: 28px;
    
    background: #fff;

    background-repeat: no-repeat;

    float: left;

    clear: both;

    padding: 8px 0 0 20px;

}

.navigation_top .pagingContainer_rose .pagingArrows{

    width: 60px;

    height: 20px;

    float: left;

}

.navigation_top .pagingContainer_rose .pagingArrows a{

    display: block;

    float: left;

    margin-right: 5px;

}

.navigation_top .pagingContainer_rose p{

    display: block;

    width: 30px;

    height: 20px;

    float: left;

    clear: none;

    margin: 2px 0 0 5px;

    padding: 0;

    color: #363636;

    font-size: 11px;

}

.navigation_top .pagingContainer_rose p span{
    color: #ff0099;
}
.navigation_top .pagingContainer_rose .pArrows {
    float: left;
    width: 211px;
    margin: 0 0 0 114px;
}
.commentsColumn .pagingContainerRoseOrder {
    position: absolute;
    width: 221px;
    margin-top: 11px;
    padding: 8px 0 0 0;
    margin-left: 221px;
}
    
.navigation_top .pagingContainer_rose .pArrow{

    display: block;

    color: #666666;
    float: left;

    background-image: url(/images/new-design/home/grisArrow.gif);

    background-repeat: no-repeat;

    background-position: left center;

    padding: 0 0 0 12px;

    margin: 4px 10px 0 10px;

    text-decoration: none;

    font-size: 11px;

}
.commentsColumn .pagingContainerRoseOrder .pArrow{

    display: block;

    color: #666666;
    float: left;

    background-image: url(/images/new-design/home/grisArrow.gif);

    background-repeat: no-repeat;

    background-position: left center;

    padding: 0 0 0 12px;

    margin: 4px 10px 0 10px;

    text-decoration: none;

    font-size: 11px;

}
.navigation_top .pagingContainer_rose .pArrow_rose {

    display: block;

    color: #ff0099;
    
    float: left;

    background-image: url(/images/new-design/home/roseArrow.gif);

    background-repeat: no-repeat;

    background-position: left center;

    padding: 0 0 0 12px;

    margin: 4px 10px 0 10px;

    text-decoration: none;

    font-size: 11px;

}
.commentsColumn .pagingContainerRoseOrder .pArrow_rose {

    display: block;

    color: #ff0099;
    
    float: left;

    background-image: url(/images/new-design/home/roseArrow.gif);

    background-repeat: no-repeat;

    background-position: left center;

    padding: 0 0 0 12px;

    margin: 4px 10px 0 10px;

    text-decoration: none;

    font-size: 11px;

}




.navigation_top .pagingContainer_bleu{

    width: 422px;

    height: 28px;
    
    background: #fff;

    background-repeat: no-repeat;

    float: left;

    clear: both;

    padding: 8px 0 0 20px;

}

.navigation_top .pagingContainer_bleu .pagingArrows{

    width: 60px;

    height: 20px;

    float: left;

}

.navigation_top .pagingContainer_bleu .pagingArrows a{

    display: block;

    float: left;

    margin-right: 5px;

}

.navigation_top .pagingContainer_bleu p{

    display: block;

    width: 30px;

    height: 20px;

    float: left;

    clear: none;

    margin: 2px 0 0 5px;

    padding: 0;

    color: #363636;

    font-size: 11px;

}

.navigation_top .pagingContainer_bleu p span{
    color: #038ab6;
}
.navigation_top .pagingContainer_bleu .pArrows {
    float: left;
    width: 240px!important;
    margin: 0 0 0 60px;
}
    
.navigation_top .pagingContainer_bleu .pArrow{

    display: block;

    color: #666666;
    float: left;

    background-image: url(/images/new-design/home/grisArrow.gif);

    background-repeat: no-repeat;

    background-position: left center;

    padding: 0 0 0 12px;

    margin: 4px 10px 0 10px;

    text-decoration: none;

    font-size: 11px;

}
.navigation_top .pagingContainer_bleu .pArrow_bleu {

    display: block;

    color: #038ab6;
    
    float: left;

    background-image: url(/images/new-design/home/blueArrow.gif);

    background-repeat: no-repeat;

    background-position: left center;

    padding: 0 0 0 12px;

    margin: 4px 10px 0 10px;

    text-decoration: none;

    font-size: 11px;

}

.pagingContainer_rose .eveil {
    color: #ff0099;
    font-size: 18px;
    padding: 0 0 0 10px;
    float: left;
    margin: -2px 0 0 0;
}
    .pagingContainer_rose .eveil span {
        color: #b5b5b5;
        font-family: Georgia, "Times New Roman", Times, serif;
        font-style: italic;
        font-size: 16px;
    }
.pagingContainer_bleu .eveil {
    color: #20b8d4;
    font-size: 18px;
    padding: 0 0 0 10px;
    float: left;
    margin: -2px 0 0 0;
}

.pagingContainer_bleu .eveil span {
    color: #b5b5b5;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    font-size: 16px;
}
    
.pagingContainer_vert .eveil {
    color:#3EC034;
    font-size: 18px;
    padding: 0 0 0 10px;
    float: left;
    margin: -2px 0 0 0;
}
.pagingContainer_vert .eveil span {
	color:#3EC034;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 16px;
}
        
    #rose-column .par_commentaires {
        color: #333;
        font-size: 11px;
        padding: 0 5px 0 0; 
    }
        #rose-column .par_commentaires a {
            display: inline!important;
            width: 100%!important;
            padding: 0 2px!important;
            color: #ff0099!important;
            font-size: 11px!important;
            font-family: Arial, Helvetica, sans-serif!important;
        }
    #blue-column .par_commentaires {
        color: #333;
        font-size: 11px;
        padding: 0 5px 0 0; 
    }
        #blue-column .par_commentaires a {
            display: inline!important;
            width: 100%!important;
            padding: 0 2px!important;
            color: #038ab6!important;
            font-size: 11px!important;
            font-family: Arial, Helvetica, sans-serif!important;
        }

#rose-column .borderContainer .posts ul li h2 {
    color: #ff0099;
    font-size: 14px;
    font-family: Georgia, "Times New Roman", Times, serif
}
#rose-column .borderContainer .posts ul li {
    width: 430px;
}
#rose-column .borderContainer .posts ul li.odd, #rose-column .borderContainer .posts ul li.evan {
    padding: 12px 5px 12px 8px;
}
#rose-column .borderContainer .posts ul {
    padding: 0 1px 0 0!important;
}

#blue-column .borderContainer .posts ul li h2 {
    color: #038ab6;
    font-size: 14px;
    font-family: Georgia, "Times New Roman", Times, serif
}
#blue-column .borderContainer .posts ul li {
    width: 430px;
}
#blue-column .borderContainer .posts ul li.odd, #blue-column .borderContainer .posts ul li.evan {
    padding: 12px 5px 12px 8px;
}
#blue-column .borderContainer .posts ul {
    padding: 0 1px 0 0!important;
}


#categories_bleu { }

#categories_bleu .top { line-height: 0px; font-size: 0px; height: 11px; background: url('/images/common/categories/bg-top.png') no-repeat; }

#categories_bleu .middle { width: 179px; _width: 182px; background: url('/images/common/categories/bg-middle.png') repeat-y; padding: 0 5px 0 16px; }

#categories_bleu .middle .title { height: 19px; font-family: Arial; font-size:14px; color: #363636; padding: 0 0 0 3px; }

#categories_bleu .middle ul { padding: 0 19px 7px 0; }

#categories_bleu .middle ul li a{ border-top: 3px solid #f0f0f0; display: block; height: 17px; padding: 0 5px; color: #20b8d4; cursor: pointer;}

#categories_bleu .middle ul li a.last{ border-bottom: 3px solid #f0f0f0;}

#categories_bleu .middle ul li a:hover { background: #20b8d4; color: #fff; text-decoration: none;}

#categories_bleu .middle ul li a:hover span { color: #fff; }

#categories_bleu .middle ul li a span { font-style: italic; font-family: Georgia; padding-left: 5px; font-size: 11px; color: #bab8b0; }

#categories_bleu .middle .fix { height:7px; }

#categories_bleu .bottom { line-height: 0px; font-size: 0px; height: 11px; background: url('/images/common/categories/bg-bottom.png') no-repeat; }