@charset "utf-8";
body { margin:0; padding:0; width:100%; background: url(main_bg.gif);}
html { padding:0; margin:0;}

.main { margin:0 auto; padding:0;}
.resize { width:960px; padding:0; margin:0 auto;}
/********** header **********/
.header_resize { margin:0; padding:0;}
.header { width:960px; height:145px; padding:0; margin:0 auto; background-image:url(logo.gif); }/*border-bottom:1px solid #484848;*/
/* 2 */
.header_blog2 { background:url(images/header_blog_bg.gif) top center repeat-x; padding:20px 0 0 0; margin:0; height:95px;}
.header_blog2 h2 { font: bold 36px Arial, Helvetica, sans-serif; color:#fff; padding:10px 0 0 0; margin:0;}
/* logo */
.logo {padding:0; margin:0; width:233px; height:145px; float:left;}
/*menu*/
.menu { width:477px; height:145;  float:left;}
.menu ul { text-align: center;  padding:0; margin:0; list-style:none; border:0; float:left;}
.menu ul li { float:left; margin:0; padding:0 10px; border:0;}
.menu ul li a { float:left; margin:0; padding:65px 0 0 0; color:#939393; font:normal 14px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;}
.menu ul li a:hover { color:#ddd;}
/*.menu ul li a.active { color:#ddd;}*/
/* search */
.search { padding:41px 0 0 0; margin:0 auto; width:250px; float:right; color:white;}
.search h2 { font:normal 16px Arial, Helvetica, sans-serif; color:#ffffff;  padding:20px 5px; margin:0 0 10px 0;}
.search form { padding:0; margin:0 auto;}
.search span { display:block; float:left; background: url(images/search_bg.gif) left top no-repeat; width:146px; padding:0 5px; height:27px;}
.search form .keywords { width:146px; line-height:13px; height:13px; float:left; background:none; border:0; padding:7px 0; margin:0; font:normal 11px Arial, Helvetica, sans-serif; color:#acacac;}
.search form .button { float:left; margin:0; padding:0;}
/* body */
.body_resize {padding:0; width:960px; margin:0 auto;background-color:#541e62;}/*-----------------------------------------------*/
/* */
.body { padding:0; margin:0 auto; border-bottom:1px solid #111; }
.body h2 { font:normal 18px Arial, Helvetica, sans-serif; color:#c1c1c1;  padding:20px 5px; margin:0 0 10px 0;}
.body h3 { font:normal 18px Arial, Helvetica, sans-serif; color:#c1c1c1;  padding:0px 5px; margin:0 0 0 0; text-align:center; background-color:#aa77b9;}
.body h4 { font:normal 12px Arial, Helvetica, sans-serif; color:#b5b4b4; line-height:1.8em; padding:3px 5px; margin:0; font-weight:bold; float:left;}
.body h5 { font:normal 12px Arial, Helvetica, sans-serif; color:#ffffff; line-height:1.8em; padding:3px 5px; margin:0; font-weight:bold; float:right;}
.body h6 { font:normal 12px Arial, Helvetica, sans-serif; color:#ffffff; line-height:1.8em; padding:3px 5px; margin:0; text-align:justify;}
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#b5b4b4; line-height:1.8em; padding:3px 5px; margin:0;}
.body p span { color:#6d6d6d; font: normal 11px Arial, Helvetica, sans-serif;}
.body a { color:#c514c7; text-decoration:none;}/*801e14*/
.body img { margin:10px auto; padding:0;}
.body img.floated { float:right; margin:5px 20px; padding:0;}
.body img.floated2 { float:left; margin:5px 20px; padding:0;}
.right { width:680px; margin:0; padding:0 10px; float:right;}
.left {width:240px; margin:0; padding:0 10px; float:left;}
.right_blog {width:312px; margin:0; padding:0 10px; float:left;}
.right_port {width:300px; margin:0; padding:0 10px; float:left;}
.right2_port {width:450px; margin:0; padding:0 10px; float:left;}

/*FBG*/
.FBG {margin:0; padding:0; border-top:0px solid ; background:#111; }/**/
.FBG_resize { width:960px; margin:0 auto; padding:0; background: #111;}
.FBG_resize ul { margin:0; padding:0; list-style:none;}
.FBG_resize li { padding:3px; margin:0; font: bold 11px Arial, Helvetica, sans-serif; color:#a1a0a0;}
.FBG_resize li a { font: normal 11px Arial, Helvetica, sans-serif; color:#a1a0a0; text-decoration:none;}
.FBG_resize li a:hover { color:#fff;}
.FBG_resize img { float:left; margin:5px; padding:0;}
.FBG_resize p { font: normal 11px Arial, Helvetica, sans-serif; color:#444; text-decoration:none; padding:5px; margin:0; line-height:1.8em;}
.FBG_resize h2 { font: bold 14px Arial, Helvetica, sans-serif; color:#9f9f9f; padding:10px 5px; margin:0;}
.FBG_resize .left { width:220px; float:left; margin:0; padding:10px;}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px; }
#contactform * { color:#F00; }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both; }
#contactform li.buttons { margin:5px 0 5px 0; clear:both; }
#contactform label { margin:0; width:100px; display:block; padding:10px 0; color:#c1c1c1; font: normal 12px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left; }
#contactform label span { color:#F00; }
#contactform input.text { width:450px; border:1px solid #000; margin:2px 0; padding:5px 2px; height:16px; background:#282828; float:left; }
#contactform textarea { width:450px; border:1px solid #000; margin:2px 0; padding:2px; background:#282828; float:left; }
#contactform li.buttons input { padding:3px 0 3px 455px; margin:10px 0 0 0; border:0; color:#FFF; float:left; }

/*************footer**********/
.footer {padding:0;  margin:0; border-top:0px solid ;background:#0e0e0e; }
.footer_resize { width:940px; margin:0 auto; padding:5px 10px;background:#0e0e0e;}/*background:#0e0e0e;*/
.footer p { font:normal 11px  Arial, Helvetica, sans-serif; color:#a1a0a0;}
.footer a { font:bold 11px Arial, Helvetica, sans-serif; color:#a1a0a0; text-decoration:none; padding:5px; margin:0;}
.footer p.right { text-align:right; width:350px; margin:0; padding:15px 0 0 0; float:right;} 
.footer p.leftt { text-align:left; width:550px; margin:0; padding:15px 0 0 0; float:left;}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
.header_blog {  padding:0; margin:0; }/*background: url(images/slider_bg.gif) top center repeat-x;*/
.header_blog_resize { width:960px; margin:0 auto; padding:0;}
.header_blog_resize h2 { font: normal 30px Arial, Helvetica, sans-serif; color:#fff; padding:30px 10px; margin:0;}
.header_blog_resize .menu2 { border-top:1px solid #232323;background:#101010; padding:15px 0; margin:0 auto;}/*background:#101010;*/
.header_blog_resize .menu2 ul { text-align: left;  padding:0; margin:0; list-style:none; border:0; float:left;}
.header_blog_resize .menu2 ul li { float:left; margin:0; padding:0; border:0;}
.header_blog_resize .menu2 ul li a {  border-right:1px solid #575757; float:left; margin:0; padding:0 15px; color:#b5b4b4; font:normal 11px Arial, Helvetica, sans-serif; text-decoration:none;}
.header_blog_resize .menu2 ul li a:hover { color:#939393; text-decoration:underline;}
.header_blog_resize .menu2 ul li a.active { color:#939393; text-decoration:underline;}
/* Slider */
#slider {  width:960px; padding:20px 0 0 0; margin:0 auto;}
div#slideshow { width: 100%; height:337px; padding:0; }
.slider-item { width: 100% !important; }
.slider-item img { float:right; margin:0; padding:0;}
.slider_content_inner img { border: none; }
.controls-center { width: 960px; margin:0 auto; padding:5px 0; background:#101010;}
#slider_controls { margin:0 auto; z-index: 1000; width:960px;}
#slider_controls h2 { width:600px; float:left; font: normal 11px Arial, Helvetica, sans-serif; color:#c3bfbf; padding:5px 0 0 20px; margin:0;}
#slider_controls ul { margin:0; padding:0 20px 0 0; width:254px; float:right;}
#slider_controls ul li { margin:0; padding:0 ; list-style: none; }
#slider_controls ul li { float: right; display: block; }
#slider_controls ul li a { width:17px; height: 8px; background:url('images/tabs_2.gif') no-repeat center center; display: block; float: left; padding:10px 2px 0 2px; margin:2px !important; margin:1px 1px; outline: none; }
#slider_controls ul li a:focus { outline: none; }
#slider_controls ul li a:hover,
#slider_controls ul li a.activeSlide { color:#979797; background:url('images/tabs_1.gif') no-repeat center center; }
/* resume-film */
div#infoResume{width:930px;clear: both;padding-top:50px;margin: 0 auto;}
div#infoResume div {background-color:#EEE9ED;margin: 0 auto;width: 450px;float: left;margin-bottom: 50px;}
div#infoResume div.t1{height: 315px;}
div#infoResume div.t2{height: 190px;text-align: center;}
div#infoResume div#infoFilm, div#infoResume div#downloadPdf{margin-right: 25px; }
div#infoResume div#infoFilm img{width: 202px; height: 270px;padding-left: 10px;padding-right:10px;float: left;}
div#infoResume div#infoFilm p{color: #000;font-weight: bold;text-transform: uppercase;height: 35px; }
div#infoResume div#infoFilm p span{padding-left: 5px;}
div#infoResume div#infoFilm p span.dateTimeFilm{padding-left: 0;letter-spacing: 0.2em;}
div#infoResume div#infoFilm p.prems{padding-top: 10px;}
div#infoResume div#resumeFilm{overflow: hidden;}
div#infoResume div#resumeFilm p{text-align: justify;margin-bottom: 25px;padding: 15px;color:#111111;overflow-y:scroll;height: 260px;}
div#downloadPdf img{height: 150px;}
/* sorties-cine */
div#event{width: 280px;min-height: 562px;float: left;background-color: #EEE9ED;margin-left: 15px;margin-top: 30px;margin-bottom: 50px;padding-bottom: 20px;}
  div#event h3{text-transform: uppercase;font-weight: bold;font-size: 1.2em;}
  div#event h4{color:#AA77B9;font-size: 1em;text-align: center;width: 275px;margin-bottom: 10px;}
  div#event h5{color: #000;font-size: 1em;text-transform: uppercase;margin-top: 40px;width: 145px;text-align: center;}
  div#event img{position:relative;width: 100px;margin-top:5px;float: left;padding-left: 10px;padding-right: 10px;max-height: 125px;}
  div#event img.progImg{width: 260px;}
  div#calendar{width: 650px;float: right;}
  div.prog{margin-bottom: 15px;height: 240px;}
  p.bold{font-weight: bolder;color:gray;}
  p.sep{font-size: 0.2em;}
  p.resume{text-align: center;color: #AA77B9;margin-top: 15px;}
  h3.next{margin-top: 50px;margin-bottom: 30px;}
  /* calendar */
  .relative{  position:relative;}
  div.months ul{text-align: center;margin-top: 30px;margin-right: 20px;background-color: #AA77B9;height: 25px;font-family: arial;}
  div.months ul li{display: inline-block;padding-right: 10px;font-size: 1.2em;}
  div.months ul li a{color: #fff;}
  div.months ul li a.active{color:#111111;}
  table#calendrier{  border-collapse:collapse;font-family: arial;}
  table#calendrier td{  border:1px solid #A3A3A3;  width:87px;  height:108px;background-color: #EEE9ED;}
  table#calendrier td.today{  border:2px solid #C514C7;  width:87px;  height:100px;}
  /*table td .day{ color:#8C8C8C;font-weight:bold; margin-top: -50px; margin-left: 5px;}*/
  table#calendrier td .day{  position:relative;  color:#8C8C8C;  bottom:30px;  left:5px;  font-weight:bold;  font-size:1.2em;vertical-align: middle;z-index: 999;}
  table#calendrier td .daytitle{  display:none;}
  table#calendrier td.padding{  border:none;background-color: #AA77B9;}
  table#calendrier td:hover{  background:#DFDFDF;  cursor:pointer;}
  table#calendrier thead th{color: #C1C1C1;}
  ul.events{width: 70px;margin-top: -40px;position: absolute;margin-left: -30px;}
  li{list-style-type: none;}
  span.nbFilm{position: absolute;z-index: 3;margin-top: 40px;color:#fff;font-weight: bold;font-size: 1.3em;margin-left: 30px;}
/**/
div#choixPres, div#ctnSelect{clear:both;width: 930px;margin: 0 auto;}
  div#choixPres div{width: 280px;display: inline-block;margin: 10px;background-color:#EEE9ED;text-align: center;margin-bottom: 25px;}
  div#choixPres div#choixCal,div.filmToday{margin-left: 20px;}
  div.filmToday h4{color: #AB16B0;text-align: center;width: 278px;}
  div.filmToday{width: 280px;background-color: #EEE9ED;margin-bottom: 15px;height: 215px;text-align: center;}
  div.filmToday img{width: 110px;padding-left: 10px;padding-right: 10px;}
  div.filmToday span{position: absolute;margin-top: 166px;margin-left: -90px;font-family: arial;}
  div#ctnSelect{padding-bottom: 50px;}
  div#filmNext{width: 584px;margin-top: -230px;margin-left: 324px;background-color: #EEE9ED;height: 215px;}
  div#filmNext img{width: 110px;padding-left: 15px; padding-right: 15px;height: 150px;}
  div#filmNext span{position: absolute;font-family: arial;margin-top: 160px;margin-left: -112px;font-weight: bold;}
  div#filmNext span.nextTime{font-size: 0.8em;position: absolute;margin-top: 178px;padding-left: 18px;color: #000;}
  div#filmNext2{width: 895px;margin: 0 auto;background-color: #EEE9ED;height: 340px;}
  div#filmNext2 img{padding-left: 10px;padding-right: 10px;height: 270px;}
  div#filmNext2 span{position: absolute;margin-left: -142px;margin-top: 285px;font-family: arial; color:#C514C7;font-weight: bold;}
  div#filmNext2 span.nextTime2{font-size: 0.8em;position: absolute;margin-top: 300px;padding-left: 18px;color:#000;}
  div.filmToday img:hover, div#filmNext img:hover, div#filmNext2 img:hover{opacity: 0.8;}
  /*liste film*/
  div#listReturn{width: 930px;clear: both;margin: 0 auto;}
   div#listReturn div.t2{float:left;background-color: #EEE9ED;margin: 0 auto;margin-left:15px;margin-right: 15px;text-align: center;width: 430px;margin-bottom: 50px;}