/* first assign web font file */
@font-face {
font-family: 'ClanWebPro-Book';
src: url('/css/FontShop_796451/264160-ff-clan-web-pro-book/ClanWebPro-Book.woff') format('woff');
}

@font-face {
font-family: 'ClanWebPro-Medium';
src: url('/css/FontShop_796451/264140-ff-clan-web-pro-medium/ClanWebPro-Medium.woff') format('woff');
}



 body, td, input{
	font-family: 'ClanWebPro-Book',sans-serif;	
	font-size:14px;
	font-weight:300;
	
}

 body{
	background-image:url(/img/fond_backround.png);
	background-color:#ecebf4;
	background-position:center top;
	background-repeat:no-repeat;
}
	
* {
	margin:0px;
	padding:0px;
}

div, img {
	border: none;	
}

p{
padding-bottom:1.2em;
line-height: 1.3em;
}

a, a:active  {
 outline: none;

}
:focus {
 -moz-outline-style: none;
}


a, a:active, a:link, a:visited{
text-decoration: none;
color:#413996;
}

a:hover {
text-decoration: none;
}

a.btn_buy{	
border: 1px solid;
padding: 4px;
border-radius: 4px;
display: inline-block;
margin-bottom: 4px;
	margin-left: 4px;
}


.firstlink,.box_click_open, .film_img_link{
cursor:pointer;	
}


strong, b{
font-family: 'ClanWebPro-Medium',sans-serif;	
}


.couleur_site{
	color:#413996;
}

.clear{
	clear:both;
}
/*iframe{
	width:890px;
	height:460px;	
}*/


h1{
	font-size:20px;
	color:#000;
	border-bottom:1px solid #000;
	font-family: 'ClanWebPro-Medium',sans-serif;	
	font-weight:normal;
	 margin-bottom: 14px;
    padding-bottom: 10px;
	line-height:1.1em;
}

h2{
	font-size:18px;
	color:#000;
	font-family: 'ClanWebPro-Medium',sans-serif;	
	font-weight:normal;
	margin:0px;
	padding-bottom:8px;
	margin-top:8px;
}


iframe{
	max-width:100% !important;	
}

.vp-center{
	display:block !important;	
}
.hr_div{
	background-color:#d9d9d8;
	height:1px;
	margin-bottom:1.2em;
}



#logo{
	position:relative;
	width:420px;
	padding: 25px 0px;
	
	}
	
#content{
	padding-bottom:40px;
	overflow:hidden;
	padding-top:40px;	
}

#content ul, #content ol{
	padding-left:20px;	
}

div.inside{
	position:relative;
	max-width:1024px;
	margin:auto;
}

.color_site{
	color:#413996;
}

.couleur_city{
		color:#9e1a1b;
}
.couleur_norsud{
		color:#005a64;
}


.sous_titre{
	width: 20px;
}

/*///////////////// PAGE ///////////////*/



.container_box{
	width:100%;
	background-image:url(/img/fond_bloc.png);
	background-repeat:repeat;
	
	margin-top:40px;
	
}

.container_box2{
	position:relative;
	width:100%;
	background-image:url(/img/fond_bloc.png);
	background-repeat:repeat;
	margin-bottom:40px;
	
}

.container_box3{
	width:100%;
	margin-bottom:40px;
}
.container_box_ecole{
	width:100%;
	margin-bottom:20px;
}

.container_box_titre_black{
	/*font-family: 'ClanWebPro-Medium',sans-serif;*/
	background-color:#000;
	font-size:20px;
	height:48px;
	line-height:52px;
	padding-left:28px;
	color:#FFF;
}
.titre_black_whatson{
	position:relative;
	margin-bottom:40px;
	
}


.container_box_titre_grey{
	/*font-family: 'ClanWebPro-Medium',sans-serif;*/
	background-color:#58595b;
	font-size:20px;
	height:48px;
	line-height:52px;
	padding-left:28px;
	color:#FFF;
	
	
}
.box_page1{
	float:left;
	padding:26px;
	padding-left:28px;
	width:406px;	
}
.box_page2{
	float:right;
	padding:26px;
	padding-right:28px;
	width:406px;	
}

.date_select{
	font-size:16px;
	background-color:#413996;
	color:#FFF;
	height:29px;
	line-height:30px;
	display:inline-block;
	padding-left:16px;
	padding-right:16px;
	padding-top:1px;
	
	margin-left:10px;
	margin-right:10px;
}

.date_unselect{
	font-size:16px;
	color:#000;
	height:29px;
	line-height:30px;
	display:inline-block;
	padding-left:16px;
	padding-right:16px;
	padding-top:1px;
	
	margin-left:10px;
	margin-right:10px;
}

.date_select_black{
	font-size:16px;
	color:#FFF;
	height:29px;
	line-height:30px;
	display:inline-block;
	padding-left:16px;
	padding-right:16px;
	padding-top:1px;
	margin-left:10px;
	margin-right:10px;

}


/*///////////////// FIN PAGE ///////////////*/



.infobox{
	background-image: url("/img/ampoule.svg");
	background-position: center 20px;
	background-repeat: no-repeat;
	background-size: 40px;
	background-color: #413996;
	padding: 80px 20px 20px 20px;
	color: #FFF;
	width: 214px;
	float: left;
	box-sizing: border-box;
	text-align: center;
	margin-top: 100px;
	line-height: 1.3;
	
}
.infobox_titre{
	font-family: 'ClanWebPro-Medium', serif;
    font-size: 14px;
	padding-bottom: 5px;
}

.infobox.infobox_large{

background-position: 50px 14px;
background-repeat: no-repeat;
background-size: 40px;

padding: 20px 20px 10px 160px;
color: #FFF;
width: 100%;
box-sizing: border-box;
text-align: left;
margin-top: 0px;
line-height: 1.3;
}


/*////////////////// LISTING FILM ///////////////////////*/

.container_liste{
	color:#000;
	margin-bottom: 40px;
	
}

.film_img{
	background-position:left top;
    background-size: cover;
	background-repeat:no-repeat;
	 width:390px;
	 height:246px;
	 float:left;
	 position:relative;
}
.film_img_selected{

    background-size: 100% auto;
	background-repeat:no-repeat;
	background-position:left top;
	 width:340px;
/*	 height:510px;*/
	 float:left;
	 position:relative;
	
}

.film_titre{
	
  position: relative;
  width: calc(100% - 390px);
  min-height: 50px;
  float: left;
  padding-left: 28px;
  background-color: #000;
  box-sizing: border-box;
}

.film_titre_select{
	position:relative;
	width:576px;
	min-height:50px;
	float:left; 
	padding-left:28px;
	background-color:#000;
}


.film_titre h2, .film_titre_select h2, .event_titre h2{
	max-width:340px;
	display:inline-block;
	padding:0px;
	margin-top:16px;
	margin-bottom:12px;
}
.film_titre h2 a, .film_titre_select h2 a, .event_titre h2 a{
	color:#FFF;
}


.container_cinema_barre_color{
	position:absolute;
	height:100%;
	top:0px;
	right:0px;
	
}
.cinema_barre_color{
	display:none;
	width:17px;
	float:right;
	height:100%;
	
}

.film_age{
width:100px;
position:absolute;
right:52px;
top:22px;
text-align:right;
color:#FFF;
font-size:12px;
font-weight:bold;
}

.film_date_sortie{
position:absolute;
right:16px;
top:22px;
text-align:right;
color:#FFF;
font-size:12px;
	
}

.vignette_player{
	/*display:none;*/
	cursor:pointer;
	opacity:0.8;
}


.film_text{
	position:relative;
/*	width:526px;*/
	float:left; 
	padding-top:14px;
	padding-left:28px;
	background-color:#FFF;
	width: calc(100% - 390px);
   box-sizing: border-box;
	
}
.film_text p{
	padding-bottom:0.9em;	
}
.film_text_select{
	position:relative;
	width:556px;
	float:left; 
	padding:24px;
	font-size:14px;
	background-color:#FFF;
	min-height: 109px;
}

.film_text_txt_after{
	width:400px;
	border-bottom:1px solid #d9d9d8;
	font-size:14px;
	min-height: 146px;
	margin-bottom:20px;
}


.film_text_txt{
	width:400px;
	border-bottom:1px solid #d9d9d8;
	font-size:14px;
	min-height: 108px;
}

.event_content{
   background-color: #fff;
    float: left;
    min-height: 246px;
    position: relative;
	width: calc(100% - 390px);
  box-sizing: border-box;
	
}
.event_lie{
	position:absolute;
	top:0px;
	right:0px;
	height:122px;
	 z-index: 10;
	 
}
.event_text{
	position:relative;
	min-height: 212px;
	font-size:14px;
	background-color:#FFF;
	
	
}

.event_titre{
	position:relative;
	
	min-height:50px;
	padding-left:28px;
	background-color:#000;
}

.event_text_txt{
	padding-top:14px;
	padding-left:28px;
	font-size:14px;
	padding-right: 28px;
}

.film_duree{
	font-weight:bold;
}

.myhoraire{
	position:relative;
	width: calc(100% - 390px);
   box-sizing: border-box;
	float:right;
	padding-left:28px;
	background-color:#FFF;
	padding-bottom: 15px;
}

a.plus_info{
	position:absolute;
	font-size:12px;
	background-color:#000;
	color:#FFF;

	right:16px;
	bottom:16px;
	padding:12px;

}

/*////////////////// FIN FILM ///////////////////////*/


.film_container_type{
	width:100%;
	position:relative;
	float:left;
	padding-bottom:16px;
	line-height:1.4em;
	
}
.film_titre_type{
	width:154px;
	float:left;
	
}
.film_reponse_type{
	width:350px;
	float:left;
	font-weight:bold;
	
}
.extraordinaire{
	margin-bottom:4px;	
}
.extraordinaire p{
	padding-bottom:0.8em;
	
}

table.film_container_type td:first-child  {
    float: left;
    width: 154px;
}
table.film_container_type td:last-child  {
    float: left;
    font-weight: bold;
    width: 350px;
}
/*////////////////// FIN FILM ///////////////////////*/

/*////////////////// CINEMA ///////////////////////*/


.cinema_info{
	position:absolute; 
	width:304px;
	background-color:#FFF;
	height:100%;
	right:0px;
	top:0px;
	z-index:999;
}
.cinema_titre{
	font-family: 'ClanWebPro-Medium',sans-serif;
	font-size:20px;
	height:48px;
	line-height:52px;
	padding-left:28px;
	color:#FFF;
	
}
.underline_bottom{
border-bottom: 1px solid #d9d9d8;
margin-bottom:5px;
}

.cinema_text{
	padding-left:28px;
	padding-right:16px;
}
.cinema_text p {
	font-size:13px;
}
.cinema_text h2{
	font-size:24px;
}


.mybox_img_liste{
	
	margin-bottom:30px;
	position:relative;
	float:left;
	width:100%;
	height:248px;
	 background-size:cover;
	background-position:center center;
	
}

.mygalerie_thumb{
	margin-left:20px;
	margin-bottom:20px;
	position:relative;
	float:left; 
	width:211px; 
	height:152px;
	background-size:cover;
	background-position:center center;
	
}

.mybox_video{
	
	margin:auto;
	margin-bottom:40px;
	position:relative;
	width:552px;
	height:328px;
	display:inline-block;
}
/*////////////////// FIN CINEMA ///////////////////////*/



/*//////////////////TAB ///////////////////////*/
#tabs-container{
	background-color:#FFF;	
}

.container_home_cycle{
	position:relative;
	width:440px;
	float:right;
	margin-right:50px;
	
	
}
.tab-cycle{
	width:100%;
	
}

.tab{
	margin-top:18px;	
}


.container_home_tab{
	float:right; 
    width:730px; 
	
	position:relative; 
	margin-top:40px;
}

#tabs-container a.tabs-menu {
	 width: auto; 
    text-transform: capitalize;
    color: #000;
    text-decoration: none;
	display:inline-block;
	box-sizing:border-box;
	line-height:24px;
	height:24px;
	padding-left:12px;
	padding-right:12px;
	font-size:14px;
}

a.tabs-menu.currenttabs {
    position: relative;
	color:#FFF !important;
    z-index: 5;
	/*background-image:url(/img/fond_tab_selected.png)!important;*/
	background-color:#000 !important ;
}

.tab-content {
   
    display: none;
	box-sizing:border-box;
    padding: 0px;
    width: 400px;
}

#tab-1 {
 display: block;   
}

a.cycle-prev{
	position:absolute;
	font-size:20px !important;
	color:#FFF  !important;
	left: 0px;
  
	}

a.cycle-next{
	position:absolute;
	right:0px;
	font-size:20px !important;
	color:#FFF !important;
	
}
a.cycle-prev.disabled{
	display:none;	
}


.select_cinemas{
    position: relative;
    width: 125px;
    float:left;
    margin-right: 44px;
    margin-left: 100px;
}
/*////////////////// FIN TAB ///////////////////////*/




/*///////////////// IN TAB ////////////////////////*/
.qtip_pop{
	position:relative;
	cursor:pointer;
	
	top:1px;
		
}



.tab_liste_film{
	width:100%;
	display:inline-block;
	padding-top:10px;
	padding-bottom:10px;
	color:#000;
	font-size:14px;

}


.tab_liste_film_titre{
	font-family: 'ClanWebPro-Medium', serif;
	 width: 120px ;
	float:left;
	font-size: 14px;
	padding-right:20px;
	
}

.tab_liste_cinema_titre{
	/*font-family: 'ClanWebPro-Medium', serif;*/
	width:100px;
	float:left;
	font-size: 12px;
	line-height:20px;
	
}
a.liste_cinema_titre{
  font-family: 'ClanWebPro-Book',sans-serif;	
  color: #FFF !important;
  font-weight: 200 !important;
  border-radius: 4px;
  text-align: center;
  padding: 4px 0px 2px;
  width: 93px;
  display: block;
  font-size: 12px;
}

div.tab_liste_film a{
	color:#000;
	 text-transform: none;
	 line-height:20px;
}
div.tab_liste_film_titre a:hover {
	border-bottom: none !important;
	
}


.tab_liste_film_date{
	float:left;
	margin-left:8px;
}
.tab_liste_film_date {
    width: 250px ;
}



.bullet_version{
	background-color:#FFF;
	color:#000;
    font-size: 14px;
	width:24px;
	text-align:center;
	display:inline-block;
	padding-left:1px;
	
	
	
	 margin-left: -52px;

}
.bullet_margin{
	margin-top:4px;	
}
/*///////////////// FIN IN TAB ////////////////////////*/


/*///////////// VIDEO WIDTH/////////////////*/
.myvideoselect{
	width:890px;
	height:400px;
	
	
}
/*///////////// FIN VIDEO WIDTH/////////////////*/
#footer{

	bottom:0px;
	width:100%;
	background-color:#000;
	color:#FFF;
	height:238px;
	background-image:url(/img/background_footer.gif);
	background-position:center top;
	background-repeat:no-repeat;
}



.mobile{
	display:none;
	height:0px;
	
}

#contact_form{
	width:300px;
	float:left;	
}
#contact_adress{
	width:280px;
	float:left;
	margin-left:40px;
}




.input{
	width:100%;
	text-align:right;
}

input, textarea, .titleselect{
	background-color:#FFF;
	color:#000;
	margin-bottom:10px;
    font-size: 12px;
	padding-right:2px;
	margin-top:2px;
 
	padding-left:6px;
    width: 170px;
	border:0px;
	
}

#f_newsletter input{
	border:1px solid #000;
	
}




.titleselect{
	
    width: 178px;
	
}

#myform .input{
	text-align: left !important;
}
#myform  label{
 display: inline-block;	
}

input{
	height:20px;
	line-height:20px;
}

input.errormsg {
    border-color: #FF0000;
    color: #FF0000;
}
.errormsg {
  float: left;
   font-size: 14px;
    line-height: 24px;
	color:#FF0000;
}
.btnsmall{
	text-align:center;
	text-decoration:none;
	height:30px;
	 width: 177px;
	 background-color:#413996;
	 color:#FFF;
	
}
.form_active{
	
	color:#FFF !important;
	text-decoration:none !important;
	padding-right:17px;
	font-weight:bold;
	
}
.btn_send_image{
	margin:0px;
	padding:ox;
	height:auto !important;
	width:auto !important;
	border:none !important;
	float:right;
	margin-bottom:-26px;
	background-color:transparent;
}

.facebook_film{
	 position: absolute;
	 bottom: -35px;
	 right:18px;
   
	
}
.facebook_event{
	 position: absolute;
	top:48px;
	right:-2px;
	
}