* {
	margin:0px;
	padding:0px;
}
 body, td{
	
	font-size:16px;
/*	background-image:url(/img/fond_cinepass_2014.png);*/
	background-position:center top;
	background-repeat:no-repeat;
	font-family: 'source_sans_prolight', sans-serif;

}

div, img {
	border: none;	
}

p{
padding-bottom:1.2em;
}
a, a:active  {
 outline: none;

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

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



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

a:hover {
text-decoration: none;

}

#content a:hover {
border-bottom: 1px solid;
text-decoration: none;
}

#content a:hover img{
	border-bottom: none !important;
	
}

.firstlink,.box_click_open, .film_img_link{
cursor:pointer;	
}
.underline_top{
	border-top:1px solid;
	

}

.underline_bottom{
	border-bottom:1px solid;
	padding-bottom:8px;
}
.color_white{
color:#FFF !important;
text-decoration:none !important;
}
.color_black{
color:#000 !important;
text-decoration:none !important;
}
.police_grande{
	font-size:50px !important;	
}
.police_moyenne{
	font-size:30px !important;	
}

.police_normale{
	font-size:16px !important;	
}
.police_petite{
	font-size:12px !important;	
}
h3.non_upper{
	text-transform:lowercase !important;	
}

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


h1{
	font-size:50px;
	color:#FFF;
	text-transform:uppercase;
	font-family: 'mostraoneregular';
	font-weight:normal;
	margin:0px;
	line-height:1.1em;
	margin-top:8px;
}

h2{
	font-size:30px;
	color:#FFF;
	text-transform:uppercase;
	font-family: 'mostraoneregular';
	font-weight:normal;
	margin:0px;
	padding-bottom:8px;
	margin-top:8px;
}

h3{
	font-size:16px;
	color:#FFF;
	text-transform:uppercase;
	font-family: 'mostraoneregular';
	font-weight:normal;
	margin:0px;
	margin-top:8px;
}

.like_h3{
	font-size:16px;
	color:#FFF;
		font-family: 'mostraoneregular';
	font-weight:normal;
	margin:0px;
	margin-top:8px;
}

.hr_div{
	background-color:#FFF;
	height:1px;
}

#logo{
	position:relative;
	padding-top:45px;
	left:0px;
	
	}
	
#content{
	padding-bottom:88px;	
}

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

div.inside{
	position:relative;
	width:940px;
	margin:auto;
}
/*///////// SELECT LISTE CINEMAS /////////*/


div.top_liste_cine {
    background-color: #1a171b;
    display: block;
    float: right;
    position: absolute;
    right: 10px;
    top: 44px;
    width: 160px;
	z-index:1000;
}
#cineliste ul {
    margin: 0;
    width: 100%;
}
#cineliste, #cineliste ul {
    float: right;
    list-style: outside none none;
    padding: 0;
    text-align: right;
    width: 100%;
}
#cineliste li ul {
    display: none;
    left: -1000em;
    z-index: 100;
	
}
#cineliste li:hover ul, #cineliste li.over ul {
    display: block;
    left: auto;
}
#cineliste a {
    background: url("/img/fleche_drop_cine.png") no-repeat scroll  144px -174px rgba(0, 0, 0, 0);
    color: #fff !important;
    display: block;
    line-height: 23px;
	height:23px;
    padding-right: 24px;
    text-decoration: none;
	font-size:13px;
}
#cineliste li ul li a {
    background-image: none;
}

/*///////// FIN SELECT LISTE CINEMAS /////////*/


.infobox{
	font-family: 'source_sans_prolight', sans-serif;
	background-image: url("/img/ampoule.svg");
	background-position: 80px 20px;
	background-repeat: no-repeat;
	background-size: 40px;
	background-color: #009bce;
	padding: 20px 20px 10px 160px;
	color: #FFF;
	width: 100%;
	box-sizing: border-box;
	text-align: left;
	margin-top: 0px;
	line-height: 1.3;
	
}
.infobox_titre{
	font-family: 'mostraoneregular', serif;
    font-size: 14px;
	padding-bottom: 10px;
	
}



/*///////////////// HOME ///////////////*/
.fond_shadow{
	background-image:url(/img/fond_shadow.png);
	background-size: auto 100%;
	background-position:top left;
	background-repeat:no-repeat;
}
.homeslogan{
	height:100%;
	width:100%;
	display:inline-block;
}
.img_pos_left{
	    background-size: auto 100% ;
		background-position:top right;
		background-repeat:no-repeat;
	
}
img_pos_right{
	    background-size: auto 100% ;
		background-position:top left;
		background-repeat:no-repeat;
}


.homeslogan_txt{
	padding:46px;
	padding-top:23px;
	position:absolute;
	color:#FFF;
}
.home_under_slogan{
	padding:46px;
	position:absolute;
	color:#FFF;
	bottom: 0px;
}


	 #imagetop{
	position:relative;
	content: "";
    display: block;
    padding-top: 46%;
		
	}
	.imagetop{
		display:block;
		width:100%;
		height:100%;

	}
	

.cycle-pager {
	overflow:hidden;
    text-align: center;
	margin-top:-36px;
    width: 100%;
    z-index: 500;
	position:absolute;
}
.cycle-pager span {
	font-family: Arial, Helvetica;
    color: #bcbcbc;
    display: inline-block;
    font-size: 50px;
    height: 16px;
    width: 16px;
	line-height:16px;
}
.cycle-pager span.cycle-pager-active {
    color: #FFF;
	
}
.cycle-pager > * {
    cursor: pointer;
}
/*///////////////// MIDDLE HOME ///////////////*/

.container_box{
	margin-left:-16px;
	margin-right:-16px;
	margin-top:16px;
	
}

.box{
	width:454px;
	float:left;
	position:relative;
	margin:16px;
	color:#FFF;
	
}
.box p{
	padding-top:8px;
	
}
/*///////////////// FIN HOME ///////////////*/


/*///////////////// PAGE ///////////////*/
.boxpage1{
	background-image:url(/img/fond_box_1.png);
	background-repeat:repeat;
}

.boxpage2{
background-image:url(/img/fond_box_2.png);
	background-repeat:repeat;
	color:#FFF;
	
}
.boxpage3{
	background-image:url(/img/fond_box_3.png);
	background-repeat:repeat;
	width:434px !important;
	
}

.box_black_trans{
	background-image:url(/img/fond_box_2.png);
	background-repeat:repeat;
	color:#FFF;
	padding:23px;
	margin-top: 18px;
	
}

.text_margin_page{
	padding:23px;
	padding-top:15px;
}
.text_margin_page2{
	padding:13px;
	padding-top:5px;
}

.boxpage3 ,.boxpage3 .text_margin_page2 h1, .boxpage3 .text_margin_page2  h2 , .boxpage3 .text_margin_page2  h3, .boxpage3 .text_margin_page2 h4, .boxpage4 ,.boxpage4 h1, .boxpage4 h2 , .boxpage4 h3, .boxpage4 h4, .text_margin_page2{
	color:#000 !important ;	
}
.text_margin_page2{
	color:#000 !important ;	
}


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

/*////////////////// FIN FILM ///////////////////////*/
.film_duree{
	font-weight:bold;
	margin-top:20px;
	
}
.film_age{
	width:100px;
	position:absolute;
	right:0px;
	bottom:10px;
	text-align:right;
	font-weight:bold;
}
.film_img{
	 background-position: center center;
    background-size: cover;
	background-repeat:no-repeat;
	background-position:left top;
	 width:190px;
	 height:254px;
	 float:left;
	 position:relative;
}
.film_text{
	width:665px;
	float:left; 
	margin-left:32px;
}
.film_text h2, .film_text h3{
	max-width:460px;	
}
.film_text h2{
	display:inline-block;	
}


.film_duree{
	font-weight:bold;
	margin-top:20px;
	
}
.film_age{
width:100px;
position:absolute;
right:0px;
top:16px;
text-align:right;
font-weight:bold;
}
.film_container_type{
	width:100%;
	position:relative;
	float:left;
	padding-bottom:4px;
	
}
.film_titre_type{
	width:154px;
	float:left;
	
}
.film_reponse_type{
	width:392px;
	float:left;
	
}
/*////////////////// FIN FILM ///////////////////////*/
/*////////////////// CINEMA ///////////////////////*/

.cinema_img{
	width:668px;
	height:232px;
	
	background-size:cover;
	float:left;
	overflow:hidden;
	margin-right:30px;
}
.cinema_text{
	width:180px;
	float:left;
}
.cinema_text p {
	font-size:13px;
}
.cinema_text h2{
	font-size:24px;
}
a.plus_info{
	font-size:21px;	
}
/*////////////////// FIN CINEMA ///////////////////////*/


.myhoraire{
	width:665px;
	float:right;	
}
/*//////////////////TAB ///////////////////////*/


.tab-cycle{
	background-color:#363636;
}

#tabs-container{
	/*margin-bottom:40px;	*/
}
.tab{
	margin-top:10px;	
}

#tabs-container a.tabs-menu {
	 width: auto; 
	 padding: 6px;
    text-transform: capitalize;
    color: #FFF;
    text-decoration: none;
	display:inline-block;
	background-color:#363636;
	/*background-image:url(/img/fond_tab.png);
	background-position:center top;
	background-repeat:no-repeat;
	padding-bottom:12px;
	*/
	padding-top:7px;
	box-sizing:border-box;
	width:90px;
}

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

.tab-content {
    width: 100%;
    display: none;
}

#tab-1 {
 display: block;   
}

a.cycle-prev{
	position:absolute;
	

	font-size:20px !important;
	color:#FFF  !important;
	left: 6px;
    margin-top: 6px;}

a.cycle-next{
	position:absolute;
	right:6px;
	font-size:20px !important;
	color:#FFF !important;
	margin-top: 6px;
}
a.cycle-prev.disabled{
	display:none;	
}
/*////////////////// FIN TAB ///////////////////////*/
/*///////////////// IN TAB ////////////////////////*/
.qtip_pop{
	position:relative;
	cursor:pointer;
	padding-left:4px;
	top:1px;
}
.tab-cycle{
	width:318px;
	
}

.tab_liste_film{
	width:100%;
	display:inline-block;
	padding-top:4px;
	padding-bottom:4px;
	color:#000;
	border-bottom:1px solid #FFF;
	font-size:18px;
	color:#FFF;
}


div.tab_liste_film.horaire_liste_black{
	color:#000;
}
div.tab_liste_film.horaire_liste_black span.bullet_version{
	background-color:#4d4d4d;
	color:#FFF;
}

.tab_liste_film_titre{
	width:150px;
	float:left;
	 font-size: 16px;
}
div.tab_liste_film a{
	color:#FFF;
	
}
div.tab_liste_film_titre a:hover {
	border-bottom: none !important;
	
}

div.tab_liste_film.horaire_liste_black a{
	color:#000;	
}


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


div.boxpage1 div.tab_liste_film_date{
		/*width:250px !important;*/
		width:200px !important;
	
}
.bullet_version{
	background-color:#FFF;
	color:#000;
	border-radius: 50%;
    font-size: 14px;
	width:24px;
	height:24px;
	line-height:25px;
	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:180px;
	background-image:url(../img/fond_footer.png);
	background-position:center bottom;
	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: 2px;
	padding-left:6px;
    width: 170px;
	border:0px;
	
}
.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;
	color:#FFF !important;
	text-decoration:none;
	height:30px;
	 width: 177px;
	
}
.form_active{
	text-align:center;
	color:#000 !important;
	text-decoration:none !important;
	height:20px;
	 width: 177px;
	 background-color:#FFF;
	 width:170px;
	 margin:10px;
	 line-height:20px;
	 display:inline-block;
	  padding: 2px 2px 2px 6px;
}