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

.compBox {
    display: block;
    height: 335px;
    width: 237px;
	  clear: both;
}
.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 .bottomContentComposants {
}

#compBox1 {
}
#compBox1 .headerComposants .footerComposants .contentComposants .dataContentComposants .text.line1 {
}

#compBox2 .headerComposants .footerComposants .contentComposants .dataContentComposants {
}





/******** Modalité Cinematheque ********************/

#pageAccueil #modalite{
	display:none;
}
#modalite{
	float: left;
    width: 237px;
	background: none repeat scroll 0 0 #2F90AC;
}
#modalite ul{
	list-style: none outside none;
    padding-bottom: 15px;
    text-align: left;
}
#modalite ul li{
	color: #78D9F7;
    padding: 5px 20px;
}
#modalite ul li:nth-child(1){
	border-bottom:1px solid #156A86;
}

#modalite ul li:nth-child(2){
	border-top: 1px solid #78D9F7;
    padding-top: 15px;
}

#modalite ul li h2{
	background: none repeat scroll 0 0 #2F90AC;
    color: #78D9F7;
    font-size: 12px;
    padding: 10px 0;
	
}