/*******************************************************************************/
/*                                    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 {
}
.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: url("../image/pub.png") no-repeat scroll 0 0 transparent; width:220px; height:280px; margin:0 auto; margin-top:20px;
}
#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;
}