body{font-family: Verdana,sans-serif;}
/*style globaux*/
.center{ text-align:center}
.bold{ font-weight:bold}
.font20{font-size:20px; }
.font12{font-size:12px; }
.moduletable.span12{ margin:0}
.black{ color:#000}
.white{ color:#FFF}
.bleu{ color:#69c5da}
.bkggris{ background-color: #a2a4a7}

/*style de balises*/
a { color: #000; }
a:hover, a:focus{color:#69c5da; text-decoration: none}
ul, ol{ margin:0; list-style: none; list-style-type: none}
h3, .recherchesurlesite h1, .page-header h2{background-color: #69c5da;color: white;display: block;font-family: Tahoma,Geneva,sans-serif;font-size: 12px;font-weight: normal;letter-spacing: 2px;padding: 0 0 0 10px;text-transform: uppercase; float: left; width:98%}
h2, h4{ font-size: 20px;font-weight: bold;margin: 0;text-transform: uppercase;color:#000}
h4{ font-size: 16px;}
h5{background-color: #878787;font-family: Tahoma,Geneva,sans-serif;padding: 5px 4px;text-transform: uppercase;margin:0 0 10px 0}
p{  line-height: 16px;margin: 0 0 8px;text-align: justify;font-size: 11px}

audio, canvas, video {
    width: 100%;
	float:left;
	text-align: left;
}
/*header*/
.logo{ margin: 0 0 20px 0}
.logo a { font-family: Georgia, Times, Times New Roman, serif; }
/*nav gen*/
.menu ul.nav.menu li{ display:inline-block}
.menu.pyramide ul li{border-right: 1px solid #d1d2d3;padding: 0 15px 5px;}
.menu.pyramide ul li a { letter-spacing: 4px;font-size: 12px;text-transform: uppercase;padding: 5px 8px;}
.menu.pyramide ul li a.distrib { color:#FFF; background-color: #69c5da}
.menu.pyramide ul li a.inter:hover {  color:#FFF; background-color: #ed6f34}
/*nav distrib*/
.menu.distribution{ border-bottom: 4px solid #69c5da;border-top: 4px solid #69c5da; padding:8px 0 8px 0; margin:20px 0 20px 0 }
.menu.distribution li {border-right: 1px solid #d1d2d3;padding: 0 15px;}
.menu.distribution li a, .menu.distribution li.active a:hover  {font-size: 13px;text-transform: uppercase; color:#73767a}
.menu.distribution li a:hover, .menu.distribution li.active a { color:#000}
/*nav catalogue*/
.menu.catalogue ul{ text-align:center}
.menu.catalogue ul li{padding:0 5px 0 8px; border-right:1px solid #000; }
.menu.catalogue ul li a{color: #69c5da;font-size: 13px;font-weight: bold;padding:0; margin:0; line-height:12px}
/*nav distrib footer*/
footer{ padding: 50px 0 0 0}
footer h3 {background : none;color: #000; font-size: 12px}
footer .menu.distribution{ border :none; padding:0; margin: 0 0 0 170px	 }
footer .menu ul.nav.menu{ float: right; width:95%}
footer .menu ul.nav.menu li{ display:block; border:none}
footer .menu li {border:none;padding: 0 15px;}
footer .menu li a,footer .menu.distribution li a,footer .menu.distribution li a:hover, footer .menu li.active a:hover  {font-size: 11px;text-transform: uppercase; color:#73767a; line-height: 24px}
footer .menu li a:hover, footer .menu li.active a { color:#000}
/*advanced search*/
.advancedsearch.span3{ margin:0; padding:5px; border:1px solid #d1d2d3}
.advancedsearch input.search-query {padding:0;margin-bottom: 0;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;border:none;width:85%}
.advancedsearch  .btnsearch {display: inline-block;*display: inline;*zoom: 1;margin-bottom: 0;font-size: 12px;text-align: center;vertical-align: middle;cursor: pointer;color: #A6A6A6;border:none;background: none;}
/*actuellement*/
.tous, .moreinfo { padding:5px 0 0 0;margin:10px 0 0 0}
.tous .menu li{display:block; width:100%}
.tous .menu a.alldisplay, .moreinfo  a, .moreinfolistefilms a{color:#FFF; background-color: #a2a4a7; float:right; padding:8px}
.tous .menu a.alldisplay{margin-right: 8px}
.moreinfo  a{ padding:4px; }
.moreinfolistefilms{border-bottom: 1px dotted #a2a4a7; padding:5px 0 0 0;margin:-20px 0 0 0}
.moreinfolistefilms a{ left: -20px;margin: -10px 0 0;padding: 4px;position: relative; }
.marginbottom15{ margin-bottom:15px}
/*prochainement*/
.alaunecontent.span12{margin:10px 0 0 0}
.nextcontent .label-inline {font-size: 12px;font-weight: bold;}
.nextcontent .accesreal a, .alaunecontent .accesreal a,.filmzoneright .accesreal a{color: #69c5da;font-size: 12px;font-weight: bold;}
.moduletable.prochainement .blog-middle{ border-bottom:1px dotted #000}
/*catalogue search*/
.moduletable.recherche { margin:25px 0 25px 0; padding: 0 0 15px 0; border-bottom: 1px solid #000; text-align: center}
input.rechercher{ border:none; color: #999;font: italic 15px Verdana;height: 41px;padding-left: 12px;text-transform: uppercase;width: 400px;}
.container_search{border: 1px solid #d1d2d3;float: left;margin: 0 0 0 235px;}
.counter, .pagination{ text-align:center}
#catalogue{ margin:0 0 25px 0}
body.view-article .menu.catalogue, body.view-article .moduletable.recherche{ display:none}
/*fichefilm*/
.filmzoneleft p {line-height: 13px; margin:0 0 2px 0}
.filmzoneleft a{ font-size:11px; text-transform: uppercase}
.filmzoneleft p.datesortie{ margin:10px 0 0 0}
.filmzoneright div.synopsis{margin:20px 0 20px 0; } 
.filmzoneright div.synopsis p{font-size: 12px;line-height: 15px;}
.filmzoneright .alaunevideo.span12{margin:0}
.imagesfilmsdisplay{ float: left; width: 20%; margin:0 0 10px 0}
.imagesfilmsdisplay img{ width:100%; height:auto}
div.cck_contents.cck_content div.cck_value.cck_value_wysiwyg_editor p {margin-bottom: 10px;margin-top: 0;padding: 0;line-height: 16px}
#cboxTitle {color: #FFF;}
.telvid{padding:4px;float:right; margin:8px}
.telvid:hover,.telvid:visited{color:#000}
.cck_forms.cck_search.cck_search_generic.cck_recherche_globale{padding:0; width:80%}
.my-video-dimensions {

    margin: auto;

}