/*******************************************************************************/
/*                                    compBox                                  */
/*******************************************************************************/

.compBox {
    
}
.compBox .headerComposants {
}
.compBox .headerComposants .footerComposants {
}
.compBox .headerComposants .footerComposants .contentComposants {
}
.compBox .headerComposants .footerComposants .contentComposants .topContentComposants {
}
.compBox .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants {
}
.compBox .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants span {
}
.compBox .headerComposants .footerComposants .contentComposants .dataContentComposants {
    display: none;
}
.compBox .headerComposants .footerComposants .contentComposants .dataContentComposants span {
}
.compBox .headerComposants .footerComposants .contentComposants .dataContentComposants .text {
}
.compBox .headerComposants .footerComposants .contentComposants .dataContentComposants .text a {
}
.compBox .headerComposants .footerComposants .contentComposants .dataContentComposants .text .active {
}
.compBox .headerComposants .footerComposants .contentComposants .dataContentComposants .text .sublabel {
}
.compBox .headerComposants .footerComposants .contentComposants .dataContentComposants .text .active2 {
}
.compBox .headerComposants .footerComposants .contentComposants .bottomContentComposants {
}




#compBox1 {
    background-color: #E2E1DF;
    border-bottom: 5px solid #999999;
    border-top: 5px solid #999999;
    height: 45px;
    width: 100%;
}
#compBox1 .headerComposants {
    background: url("../image/logo_digi.png") no-repeat scroll right -16px rgba(0, 0, 0, 0);
    height: 45px;
}
#contentBlocModeEmploiModeDiffusion1 {
	background: url("../image/eticket_mode_emploi.jpg") no-repeat scroll 0 0 transparent;
    height: 293px;
    width: 189px;
}
#contentBlocModeEmploiModeDiffusion2 {
	background: url("../image/mode_emploi_retrait_guichet.jpg") no-repeat scroll 0 0 transparent;
    height: 240px;
    width: 189px;
}
#contentBlocModeEmploiModeDiffusion3 {
	background: url("../image/mode_emploi_retrait_guichet.jpg") no-repeat scroll 0 0 transparent;
    height: 240px;
    width: 189px;
}

#compBox1 .titleComposants span {
	background: url("../image/tetiere_mode_emploi.jpg") repeat-x scroll 0 0 transparent;
    display: block;
    font-family: arial;
    font-size: 11px;
    font-weight: bold;
    height: 26px;
    line-height: 26px;
    text-indent: 5px;
}

#compBox1 .titleComposants span.titleComposantsOff {
	background: url("../image/tetiere_active_mode_emploi.jpg") repeat-x scroll 0 0 transparent;
	color:#fff;
}