@charset "utf-8";
/* CSS Document */

/* Style block contenat la dates */
	#blockdate{
		background-color:#404040;	
		transition: background-color 0.5s linear 0.2s;
			-webkit-transition: background-color 0.5s linear 0.2s;
			-moz-transition: background-color 0.5s linear 0.2s;
			-ms-transition: background-color 0.5s linear 0.2s;
			-o-transition: background-color 0.5s linear 0.2s;
			transition: background-color 0.5s linear 0.2s;
	}

	#blockdate:hover{
		background-color:#666666;	
		transition: background-color 0.5s linear 0.2s;
			-webkit-transition: background-color 0.5s linear 0.2s;
			-moz-transition: background-color 0.5s linear 0.2s;
			-ms-transition: background-color 0.5s linear 0.2s;
			-o-transition: background-color 0.5s linear 0.2s;
			transition: background-color 0.5s linear 0.2s;
	}

#blockdate_bis {
    background-color: #FF0551;
	transition: background-color 0.5s linear 0.2s;
			-webkit-transition: background-color 0.5s linear 0.2s;
			-moz-transition: background-color 0.5s linear 0.2s;
			-ms-transition: background-color 0.5s linear 0.2s;
			-o-transition: background-color 0.5s linear 0.2s;
			transition: background-color 0.5s linear 0.2s;
}

	#blockdate_bis:hover{
		background-color: #CC0033;	
		transition: background-color 0.5s linear 0.2s;
			-webkit-transition: background-color 0.5s linear 0.2s;
			-moz-transition: background-color 0.5s linear 0.2s;
			-ms-transition: background-color 0.5s linear 0.2s;
			-o-transition: background-color 0.5s linear 0.2s;
			transition: background-color 0.5s linear 0.2s;
	}
	
	.txtDate{
		 padding-left: 50px;
		 padding-top: 70px;
		 color:white;
	}
	
	.month{
		font-size:45px;
	}
	
	.day{
		font-size:28px;
	}


/* Style block contenat les séances au programme */
	.blockprog {
		float:left;
		color: white;
		display: inline-block;
		font-family: dinpro-light,Trebuchet MS,Georgia,Verdana,Times New Roman,Times,serif;
		height: 230px;
		overflow: hidden;
		padding: 0;
		width: 230px;
		z-index: 4;
		background-position:50% 50%;
		background-size: 200%;
		text-decoration:none;
		
	}
	
	.blockprogmosaic {
	position:relative;
		float:left;
		color: white;
		display: inline-block;
		font-family: dinpro-light,Trebuchet MS,Georgia,Verdana,Times New Roman,Times,serif;
		overflow: hidden;
		padding: 0;
		width: 230px;
		height: 230px;
		z-index: 4;	
	}
	
	.blockprogmosaichigh {
	position:relative;
		float:left;
		color: white;
		display: inline-block;
		font-family: dinpro-light,Trebuchet MS,Georgia,Verdana,Times New Roman,Times,serif;
		overflow: hidden;
		padding: 0;
		width: 230px;
		height: 460px;
		z-index: 4;	
	}
	
	.blockprogphoto {
		float:left;
		color: white;
		display: inline-block;
		font-family: dinpro-light,Trebuchet MS,Georgia,Verdana,Times New Roman,Times,serif;
		overflow: hidden;
		padding: 0;
		width: 230px;
		height: 230px;
		z-index: 4;	
	}
	
	
	.blockprogimg {
		float:left;
		position:relative;
		background-position:50% 50%;
		background-size: 200%;	
		width: 230px;
		height: 230px;
	}	

	.blockprogimgbis {
		float:left;
		position:relative;
		background-position:50% 50%;
		background-size: 100%;	
		width: 230px;
		height: 230px;
	}	


	.blockprogimghigh {
		float:left;
		position:relative;
		background-position:50% 50%;
		background-size: 100%;	
		width: 230px;
		height: 460px;
	}	
	
	
	.blockprogimgwide {
		float:left;
		position:relative;
		background-position:50% 50%;
		background-size: 100%;	
		width: 400px;
		height: 700px;
	}	
	
	.blockprogimgbig {
		float:left;
		position:relative;
		background-position:50% 50%;
		background-size: 180%;	
		width: 460px;
		height: 460px;
	}	
	
	.blockprogimgabsolute{
		
		float:left;
		position:relative;
		background-position:50% 50%;
		background-size: 200%;	
		width: 230px;
		height: 230px;
	
	}
	
	.divtransparent{
	float:left;
	position:relative;
	background-color:#FFFFFF;
	opacity:1;
	transition: opacity 0.5s linear 0.2s;
		-webkit-transition: opacity 0.5s linear 0.2s;
		-moz-transition: opacity 0.5s linear 0.2s;
		-ms-transition: opacity 0.5s linear 0.2s;
		-o-transition: opacity 0.5s linear 0.2s;
		transition: opacity 0.5s linear 0.2s;
	}
	
	.divtransparent:hover{
	opacity:0.95;
	transition: opacity 0.5s linear 0.2s;
		-webkit-transition: opacity  0.5s linear 0.2s;
		-moz-transition: opacity 0.5s linear 0.2s;
		-ms-transition: opacity 0.5s linear 0.2s;
		-o-transition: opacity 0.5s linear 0.2s;
		transition: opacity 0.5s linear 0.2s;
	}
		
		

	.infoblock{
		position: absolute;
		height: 92px;
		margin-top: 138px;
		width: 230px;
		background-color: rgba(0,0,0,0.6);
		transition: background-color 0.5s linear 0.2s;
		-webkit-transition: background-color 0.5s linear 0.2s;
		-moz-transition: background-color 0.5s linear 0.2s;
		-ms-transition: background-color 0.5s linear 0.2s;
		-o-transition: background-color 0.5s linear 0.2s;
		transition: background-color 0.5s linear 0.2s;
	}
	
.infoblockhigh {
    position: absolute;
    color: #FFF;
    height: 92px;
    margin-top: 368px;
    width: 230px;
    background-color: rgba(0,0,0,0.6);
		transition: background-color 0.5s linear 0.2s;
		-webkit-transition: background-color 0.5s linear 0.2s;
		-moz-transition: background-color 0.5s linear 0.2s;
		-ms-transition: background-color 0.5s linear 0.2s;
		-o-transition: background-color 0.5s linear 0.2s;
		transition: background-color 0.5s linear 0.2s;
}

	.infoblockrose{
		position:absolute;
		color: white;
		background-color: rgba(255, 5, 81, 0.6);
		margin-top:368px;
		height: 92px;
		margin-top:368px;
		width:460px;
		transition: background-color 0.5s linear 0.2s;
		-webkit-transition: background-color 0.5s linear 0.2s;
		-moz-transition: background-color 0.5s linear 0.2s;
		-ms-transition: background-color 0.5s linear 0.2s;
		-o-transition: background-color 0.5s linear 0.2s;
		transition: background-color 0.5s linear 0.2s;
	}
	.infoblockrosewide{
		position:absolute;
		color: white;
		background-color: rgba(255, 5, 81, 0.6);
		height: 92px;
		margin-top:308px;
		width:690px;
		transition: background-color 0.5s linear 0.2s;
		-webkit-transition: background-color 0.5s linear 0.2s;
		-moz-transition: background-color 0.5s linear 0.2s;
		-ms-transition: background-color 0.5s linear 0.2s;
		-o-transition: background-color 0.5s linear 0.2s;
		transition: background-color 0.5s linear 0.2s;
	}
	
.infoblockmain {
    position: absolute;
    color: #FFF;
    height: 92px;
    margin-top: 368px;
    width: 460px;
    background-color: rgba(0,0,0,0.6);
		transition: background-color 0.5s linear 0.2s;
		-webkit-transition: background-color 0.5s linear 0.2s;
		-moz-transition: background-color 0.5s linear 0.2s;
		-ms-transition: background-color 0.5s linear 0.2s;
		-o-transition: background-color 0.5s linear 0.2s;
		transition: background-color 0.5s linear 0.2s;
}


.infoblockmainwide {
    position: absolute;
	left: 0px;
    color: #FFF;
    height: 92px;
    margin-top: 308px;
    width: 690px;
    background-color: rgba(0,0,0,0.6);
		transition: background-color 0.5s linear 0.2s;
		-webkit-transition: background-color 0.5s linear 0.2s;
		-moz-transition: background-color 0.5s linear 0.2s;
		-ms-transition: background-color 0.5s linear 0.2s;
		-o-transition: background-color 0.5s linear 0.2s;
		transition: background-color 0.5s linear 0.2s;
}

	.infoblocktxt{
		text-transform : uppercase;
		padding-left: 20px;
		line-height: 16px;
		padding-top: 16px;
		color:white;
	}
	
	.txthoraire{
		font-size:20px;
		font-family:dinpro-medium;
	}
	
	.txtdescri{
		font-size: 12px;
		line-height: 16px;
	}
	
	
	/* block placé à droite de la page */
/* 	.right{
		width: 230px;
	}
	*/
	
	/* block principale (rose) */
	.big{
		height: 460px!important;
		width: 460px!important;
		background-size: auto 100%;
	}
	.wide{
		height: 400px!important;
		width: 690px!important;
	}	
	
	.infoblocktxtbig{
		padding-left: 40px;
		padding-top: 40px;
		color:white;
	}
	
	/*.infoblockright{
		background-color: rgba(0,0,0,0.6);
		height: 92px;
		margin-top: 141px;
		position: absolute;
		width: 230px;
		transition: background-color 0.5s linear 0.2s;
		-webkit-transition: background-color 0.5s linear 0.2s;
		-moz-transition: background-color 0.5s linear 0.2s;
		-ms-transition: background-color 0.5s linear 0.2s;
		-o-transition: background-color 0.5s linear 0.2s;
		transition: background-color 0.5s linear 0.2s;
	}*/
	
a {
text-decoration:none;
border: 0px;
}

	/* div programme placé en absolute (1e colonne , 3e block)*/
	.absolute{
		height: 230px;
		margin-left: -690px;
		position: absolute;
		margin-top: 460px;
	}
	.absolute2{
		height: 230px;
		margin-left: -690px;
		position: absolute;
		margin-top: 230px;
	}	
	/*Evènement sur le blog programme */
	.blockprog:hover .infoblock{
		background-color: rgba(0,0,0,1);
		transition: background-color 0.5s linear 0.2s;
		-webkit-transition: background-color 0.5s linear 0.2s;
		-moz-transition: background-color 0.5s linear 0.2s;
		-ms-transition: background-color 0.5s linear 0.2s;
		-o-transition: background-color 0.5s linear 0.2s;
		transition: background-color 0.5s linear 0.2s;
	}
	
	.blockprogmosaic:hover .infoblock{
		background-color: rgba(0,0,0,1);
		transition: background-color 0.5s linear 0.2s;
		-webkit-transition: background-color 0.5s linear 0.2s;
		-moz-transition: background-color 0.5s linear 0.2s;
		-ms-transition: background-color 0.5s linear 0.2s;
		-o-transition: background-color 0.5s linear 0.2s;
		transition: background-color 0.5s linear 0.2s;
	}

	/*.blockprog:hover .infoblockright{
		background-color: rgba(0,0,0,1);
		transition: background-color 0.5s linear 0.2s;
		-webkit-transition: background-color 0.5s linear 0.2s;
		-moz-transition: background-color 0.5s linear 0.2s;
		-ms-transition: background-color 0.5s linear 0.2s;
		-o-transition: background-color 0.5s linear 0.2s;
		transition: background-color 0.5s linear 0.2s;
	}*/

	.blockprog:hover .infoblockrose{
		background-color: rgba(255, 5, 81, 1);
		transition: background-color 0.5s linear 0.2s;
		-webkit-transition: background-color 0.5s linear 0.2s;
		-moz-transition: background-color 0.5s linear 0.2s;
		-ms-transition: background-color 0.5s linear 0.2s;
		-o-transition: background-color 0.5s linear 0.2s;
		transition: background-color 0.5s linear 0.2s;
	}
	
	.blockprogmosaic:hover .infoblockrose{
		background-color: rgba(255, 5, 81, 1);
		transition: background-color 0.5s linear 0.2s;
		-webkit-transition: background-color 0.5s linear 0.2s;
		-moz-transition: background-color 0.5s linear 0.2s;
		-ms-transition: background-color 0.5s linear 0.2s;
		-o-transition: background-color 0.5s linear 0.2s;
		transition: background-color 0.5s linear 0.2s;
	}

	.blockprog:hover .infoblockrosewide{
		background-color: rgba(255, 5, 81, 1);
		transition: background-color 0.5s linear 0.2s;
		-webkit-transition: background-color 0.5s linear 0.2s;
		-moz-transition: background-color 0.5s linear 0.2s;
		-ms-transition: background-color 0.5s linear 0.2s;
		-o-transition: background-color 0.5s linear 0.2s;
		transition: background-color 0.5s linear 0.2s;
	}
	
	.blockprogmosaic:hover .infoblockrosewide{
		background-color: rgba(255, 5, 81, 1);
		transition: background-color 0.5s linear 0.2s;
		-webkit-transition: background-color 0.5s linear 0.2s;
		-moz-transition: background-color 0.5s linear 0.2s;
		-ms-transition: background-color 0.5s linear 0.2s;
		-o-transition: background-color 0.5s linear 0.2s;
		transition: background-color 0.5s linear 0.2s;
	}

	.blockprog:hover .infoblockmain{
		background-color: rgba(0,0,0,1);
		transition: background-color 0.5s linear 0.2s;
		-webkit-transition: background-color 0.5s linear 0.2s;
		-moz-transition: background-color 0.5s linear 0.2s;
		-ms-transition: background-color 0.5s linear 0.2s;
		-o-transition: background-color 0.5s linear 0.2s;
		transition: background-color 0.5s linear 0.2s;
	}
	
	.blockprogmosaic:hover .infoblockmain{
		background-color: rgba(0,0,0,1);
		transition: background-color 0.5s linear 0.2s;
		-webkit-transition: background-color 0.5s linear 0.2s;
		-moz-transition: background-color 0.5s linear 0.2s;
		-ms-transition: background-color 0.5s linear 0.2s;
		-o-transition: background-color 0.5s linear 0.2s;
		transition: background-color 0.5s linear 0.2s;
	}

	.blockprog:hover .infoblockmainwide{
		background-color: rgba(0,0,0,1);
		transition: background-color 0.5s linear 0.2s;
		-webkit-transition: background-color 0.5s linear 0.2s;
		-moz-transition: background-color 0.5s linear 0.2s;
		-ms-transition: background-color 0.5s linear 0.2s;
		-o-transition: background-color 0.5s linear 0.2s;
		transition: background-color 0.5s linear 0.2s;
	}
	
	.blockprogmosaic:hover .infoblockmainwide{
		background-color: rgba(0,0,0,1);
		transition: background-color 0.5s linear 0.2s;
		-webkit-transition: background-color 0.5s linear 0.2s;
		-moz-transition: background-color 0.5s linear 0.2s;
		-ms-transition: background-color 0.5s linear 0.2s;
		-o-transition: background-color 0.5s linear 0.2s;
		transition: background-color 0.5s linear 0.2s;
	}
/*.imagemain{

height:100%;
margin-left: auto;
margin-right: auto;

}

.image{

height:100%;
margin-left: auto;
margin-right: auto;
display:block;

}*/