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


/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	
	.strong {
		font-weight:bold!important;	
	}
	
	::i-block-chrome,.strong {
    	font-weight: initial!important;
    }
}


.strong{

font-weight:bold;

}

.pointer{
cursor:pointer;

}


img {
border:0px;
}

#content1 , #content2 , #content3 , #content4 , #content5 , #content6, #content7, #content8, #content9{

background-size: 25% auto;
background-repeat: no-repeat;
background-position: 32% 0%;

}

#content1{

background-position: 82% 0%;

}

#content2{

background-position: 70% 0%;

}

#content3{

background-position: 62% 0%;
width: 73px;
margin-left: -6px;	
}


#content4{

background-position: 54% 0%;
width: 73px;
margin-left: -8px;

}

#content5{

background-position: 47% 0%;
width: 73px;
margin-left: -8px;

}

#content6{

background-position: 41% 0%;
width: 73px;
margin-left: -8px;

}
#content7{

background-position: 41% 0%;
width: 73px;
margin-left: -8px;

}
#content8{

background-position: 41% 0%;
width: 73px;
margin-left: -8px;

}
#content9{

background-position: 41% 0%;
width: 73px;
margin-left: -8px;

}

.addcontent{

display: inline-block;
width: 67px;
margin-right: -1px;
text-align: center;
height: 36px;

}



.positionaddcontent{
position: absolute;
float:right;
margin-top: 65px;
height: 20px;
right:25px;
}

.positionaddcontent9{
position: absolute;
float:right;
margin-top: 65px;
height: 20px;
right:20px;
}

.positionaddcontent7{
position: absolute;
float:right;
margin-top: 65px;
height: 20px;
right:25px;
}
.positionaddcontent6{
position: absolute;
float:right;
margin-top: 65px;
height: 20px;
right:25px;
}
.positionaddcontent5{
position: absolute;
float:right;
margin-top: 65px;
height: 20px;
right:29px;
}
.positionaddcontent4{
position: absolute;
float:right;
margin-top: 65px;
height: 20px;
right:34px;
}
.positionaddcontent3{
position: absolute;
float:right;
margin-top: 65px;
height: 20px;
right:36px;
}

.positionaddcontent2{
position: absolute;
float:right;
margin-top: 65px;
height: 20px;
right:40px;
}


.proggrey{

color:#666;

}

.progrose{

color:#FF0551;
text-decoration:none;
}


.desctechtxt{

line-height:18px;
text-align: initial!important;
padding-bottom: 42px;

}


.imagedesctechtxt{

position: absolute;
margin-top: 5px;
margin-left: 5px;
}

.imagelist{
margin-left: 3px;
}


.image_detail{
width: 100%;
margin-right: 20px;
padding-bottom: 42px;
}

.image_detail img{

width: 100%;
height: auto;
}


.copyright{

float: right;
margin-top: 5px;

}

.txtDate2{

 padding-left: 45px;
 padding-top: 70px;
}

.blockprog2 {
    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;
}

.blockprog2bis {
    display: inline-block;
    font-family: dinpro-light,Trebuchet MS,Georgia,Verdana,Times New Roman,Times,serif;
    height: 230px;
    overflow: hidden;
    padding: 0;
    width: 330px;
    z-index: 4;
}

.blockprog3 {
	display: inline-block;
    font-family: dinpro-light,Trebuchet MS,Georgia,Verdana,Times New Roman,Times,serif;
    height: 230px;
    overflow: hidden;
	margin-top: -45px;
	margin-left: -45px;
    padding: 0;
    width: 350px;
    z-index: 4;
}

#Container .mix {
    display: none;
    opacity: 1;
    width: 100%;
    height: auto;
}

.filter {
DISPLAY: inline-block;
COLOR: #000000;
TEXT-DECORATION: none;
padding-right: 20px;
background-color: rgb(234, 234, 234);
height:10px;
}
.filterbis {
DISPLAY: inline-block;
COLOR: #000000;
TEXT-DECORATION: none;
padding-right: 15px;
background-color: rgb(234, 234, 234);
height:10px;
}
.filterter {
DISPLAY: inline-block;
COLOR: #000000;
TEXT-DECORATION: none;
padding-right: 15px;
background-color: rgb(234, 234, 234);
height:10px;
}

.filter9 {
DISPLAY: inline-block;
COLOR: #000000;
TEXT-DECORATION: none;
padding-right: 10px;
background-color: rgb(234, 234, 234);
height:10px;
}

.filter8 {
DISPLAY: inline-block;
COLOR: #000000;
TEXT-DECORATION: none;
padding-right: 11px;
background-color: rgb(234, 234, 234);
height:10px;
}

.filter9bis {
DISPLAY: inline-block;
COLOR: #000000;
TEXT-DECORATION: none;
padding-right: 10px;
padding-left: 3px;
background-color: rgb(234, 234, 234);
height:10px;
}


a .filter{
margin-left:10 px;
}
a .filterbis{
margin-left:10 px;
}
a .filter9{
margin-left:10 px;
}



.filter:hover {
color: #000000!important;
}
.filterbis:hover {
color: #000000!important;
}
.filter9:hover {
color: #000000!important;
}


.positionfilter{
position: absolute;
float:right;
right:25px;

margin-top: 75px;

}

.positionfilterbis{
position: absolute;
float:right;
right:25px;

margin-top: 75px;

}

.positionfilter9{
position: absolute;
float:right;
right:25px;

margin-top: 50px;

}
.positionfilter9bis{
position: absolute;
float:right;
right:25px;

margin-top: 75px;

}

#contentProg{
width: 100%;
height: auto;
}

.placeContent{

margin-left: 45px;
padding-right: 45px;
margin-top: -32px;
padding-bottom: 45px;

}

.placeContentList{

padding: 45px;

}

.placeHoraire{

font-size: 45px;
padding-top: 120px;
float: right;
padding-right: 45px;

}


.txt{
font-size: 28px;
margin-top: -20px;	
}


#type{

line-height: 33px;

}

#lieu{

line-height:48px;

}
#lieubis{

line-height:25px;

}

.titre{

font-family: dinpro-medium;
margin-top: -5px;
line-height: 40px;
margin-bottom: -5px;

}

.txtliste{
font-family: dinpro-medium;
font-size: 28px;
}

.titreliste{
font-family: dinpro-light;
font-size: 28px;
margin-top: -5px;
line-height: 40px;
margin-bottom: -5px;

}

.desctxt{

font-size: 12px;
color: grey;	
line-height: 16px;

}



.contentdivvideo{

position: relative;
padding-bottom: 42px;

}


.divvideo{

width: 610px;

}

iframe{

padding-bottom: 42px;

}

.videotitre{

font-family: dinpro-medium;
font-size: 28px;

}

.progsynop{

height: 370px;
overflow: auto;
margin-top: -18px;

}



.infosphp{

margin-bottom: -26px;
margin-top: -3px;

}

.menuProg {

text-decoration: none;
color: #000000;
font-size: 13px;
font-weight: bold;

}

.menuProg:hover{

color: rgb(255, 5, 81);

}

#menuContent {

position: absolute;
margin-top: 105px;

}

#menuvertival2 li a .readmore4 {

color: rgb(255, 5, 81)!important;

}

#menuvertival2 li a .symbols {

color: rgb(255, 5, 81)!important;

}


.litoutvoir:hover .toutvoir {
	background-color:#FF0551;!important;
	color: #fff;
	-webkit-transition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	-ms-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	transition: background 0.3s ease; 
}

.toutvoir{
padding: 0px 6px!important;
border: 1px solid #FF0551;
margin-left: 10px;
-webkit-transition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	-ms-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	transition: background 0.3s ease; 

}

.prog_menu_v {
	position:absolute;
	top:0px;
}

.fixedprog {
    position: fixed;
    top: 30px;
}

li2{

border-bottom:1px solid #fff;

}


ul2 {
    position: absolute;

    float: left;
    z-index: 1001;
}
.selectnum{

background-color:#FF0551;

}



.titremenuprog{

margin-bottom: 18px;

}

.posjournum{

padding-bottom: 15px!important;
padding-top: 5px;
text-align: center;
padding-left: 18px!important;
display: inline-block;


}

.posjournum2A{
position: relative;
padding-bottom: 0px!important;
padding-top: 5px;
text-align: center;
padding-left: 18px!important;
display: inline-block;


}

.posjournum2B{

padding-bottom: 15px!important;
padding-top: 5px;
text-align: center;
padding-left: 18px!important;
display: inline-block;


}

.postxtjour{
padding-left: 18px!important;
display: inline-block;

}

.txtjour{
position:relative;
float:left;
display: inline-block;
width: 38px;
text-align: center;

}

.txtjour7{
position:relative;
float:left;
display: inline-block;
width: 33px;
text-align: center;

}

.jourNum a:hover{

background-color:#FF0551;
color: #fff!important;

}

.jourNum a{
padding-top: 1px;
padding-bottom: 1px;
padding-left: 10px;
padding-right: 10px;
text-decoration:none;
}


.jourNum{
position:relative;
float:left;
margin: 0px !important;
display: inline-block;
width: 38px;
text-align: center;
}

.jourNum7 a:hover{

background-color:#FF0551;
color: #fff!important;

}

.jourNum7 a{
padding-top: 1px;
padding-bottom: 1px;
padding-left: 8px;
padding-right: 8px;
text-decoration:none;
}

.jourNum7{
position:relative;
float:left;
margin: 0px !important;
display: inline-block;
width: 33px;
text-align: center;
}



   #menuvertivalprog {
   z-index: 10;
	float: left;
	width: 280px;
	font-size: 15px;
	font-family: dinpro-light,Verdana,Helvetica,Arial,sans-serif;
	line-height: 22px;
	padding-left: 19px;
	padding-top: 70px;
	padding-bottom: 50px;
	background-color: #404040;
	color:#FFFFFF;
	top: 290px;
}


#divmenu {
margin-left:1px;
    z-index: 10;
    float: left;
    width: 240px;
    font-size: 15px;
    font-family: dinpro-light,Verdana,Helvetica,Arial,sans-serif;
    line-height: 22px;
	padding: 5px 5px 5px 20px;
    background-color: #CCCCCC;
	color:#000000;
  	top: 678px;
	-webkit-transition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	-ms-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	transition: background 0.3s ease; 
}

#divmenu img{
visibility:hidden;

}
#divmenu:hover img{
visibility:visible;
}

#div2menu {
	margin-left:1px;
	z-index: 10;
	float: left;
	width: 240px;
	font-size: 15px;
	font-family: dinpro-light,Verdana,Helvetica,Arial,sans-serif;
	line-height: 22px;
	padding: 5px 5px 5px 10px;
    background-color: #CCCCCC;
	color:#000000;
	top: 716px;
	-webkit-transition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	-ms-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	transition: background 0.3s ease; 
}

#menuvertivalprog ul li {
    list-style: outside none none;
	
    line-height: 22px;
	padding: 3px 0px;
}

#menuvertivalprog ul li3{
    list-style: outside none none;
	
    line-height: 22px;
	padding: 3px 0px;
}

#menuvertivalprog a {
    
	text-decoration:none;
	color:#FFFFFF;
}

#menuvertivalprog img {
    
height: 10px;
margin-top: 0px;
margin-right: 10px;
}

#divmenu img {
    
height: 10px;
margin-top: 0px;
margin-right: 0px;
}


#div2menu img {
    
height: 10px;
margin-top: 0px;
margin-right: 10px;
}


#menuvertivalprog li:hover span {
    
	background-color:#FF0551;
	color: #fff
}

#menuvertivalprog li span {
    
	padding: 3px 10px;
	font-size: 11px;
	font-family: "dinpro-medium";
	text-transform: uppercase;
	-webkit-transition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	-ms-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	transition: background 0.3s ease; 
}

#menuvertivalprog li3  {
    
	padding: 3px 10px;
	font-size: 11px;
	font-family: "dinpro-medium";
	text-transform: uppercase;
}

#divmenu span{    
	padding: 3px 10px;
	font-family: "dinpro-medium";
	font-size: 11px;
	text-transform: uppercase;
}


#div2menu span {
    font-family: "dinpro-medium";
	padding: 3px 10px;
	font-size: 11px;
	text-transform: uppercase;
}

#divmenu:hover {
    
	background-color:#FF0551;
	color: #fff!important;
}


#div2menu:hover{
    
	background-color:#FF0551;
	color: #fff!important;
}

#div2menu:hover span{
    
	color: #fff!important;
}

#divmenu:hover span{
    
	color: #fff!important;
}


a #divmenu  {
    
	text-decoration:none;
	color:initial;
}

a #div2menu  {
    
	text-decoration:none;
	color:initial;
}


#menuvertivalprog ul {
    z-index: 10;
    padding: 0px;
    margin: 0px;
    width: 280px;
    border-width: 0px 0px medium;
    border-style: none;
    border-color: -moz-use-text-color;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
}



/* MENU PAGE PROG DEUX LIEUX OU DEUX SALLES DIFFERENT LE MEME JOUR*/

.choisirsalle {
position: relative; 
width:335px; 
height:30px; 
text-align:center; 
float:left; 
padding:5px;
	}
	
a .choisirsalle {
color: #999999;
text-decoration:none;
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;

	}

a:hover .choisirsalle {
background-color: #999;
color: #000000;
text-decoration:none;
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;

	}

input.buttonprog {
text-transform: uppercase;
cursor: pointer;
background: rgb(234, 234, 234);

    padding: 4px 7px;
    color: #FF0551;
    border: solid 2px #FF0551;
    width: auto;
    height: 39px;
    font-family: dinpro-medium,Trebuchet MS,Georgia,Verdana,Times New Roman,Times,serif;
    transition-property: all;
    transition-duration: 0.2s;
}

input.buttonprog:hover {
text-transform: uppercase;
cursor: pointer;
background: #FF0551;
color:#FFF;
border: solid 2px #FF0551;
}