/*

#51bcf4 > Couleur générique BLEU - LIENS Film Français 
#bacbca > Couleur générique GRIS - ICÔNES 
#66575e > Couleur générique BRUN - TAGS 

#179cb4 > CINEMA / SORTIE CINEMA
#2a6e75 > TELEVISION
#2e4648 > DIGITAL
#782b63 > PRODUCTION US

#6b928b > Sorties Vidéos
#908d78 > Marchés 
#2d5a78 > Festivals 

*/

@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600);

@font-face {
    font-family: 'CamingoDosBold';
    src: url('fonts/camingodos-bold-webfont.eot');
    src: url('fonts/camingodos-bold-webfont.eot#iefix') format('eot'),
         url('fonts/camingodos-bold-webfont.woff') format('woff'),
         url('fonts/camingodos-bold-webfont.ttf') format('truetype'),
         url('fonts/camingodos-bold-webfont.svg#webfonttW0eWlcU') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CamingoDosExtraBold';
    src: url('fonts/camingodos-extrabold-webfont.eot');
    src: url('fonts/camingodos-extrabold-webfont.eot#iefix') format('eot'),
         url('fonts/camingodos-extrabold-webfont.woff') format('woff'),
         url('fonts/camingodos-extrabold-webfont.ttf') format('truetype'),
         url('fonts/camingodos-extrabold-webfont.svg#webfontydpZCoQA') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CamingoDosSemiBold';
    src: url('fonts/camingodos-semibold-webfont.eot');
    src: url('fonts/camingodos-semibold-webfont.eot#iefix') format('eot'),
         url('fonts/camingodos-semibold-webfont.woff') format('woff'),
         url('fonts/camingodos-semibold-webfont.ttf') format('truetype'),
         url('fonts/camingodos-semibold-webfont.svg#webfontJxoubFD5') format('svg');
    font-weight: normal;
    font-style: normal;

}




body {
	margin: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height: 22px;
	color:#66575e;
	background-color: #204056;  	/* #204056 */
}
a {
	color: #51bcf4;
	text-decoration: none;
}
a:hover,
a:focus {
	text-decoration: underline;
}

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.hidden { display: none; visibility: hidden; }


.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; }
.clearfix:after { clear: both; }
#map_canvas img, .google-maps img, .gm-style img { max-width: none; }

ul, ol { padding: 0; margin: 0 0 9px 25px; }
ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; }
li { line-height: 18px; }
ul.unstyled, ol.unstyled { margin-left: 0; list-style: none; }
ul.inline, ol.inline { margin-left: 0; list-style: none; }
ul.inline > li, ol.inline > li { display: inline-block; *display: inline; *zoom: 1; padding-left: 5px;	padding-right: 5px; }

sub,
sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
img:not(#primetime img)
{
	max-width: 100%;
	width: auto \9;
	height: auto;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}




.cropimage {
	position: relative;
	overflow: hidden;
	background-size:cover !important;
	background-position:center !important;
}

.cropimage_full {
	position: relative;
	overflow: hidden;
	/*background:none !important;*/
	width:100%;
	height:auto;
}


.cropimage_full.imgcover {
	background-size:cover !important;
}

.cropimage_full img {
	display:block;
	max-width:100%;
	height:auto;	
}


.view-accueil .cropimage {
	width:100%;
	height: 221px;
}

.view-accueil .liste-articles li:nth-of-type(3n+1) .cropimage{
	width:100%;
	height: 221px;
}

.view-articles .cropimage {
	width:100%;
	height: 221px;
}

.view-article .cropimage {	
	width:100%;
	height: 221px;
}
.view-tags .cropimage {	
	width:100%;
	height: 221px;
}
.view-recherche .cropimage {	
	width:100%;
	height: 221px;
}

.view-article .principal .cropimage {	
	width:100%;
	height: 421px;
}
.view-article .principal {	
	width: 100%;	
}

.view-article #content .contenu_article p:not(.chapeau),.view-article #content .contenu_article div {	
	font-size:16px;
	line-height:28px;
	text-align:justify;
}

.view-article #content h1 {	
	color : #153951;
	margin-top:20px !important;
}



hr {
	margin: 18px 0;
	border: 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #fff;
}



/* highlight color */
::selection { background: #66575e; text-shadow: none; color:#fff; }
::-moz-selection { background: #66575e; text-shadow: none; color:#fff; }
::-webkit-selection { background: #66575e; text-shadow: none; color:#fff; }


/* tooltip */
a.tooltip {outline:none; }
a.tooltip:hover {text-decoration:none;}
a.tooltip span { z-index:10; display:none; padding:5px 10px; margin-top:-40px; margin-left:-200px; width:300px; line-height:16px; }
a.tooltip:hover span{ display:inline; position:absolute; background:#153951; text-transform:lowercase; color:#fff;}
/*CSS3 extras*/ 
a.tooltip span { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

/* ==========================================================================
   Retour Haut de page
   ========================================================================== */
#btn_haut_page {
	cursor:pointer;
	display:none; /* changé en jquery */
	position: fixed;
	bottom: 15px;
	right: 25px;
}
#btn_haut_page div {
	display:block;
	width:40px;
	height:40px;
	background:url('../images/arrow-top.png') no-repeat 50%;
	
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;	
}
#btn_haut_page div:hover {
	background-color:#fff;	
}




.boxsizing,
.showcase-caption,
#sidebar_toutelaprod h3,
#sidebar_toutelaprod fieldset,
#resosocio ul li,
.ui-autocomplete li a,
table.tableau_responsive td,
#sidebar_sorties
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



.text_shadow { text-shadow: 1px 1px 5px rgba(0,0,0,0.8); }

.shadow,
.showcase-arrow-previous:hover,
.showcase-arrow-next:hover,
div.popup_lff,
textarea,
.ui-datepicker,
a.tooltip:hover span,
.ui-autocomplete,
.btn_abo:hover
{
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}

.shadow_interne,
.moduletable .articles-lus,
.moduletable .services,
h3.ui-accordion-header,
#colonnegauche input,
#colonnegauche input:not(input[type=submit]),
#colonnegauche select,
textarea
{ 
	box-shadow: inset 0 0 3px #7da5a8;
	-moz-box-shadow: inset 0 0 3px #7da5a8;
	-webkit-box-shadow: inset 0 0 3px #7da5a8;
}

.no_shadow { -moz-box-shadow: 0 0 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 0 rgba(0,0,0,0.2); box-shadow: 0 0 0 rgba(0,0,0,0.2); }


.radius,
input,
textarea,
.bfQuickMode button,
.bouton, 
a.bouton,
input.search-query,
.moduletable .articles-lus,
.moduletable .services,
.services ul li a,
#sidebar_sorties,
#sidebar_ba,
.nav li a.lien_niveau1,
.pastille,
#box-office,
#audience,
.box-et-audience li:before,
.box-et-audience ul,
#resosocio ul li,
table.tableau_responsive,
h3.ui-accordion-header,
#colonnegauche select,
.customSelect,
div.popup_lff,
.ui-datepicker,
#choix
{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

input,
textarea
{
	border:1px solid #bbccca;
	padding:5px;	
	-webkit-appearance: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 12px 0;
}
h1 {
	font-size: 34px;
	line-height: 36px;
	color : #153951;
}
h2 {
	font-size: 22px;
	line-height: 24px;
}
h3 {
	font-size: 18px;
	line-height: 20px;
}
h4 {
	font-size: 14px;
	line-height: 16px;
}
h5 {
	font-size: 13px;
	line-height: 15px;
}
h6 {
	font-size: 18px;
	line-height: 14px;
	font-family: 'CamingoDosSemiBold';
	line-height:100%;
	font-weight:inherit;
	color:#333333;
}


.blanc { color:#fff; }

.couleur_cinema,
table.tableau_responsive.bg_cinema td:before
{
	color:#179cb4;
}

.couleur_tele,
table.tableau_responsive.bg_tele td:before
{
	color:#2a6e75;
}

.couleur_digital,
table.tableau_responsive.bg_digital td:before
{
	color:#2e4648;
}


.bg_cinema,
table.bg_cinema th,
.mean-container .mean-nav ul li.item-200 a
{
	background:#179cb4;
}
.bg_tele,
table.bg_tele th,
.mean-container .mean-nav ul li.item-205 a
{
	background:#2a6e75;
}
.bg_digital,
table.bg_digital th,
.mean-container .mean-nav ul li.item-208 a
{
	background:#2e4648;
}



table.bg_cinema { background:inherit; }
table.bg_tele { background:inherit; }
table.bg_digital { background:inherit; }

hr.hr_neutre {
	border-top: 5px solid #bacbca;	
}
hr.hr_cinema {
	border-top: 5px solid #179cb4;	
}
hr.hr_tele {
	border-top: 5px solid #2a6e75;	
}
hr.hr_digital {
	border-top: 5px solid #2e4648;	
}

.pastille {
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-weight:400;
	letter-spacing:0px;
	margin: -42px auto 25px auto;
	padding:10px 20px;
	text-decoration: none;
	text-transform:uppercase;
	color:#fff;
/*	text-shadow: 1px 1px 1px #555;*/
	
	text-align:center;
	background: #bacbca;
 	background: -moz-linear-gradient(top, #a4b3b2, #bacbca);
 	background: -o-linear-gradient(top, #a4b3b2, #bacbca); /* Opera 11.10 beta */
 	background: -webkit-gradient(linear, 0 0, 0 100%, from(#a4b3b2), to(#bacbca));	
}
/*
.pastilleevenement {
	width:220px;
}*/
.btn_rubrique {
	/*font-family: 'CamingoDosBold', Arial, sans-serif;*/
	font-family: 'CamingoDosSemiBold', Arial, sans-serif;
	margin: 0;
	line-height:15px;
	text-decoration: none;
	font-size:11px;
	max-width:50px;
	/*text-shadow: 1px 1px 1px #555;*/
	color:#fff;
}
.bouton.btn_rubrique { display:inline-block; }	



.btn_cinema,
.nav li.item-160 a.lien_niveau1,
.pastille_cinema
{
	background: #179cb4;
 	background: -moz-linear-gradient(top, #14879c, #179cb4);
 	background: -o-linear-gradient(top, #14879c, #179cb4); /* Opera 11.10 beta */
 	background: -webkit-gradient(linear, 0 0, 0 100%, from(#14879c), to(#179cb4)); 
}

.btn_tele,
.nav li.item-161 a.lien_niveau1,
.pastille_tele
{
	background: #2a6e75;
	background: -moz-linear-gradient(top, #21565c, #2a6e75);
	background: -o-linear-gradient(top, #21565c, #2a6e75); /* Opera 11.10 beta */
 	background: -webkit-gradient(linear, 0 0, 0 100%, from(#21565c), to(#2a6e75)); 
}

.btn_digital,
.nav li.item-162 a.lien_niveau1,
.pastille_digital
{
	background: #2e4648;
	background: -moz-linear-gradient(top, #1d2d2e, #2e4648);
	background: -o-linear-gradient(top, #1d2d2e, #2e4648); /* Opera 11.10 beta */
 	background: -webkit-gradient(linear, 0 0, 0 100%, from(#1d2d2e), to(#2e4648)); 
}

body.view-accueil h2.pastille {
	font-size:40px;	
}


.btnactulff {
	margin-bottom:30px !important;
}	


span.btn_cinema { min-width:50px; margin-right:10px; }
span.btn_tele { min-width:70px; margin-right:10px; }
span.btn_digital { min-width:50px; margin-right:10px; }



.triangle {
	width:0;
	height:0;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-bottom:10px solid #fff;
	margin:-8px 0 0 10px;
	position:relative;	
}

.visuel-article { padding-bottom:20px; }
.visuel-article.pull-left { padding:0 20px 20px 0; max-width:50%; height:auto; }




/* formulaires */
input,
select,
textarea
{
	font-family: 'CamingoDosSemiBold', Arial, sans-serif;
	font-weight:normal;
	color:#17384f;
}

/* listes déroulantes personnalisées */
.customSelect
{ 
    background:#fff url('../images/arrow-select.png') 95% 50% no-repeat;
    padding:8px 12px 8px 8px;
	
	font-family: 'CamingoDosSemiBold', Arial, sans-serif;
	font-weight:normal;
	color:#17384f;
	
	box-shadow: inset 0 0 3px #7da5a8;
	-moz-box-shadow: inset 0 0 3px #7da5a8;
	-webkit-box-shadow: inset 0 0 3px #7da5a8;
}
.mySelectBoxClass option {
	font-family: 'CamingoDosSemiBold', Arial, sans-serif;
	font-weight:normal;
	color:#17384f;
}
.customSelect.customSelectHover {}
.customSelect.customSelectOpen {}
.customSelect.customSelectFocus {}
.customSelectInner {}



/* Aspect des checkboxes */ 
/* Cachons la case à cocher */  
[type="checkbox"]:not(:checked),  
[type="checkbox"]:checked {  
  position: absolute;  
  left: -9999px;  
}  
   
/* on prépare le label */  
[type="checkbox"]:not(:checked) + label,  
[type="checkbox"]:checked + label {  
  position: relative; /* permet de positionner les pseudo-éléments */  
  padding-left: 25px; /* fait un peu d'espace pour notre case à venir */ 
  cursor: pointer;    /* affiche un curseur adapté */ 
  
  font-family: 'CamingoDosSemiBold', Arial, sans-serif;
  font-weight:normal;
  color:#fff; 
}
.popup_compte [type="checkbox"]:not(:checked) + label,  
.popup_compte [type="checkbox"]:checked + label {  
	font-family:inherit;
	color:inherit; 
}  
	 
/* :before sert à créer la case à cocher */  
[type="checkbox"]:not(:checked) + label:before,  
[type="checkbox"]:checked + label:before {  
  content: '';  
  position: absolute;  
  left:0; 
  top: 0px;  
  width: 17px; height: 17px; /* dim. de la case */  
  border: 1px solid #aaa;  
  background: #f8f8f8;  
  border-radius: 3px; /* angles arrondis */  
  box-shadow: inset 0 1px 3px rgba(0,0,0,.3) /* légère ombre interne */  
}
.popup_compte [type="checkbox"]:not(:checked) + label:before,  
.popup_compte [type="checkbox"]:checked + label:before {  
  top: -4px;  
}   
   
/* Aspect général de la coche */  
[type="checkbox"]:not(:checked) + label:after,  
[type="checkbox"]:checked + label:after {  
  content: '✔';  
  position: absolute;  
  top: 0; left: 4px;  
  font-size: 14px;  
  color:#17384f; 
  transition: all .2s; /* on prévoit une animation */  
}  
/* Aspect si "pas cochée" */  
[type="checkbox"]:not(:checked) + label:after {  
  opacity: 0; /* coche invisible */  
  transform: scale(0); /* mise à l'échelle à 0 */  
}  
/* Aspect si "cochée" */  
[type="checkbox"]:checked + label:after {  
  opacity: 1; /* coche opaque */  
  transform: scale(1); /* mise à l'échelle 1:1 */  
}  

/* aspect désactivée */  
[type="checkbox"]:disabled:not(:checked) + label:before,  
[type="checkbox"]:disabled:checked + label:before {  
  box-shadow: none;  
  border-color: #bbb;  
  background-color: #ddd;  
}  
/* styles de la coche (si cochée/désactivée) */  
[type="checkbox"]:disabled:checked + label:after {  
  color: #999;  
}  
/* on style aussi le label quand désactivé */  
[type="checkbox"]:disabled + label {  
  color: #aaa;  
}  
   
/* aspect au focus de l'élément */  
[type="checkbox"]:checked:focus + label:before,  
[type="checkbox"]:not(:checked):focus + label:before {  
  
}  





.icons ul {
	list-style:none;	
}





/* boutons */
.bouton, a.bouton,
.bfQuickMode button
{
	display: block;
	text-align: center;
	text-transform: uppercase;
}

.btn_bleu, a.btn_bleu,
.icons ul li a,
.bfQuickMode button
{
	background: #51bcf4;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:400;
	color:#fff;
	font-size: 13px;
	height: 25px;
	line-height: 25px;
	padding:2px 5px;
}

button.btn_bleu,
input[type=submit].btn_bleu,
.bfQuickMode button
{
	border:0;
	cursor:pointer;	
}

a.btn_bleu:hover {
	background:#fff;
	color: #51bcf4;
}

.btn_blanc, .pagenav {
	background: #fff;
	color:#51bcf4;
	border:1px solid #51bcf4;
	font-family: 'Source Sans Pro', sans-serif;	
	font-weight:400;	
	font-size: 13px;
	line-height: 15px;
	padding:2px 5px;
	margin:0 auto;
}

.btn_blanc:hover, .pagenav:hover, span.pagenav{
	background:#51bcf4;
	color: #fff;
}

.btn_blanc.couleur_cinema { color:#179cb4; border-color:#179cb4; }
.btn_blanc.couleur_tele { color:#2a6e75; border-color:#2a6e75; }
.btn_blanc.couleur_digital { color:#2e4648; border-color:#2e4648; }

.btn_blanc.couleur_cinema:hover { background:#179cb4; color:#fff; }
.btn_blanc.couleur_tele:hover { background:#2a6e75; color:#fff; }
.btn_blanc.couleur_digital:hover { background:#2e4648; color:#fff; }

.btn_pa {
	max-width:350px;	
}


/* accordéon */
h3.ui-accordion-header a{ color:#fff;}
h3.ui-accordion-header {
	background:url('../images/arrow-accordeon.png') no-repeat 98% -113px #204056;
	padding:15px;
	cursor:pointer;	
	color:#fff;
	text-transform:uppercase;
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-weight:400;
}
h3.ui-accordion-header.ui-state-active {
	background-position:98% 20px;
}
h3.ui-accordion-header:hover {
	background-color:#51bcf4;
}
.ui-widget-content {
	max-width:100%;	
}
.ui-widget-content img {
	max-width:100%;	
}





/* menu */
.nav.menusmartphone  { display:none; }
.nav.menu { display:none; }


.nav {
	margin:25px 0 0 0;
	width:100%;
	list-style:none;
}


/* niveau 1 : CINEMA / TV / DIGITAL */
.nav li.niveau1 {
	width:100%;
	margin:5px 0;	
}
.nav li.niveau1 a.lien_niveau1 {
	display:block;
	max-width:100%;
	text-align:center;
	padding:8px 20px;
	
	font-family: 'CamingoDosSemiBold', Arial, sans-serif;
	font-weight:normal;
	margin: 0;
	text-decoration: none;
	font-size:20px;
	color:#fff;
	text-transform:uppercase;
	margin-bottom:14px;
}
.nav > li.niveau1.hover > a.lien_niveau1 { 
	height:32px;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	margin-bottom:0px;
}



/* niveau 2 : subnav  */
.nav .subnav {
	width:100%;
	list-style:none;	
	box-shadow: 0 3px 2px #333;
	-moz-box-shadow: 0 3px 2px #333;
	-webkit-box-shadow: 0 2px 2px #333;	
 	display: none;
	position: absolute;
	z-index:20000;
	margin-top:-3px;		
}
.nav .cinema .subnav {background: #189cb5;}
.nav .tele .subnav {background: #2a6f76;}
.nav .media .subnav{background: #2e4648;}




.nav li.hover .subnav { 
	display:block;
}

.nav .subnav li.niveau2 { /* liens à gauche : actu, agenda, ... */
	float: none;
	margin-left: 13px;
	width: 201px;		
}



.nav .subnav>li.niveau2>a {
	display: block;
	height: 51px;
	line-height: 51px;
	margin: 0;
	padding-left: 16px;
	position: relative;
	text-shadow: 1px 1px 1px #333;
	width: 201px;	
	color: #fff;
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-weight:400;
	font-size: 24px;
	padding: 0;
	text-decoration: none;
	text-align:center;	
	z-index: 9000;
}

.nav .cinema .subnav>li.niveau2.hover>a { background: #189cb5; }
.nav .tele .subnav>li.niveau2.hover>a { background: #2a6f76; }
.nav .media .subnav>li.niveau2.hover>a { background: #2e4648; }


.nav .cinema .subnav li.niveau2 {border-bottom: 1px solid #237f8f;}
.nav .tele .subnav li.niveau2 {border-bottom: 1px solid #1a5056;}
.nav .media .subnav li.niveau2 {border-bottom: 1px solid #203233;}

.nav .cinema .subnav>li.niveau2>a {
	border-top: 1px solid transparent;
	border-bottom: 1px solid #77bbc7;
}
.nav .cinema .subnav>li.niveau2.hover>a {
	border-bottom: 1px solid #77bbc7;
	border-top: 1px solid transparent;
}


.nav .tele .subnav>li.niveau2>a {
	border-top: 1px solid transparent;
	border-bottom: 1px solid #3f8c94;
}
.nav .tele .subnav>li.niveau2.hover>a {
	border-bottom: 1px solid #3f8c94;
	border-top: 1px solid transparent;
}


.nav .media .subnav>li.niveau2>a {
	border-top: 1px solid transparent;
	border-bottom: 1px solid #3e5e61;
}
.nav .media .subnav>li.niveau2.hover>a {
	border-bottom: 1px solid #3e5e61;
	border-top: 1px solid transparent;
}





.nav .subnav li.niveau2.hover:first-child>a {
	border-top: 1px solid transparent;
}




/* niveau 3 */
.nav .subnav .content {
	background: url('img/nav/border.png') left repeat-y;	
 	display: none;
	left: 206px;
	margin: 15px 0 13px;
	height: 267px;
	position: absolute;
	padding-left: 35px;
	top: 0;
	width: 600px;
}
.nav .tele .subnav .content { background: url('img/nav/border-tv.png') left repeat-y; }
.nav .media .subnav .content { background: url('img/nav/border-media.png') left repeat-y; }

.nav .subnav li.hover .content {display:block}

.nav .subnav  .content a:not(.bouton) {
	display:block;
	max-width:100%;
	text-align:left;
	margin: 0;
	text-decoration: none;
	color:#fff;
	text-transform:none;
	text-shadow: 0;
	background:none;
    font-family: 'Source Sans Pro', Arial, sans-serif;
	font-weight:400;
    font-size: 16px;
    line-height: 20px;
}

.nav .subnav .content div{ width: 100%;}

.nav .subnav .content h3 {
	color: #fff;
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-weight:400;
	font-size: 20px;
	margin-bottom: 8px;
	text-transform: uppercase;
}

.nav .cinema .subnav .content h3 {text-shadow: 1px 1px 1px #4bb2c5; color: #05424D;}
.nav .tele .subnav .content h3 {text-shadow: 1px 1px 1px #12494f; color: #69cbd5; }
.nav .media .subnav .content h3 {text-shadow: 1px 1px 1px #071617; color: #76a4a8; }


.nav .subnav .content ul {
	list-style: none;
	margin:0;
	padding:0;
}
.nav .subnav .content li {
	margin: 0;
	padding: 7px 0;
	width: 100%;
}

/*
.nav .cinema .subnav .content ul:not(.disc) li { border-bottom:1px solid #11889e;}
.nav .tele .subnav .content ul:not(.disc) li {border-bottom:1px solid #3d8a92; }
.nav .media .subnav .content ul:not(.disc) li {border-bottom:1px solid #76a4a8; }
*/

.nav .subnav .content li a {
	color: #deefed;
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-weight:400;
	font-size: 16px;
	line-height: 20px;
}

.nav .subnav .content li:first-letter { 
	text-transform:uppercase;
}

.nav .subnav .content li a:hover {text-decoration: underline;}

.nav .subnav .content a.bouton {
	font-size: 13px;
	height: 26px;
	line-height: 26px;
	margin-top: 18px;
	padding: 0 12px;
	width:auto;
	display:inline-block;
	text-decoration: underline;
}

.nav .cinema .subnav .content a.bouton { background:#05424D; }
.nav .tele .subnav .content a.bouton { background: #69cbd5; }
.nav .media .subnav .content a.bouton { background: #76a4a8; }

.nav .cinema .subnav .content a.bouton:hover { color:#05424D; background:#fff; }
.nav .tele .subnav .content a.bouton:hover { color: #69cbd5; background:#fff; }
.nav .media .subnav .content a.bouton:hover { color: #76a4a8; background:#fff; }

.nav .subnav .content a.bouton:hover {text-decoration: none;}



.nav .subnav .content .disc { 
	
}

.nav .subnav .content .disc li {
	border:0;
	padding-left:10px;
	background: url('img/nav/puce-disc.png') no-repeat 0 15px;
}

.nav .subnav .content .disc li a {
	font-size: 16px;
}
.nav .subnav .content .disc li a:first-letter {
	text-transform:uppercase;
}



.nav .subnav .fichefilm {float: left;} /* liens fiches films */
.nav .subnav .fichefilm li {
	/*border-bottom: 2px solid #17a1b9;*/
	float: left;
	margin-right: 35px;
	width: 185px;
	height : 38px;
}


.nav .subnav .fichefilm li a {
	font-size: 14px;
	text-transform: inherit !important; 
}

.nav .subnav .fichefilm li.bouton {
	border: 0 !important;
	padding-top: 0;
}

.nav .subnav .fichefilm li a.bouton {
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-weight:400;
}

.nav .subnav .fichefilm img {
	box-shadow: 2px 2px 2px #016071;
	-moz-box-shadow: 2px 2px 2px #016071;
	-webkit-box-shadow: 2px 2px 2px #016071;
	
	display: block;
	float: left;
	margin-right: 10px;
}



.nav .subnav .content div.audience { width: 100%; } /* liens audiences */
.nav .subnav .audience {clear: both;}

.nav .subnav .audience a {
	color: #fff;
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-weight:400;
	font-size: 16px;
	line-height: 16px;
	text-transform: uppercase;
}

.nav .subnav .audience a:hover {text-decoration: underline;}

.nav .subnav .audience img {
	display: block;
	margin: 8px;
	max-height:200px;
}

.nav .subnav .audience a.bouton {
	margin:0;
}




.com_lff_abonnement input[name=chx]{
	width: 25px;
	height: 25px;
	cursor:pointer;
	background-color: #ffffff;
}

.com_lff_abonnement input[name=chx]:checked{

	cursor:pointer;
	background-color: #204056;
	border: none;
}





/* structure générale */
.container {
	max-width:90%;
	margin:0 auto;
	background:#fff;
	padding:6px 20px 20px 20px;	
}


#content { width:100%; }
#aside { width:100%; }
#aside hr { display:none; }



.header { margin-bottom:11px; }


.brand { margin-right: 30px; }
.brand img { max-width:100%; height:auto; }




/* IDENTIFICATION */
.body {
	position:relative;	
}

.body>.cache {	
	background: #204056;
	filter : alpha(opacity=50); 
	height: 100%;
	opacity :0.6;
	position: absolute;
	top: 0;
	left: 0;	
	width: 100%;
	z-index: 10100000;
}

div.popup_lff {
	background: #efebea;
	display: none;
	margin-left: 0;
	padding: 12px 10px 10px 10px;
	/*position: fixed;*/
	position:absolute;
	top: 65px;
	left: 5px;
	text-align: center;
	width: 90%;
	line-height:130%;
	z-index: 10100002;
}

div.popup_lff .error {
	color : red;
	padding : 5px;
}





div.popup_lff.popup_bandeannonce {
	top: 50px;
}

div.popup_lff h4 {
	margin-bottom: 12px;
	padding-top: 15px;
	font-size: 20px;
	font-family: 'CamingoDosSemiBold',Arial,sans-serif;
	line-height: 21px;
	text-transform: uppercase;
	color: #404040;
}

div.popup_lff fieldset {
	margin: auto;
	width:95%;
	text-align:center;
	border:0;
}

div.popup_lff .btn_bleu {
	display:inline-block;
	margin:20px;
	width: 168px;
	height:30px !important;
	line-height: 25px !important;
}
div.popup_lff .btn_bleu:hover {
	background:#fff;
	color:#51bcf4;
}

div.popup_lff input[type=text],
div.popup_lff input[type=password] {
	margin-bottom: 4px;
	width: 95%;
}

div.popup_lff iframe {
	width	: 95%;
	height	: 95%;
	margin-top : 30px;
}

div.popup_lff label {
	display: block;
	font-size: 12px;
	line-height: 12px;
	margin: 3px 0 30px 32px;
	text-align: left;
}
div.popup_lff.popup_compte label {
	margin: 10px 0 15px 32px;
}

div.popup_lff input[type=submit] {
	border: 0;
	display: inline-block;
	height: 26px;
	line-height: 26px;
	margin: auto;
	width: 110px;
	cursor:pointer;
}

div.popup_lff input[type=radio] {
	float: left;
	margin-left: 10px;
}

div.popup_lff a.close {
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	width:15px;
	height:15px;
	background:url('../images/ico-popup-close.png') no-repeat 0 0;
}


/* popup mon_compte */
div.popup_lff.popup_compte {
	padding:0;
	top:35px;
}
div.popup_lff.popup_compte .compte_votre_compte {
	padding:20px;
	background:#66575e;
}
div.popup_lff.popup_compte .compte_password {
	padding:20px;
	background:#179cb4;
}
div.popup_lff.popup_compte .compte_newsletter {
	padding:20px;
	background:#51bcf4;
}

div.popup_lff.popup_compte h4 {
	margin-bottom: 12px;
	padding-top: 15px;
	font-size: 20px;
	position:relative;
	
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:600;
	width:auto;
	text-align:center;
	display:inline;
	
	line-height: 21px;
	text-transform: inherit;
	color: #fff;
}
div.popup_lff.popup_compte h4 small {
	display:block;
}	

div.popup_lff.popup_compte label {
	color: #000000 !important;
}

div.popup_lff.popup_compte .bouton.btn_bleu {
	border:1px solid #fff;
	margin-top:15px;
}
div.popup_lff.popup_compte .compte_password .bouton.btn_bleu {
	border:1px solid #fff;
	background:#179cb4;
	margin-top:15px;
}
div.popup_lff.popup_compte .compte_password .bouton.btn_bleu:hover {
	border:1px solid #fff;
	background:#fff;
	color:#179cb4;
}

	
div.popup_lff.popup_compte a.close {
	background:url('../images/ico-popup-close-white.png') no-repeat 0 0;
}




.titreauthen {	
	color: #000;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:600;
	font-size: 16px;
	display:inline-block;
	padding-right:20px !important;
	
	background-image:url('../images/arrow-login.png');
	background-repeat:no-repeat;
	background-position:right;
	
}
.identification a {	
	margin-right: 20px;
	
}
/* fin IDENTIFICATION */



/* page d'accueil */
.slideshow { 
	display:none;
	margin:10px 0 5px 0;
}

.showcase + .btn_blanc {
	margin:30px auto 20px auto;
	max-width:300px;
}


.lastnews {
	margin-top : 10px;
	width :100%;
}
.lastnews a {
	color : #2C597A;
	font-size:16px;
}
.lastnewscase {
	vertical-align:top;
	display:block;
	margin-bottom:20px;
}




.box-et-audience { 
	clear : right;
}

.box-et-audience h3 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:600;
	border-bottom:0;
	font-size: 40px;
	line-height:100%;
	color: #179cb4;
	display:inline-block;
}
.box-et-audience small.date {
	display:block;
	width:100%;
	margin-bottom:5px;
	
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:400;
	
	border-bottom:0;
	font-size: 14px;
	line-height:110%;
}
.box-et-audience small.date br {
	display:none;
}

#box-office { 
	background: #335e7c;
	margin-bottom:10px;
	padding: 0 10px 7px 10px;
}

#audience {
	background: #244053;
	padding: 0 10px 7px 10px;
}

/* liste déroulante box office */
#box-office ul {
	background: url('../images/sidebar/ico-fleche.png') no-repeat 97% 16px #244053;
	border:1px solid #fff;
	clear: both;
	margin:0 0 10px 0;
	cursor:pointer;	
}
#box-office ul li {
	display: none;
	padding: 8px 12px;
}
#box-office ul li:first-child {display: block;}
#box-office ul li a {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:400;
	border-bottom:0;
	font-size: 14px;
	text-transform:uppercase;
	text-decoration:none;
	line-height:100%;
	color:#fff; 
}	




.box-et-audience ol {
	counter-reset: repas; /* on initialise et nomme un compteur */	
	margin:0;
	padding:0;
}

.box-et-audience ol li
{
	color:#fff;
	clear:both;
	margin:0;
	padding:0;
	/*height:37px;*/
	border-bottom:1px solid #4d7389;
	list-style-type: none;
    counter-increment: repas; /* on incrémente le compteur à chaque nouveau li */
}
.box-et-audience ol li:before {
    content: counter(repas); /* on affiche le compteur */
    padding: 5px 10px;
    margin: 5px 10px 5px 5px;
	font-size:16px;
    vertical-align: top;
    font-weight: bold;
	border:1px solid #fff;
	float:left;
}
.box-et-audience ol li:last-child {
	border-bottom:0;
	margin-bottom:7px;
}
.box-et-audience ol li a {
	display: block;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:400;
	
	border-bottom:0;
	padding:5px;
	color:#fff;
	line-height:100%;
	text-decoration: none;
}

#box-office ol li a:hover {
	background:#244053;
}
#audience ol li a:hover {
	background:#335e7c;
}
.box-et-audience ol li:hover:before {
    background:#fff;
	color:#204056;
}

.box-et-audience ol li a big
{
	display:block;
	font-weight:600;
}




/* barre de connexion en haut */
.header-top {
	background:#bbccca;
	padding:5px 10px;
	margin-bottom:20px;
}

.header-top form {
	padding:0;
	margin:0;
}



.header-top .password_lost a {
	color:#244053;
	font-size:11px;
	text-decoration:none;
	display:inline-block;
	margin-top:3px;
}
.header-top .password_lost a:hover {
	text-decoration:underline;
}

.header-top .btn_deconnexion {
	color:#000;
	background:none;
	font-size:16px;
	text-decoration:none;
	display:inline-block;
	cursor:pointer;
	padding:0;
	margin:0;
}
.header-top .btn_deconnexion:hover {
	text-decoration:underline;
}





.header-top a.bouton {
	padding-left:15px;
	padding-right:15px;	
}
.header-top input.bouton {
	height:inherit;
	line-height:inherit;
	cursor:pointer;
}

.header-top .bouton_login,
.header-top .bouton_creer_compte
{
	background-image:url('../images/arrow-login.png') !important;
	background-repeat:no-repeat !important;
	background-position:5px 3px !important;
	padding:0 10px 0 20px !important;
	text-transform:inherit;
	font-size:14px;	
	display:inline-block;
}
.header-top .bouton_login:hover,
.header-top .bouton_creer_compte:hover
{
	background-color:#244053;
	color:#fff;
	text-decoration:none;
}

.header-top .bouton_logout {
	background-image:url('../images/ico-mon-compte.png') !important;
	background-repeat:no-repeat !important;
	background-position:0 -2px !important;
	padding:0 10px 0 30px !important;
	text-transform:uppercase;
	font-size:14px;	
	font-weight:600;
	display:inline-block;
}
.header-top .bouton_logout:hover {
	background-color:#244053;
	color:#fff;
	text-decoration:none;
}











/* icônes réseaux sociaux top */
.icones-rs {
	margin:0 20px 0 10px;
}
.icones-rs ul li a {
	background:url('../images/icones-rs.gif');
	display:block;
	width:34px;
	height:34px;
}

.icones-rs ul li:nth-child(1) a { background-position:0 0; }
.icones-rs ul li:nth-child(2) a { background-position:-53px 0; }
.icones-rs ul li:nth-child(3) a { background-position:-103px 0; }
.icones-rs ul li:nth-child(4) a { background-position:-150px 0; }

.icones-rs ul li:nth-child(1) a:hover { background-position:0 -79px; }
.icones-rs ul li:nth-child(2) a:hover { background-position:-53px -79px; }
.icones-rs ul li:nth-child(3) a:hover { background-position:-103px -79px; }
.icones-rs ul li:nth-child(4) a:hover { background-position:-150px -79px; }


.logodvd{
	background:url('../images/logo-dvd.png');
	background-repeat: no-repeat;
	width: 80px;
	height: 53px;
	float: left;
	
}
.logobr{
	background:url('../images/logo-blueray.png');
	background-repeat: no-repeat;
	width: 80px;
	height: 53px;
	float: left;
	
}
.logologoecinema{
	background:url('../images/logo-ecinema.png');
	background-repeat: no-repeat;
	float: left;
	
}



/* champ input recherche */
input.search-query { width: 100%; }

/*autocomplete */
.ui-autocomplete {	
	background: #fff;
	width: 80%;
	z-index: 9999999;
}
.ui-autocomplete li img {	
	width:50px;
	float: left;
	margin-right: 10px;
}
.ui-autocomplete li a {	
	color: #000;
	text-decoration: none;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
	font-size: 16px;
	display:block;
	padding:5px;
}
.ui-autocomplete li a:hover {	
	background:#51bcf4;
}
.ui-autocomplete li.allresult a:hover {	
	background:none;
}
.ui-autocomplete li a .desc {	
	font-size: 14px;
	color: #999999;
}
.ui-autocomplete li a:hover .desc {	
	color:#fff;
}

.ui-autocomplete li {
	padding:3px;
	border-bottom: #d6d6d4 2px solid;
	list-style-type: none;
}

.ui-autocomplete li.allresult{
	height:auto;
	padding:10px;
	border-bottom: none;
}
.ui-autocomplete li.allresult a{
	color:#51bcf4;
}










/* fil d'ariane */
body.itemid-101 .breadcrumb { display:none; }

.breadcrumb {
	color: #63535B;
	font-family: "CamingoDosExtraBold",Arial,sans-serif;
	font-size: 10px;
	text-decoration: none;
	text-transform: uppercase;
	
	padding:0;
	list-style: none;
	margin:10px 0;
	margin-bottom: 30px;
}
.breadcrumb > li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.breadcrumb a {
	color:inherit;
}
.breadcrumb > .active {
	color:#63535b;
}
.breadcrumb > li > .divider {
	display: inline-block;
	width:15px;
	height:10px;
	background:url('../images/puce-fleche.png') no-repeat 50% 50%;
}
.breadcrumb > li:first-child > .divider {
	display: none;
}
.breadcrumb > li > .divider img {
	display:none;
}

.breadcrumb a span {
	color: #63535B;
	font-family: "CamingoDosExtraBold",Arial,sans-serif;
	font-size: 10px;
	text-decoration: none;
	text-transform: uppercase;
}


.breadcrumb a[href="/"] span {
	text-indent:222px;
	overflow:hidden;
	display:block;
	float:left;
	width:10px;
	height:11px;
	background:url('../images/ico-home.png') no-repeat 0 0;
}










/* contenu */
#content h1, #colonnedroitechxfilm h1 {
	font-family: 'CamingoDosExtraBold', Arial, sans-serif;
	font-size: 34px;
	letter-spacing: -2px;
	padding-bottom:0;
	margin-bottom:0;	
}

#content .chapeau {
	font-size:18px;
	font-family: Helvetica, Arial, sans-serif;
	line-height:28px;
	font-weight: bold;
}
#content .chapeau a {
	color:inherit;
	text-decoration:underline;
}
#content .chapeau a:hover {
	text-decoration:none;
}
#content h6 {
	padding-bottom:0;
	margin-bottom:0;	
}




/* fiche film */
#fiche_film {
	padding : 10px;
	margin-bottom : 10px;
}
#fiche_film #ensavoirplus {
	display:block;
	margin:5px 0;
}
#fiche_film #ensavoirplus .bouton {
	width:150px;
}

#fiche_filmdetail {
	padding:10px;	
}


#texte h1 {
	color : #153951;
}


.filmhautpage{
	float: right;	
	margin-top:-30px;
	background-image: url("../images/pucefilm.gif");
	background-repeat:no-repeat;
	background-position:center right ;
	width: 130px;
}

.filmhautpage a{
	color: #b5c9c7;	
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-weight: 400;
}

.view-festival #fiche_film #texte,
.view-marche #fiche_film #texte,
.view-rechercheeve #fiche_film #texte,
#fiche_personnalitedetail #texte
{
	float:none;
	width:100%;
}
.view-festival #fiche_film #texte #detail,
.view-marche #fiche_film #texte #detail,
.view-rechercheeve #fiche_film #texte #detail,
#fiche_personnalitedetail #detail
{
	float:none;
	width:100%;
}
.view-festival #fiche_film #texte #synopsis,
.view-marche #fiche_film #texte #synopsis,
.view-rechercheeve #fiche_film #texte #synopsis,
#fiche_personnalitedetail #texte #synopsis
{
	float:none;
	width:100%;
}





#fiche_filmdetail #ancre li,
#fiche_personnalitedetail #ancre li,
.view-recherche #ancre li
{
	color:#ffffff;
}

#fiche_personnalitedetail #ancre li {
	margin-left : -10px;
	margin-bottom : -2px;
}
#fiche_filmdetail #ancre li a,
#fiche_personnalitedetail #ancre li a,
.view-recherche #ancre li a
{
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-weight:400;
}


#fiche_filmdetail #texte #synopsis {
	margin-top : 20px;
}
ul.liste-fiche-film {}

ul.liste-fiche-film #blogvision {
	margin-left:-5px;	
}



.normal {	
	font-weight:normal;
}
ul.liste-fiche-film li a { 
	font-weight:bold;
}


/* fiche personnalite */
#fiche_personnalitedetail {
	padding:10px;	
}


#fiche_personnalitedetail #texte #synopsis{
	margin-top : 20px;
}

.fondgris {
	background-color : #EFEFEF;
}
.titre .etape{
	letter-spacing:-1px;
	font-size: 20px;
	color: #51BCF4;
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-weight: 400;
	display:block;
}

/* tags */
.tags {}
.tags h6 { display:inline-block; }
.tags ul {display:inline-block; margin-top:10px;}
.tags ul li { display:inline-block;}
.tags ul li a { max-width:inherit; background:#66575e; padding-left:10px; padding-right:10px; line-height:22px; margin:5px; }
.tags ul li a:hover { background:#333; text-decoration:none; }



/* Listes des articles */
.liste-articles {
	width:100%;
}

.liste-articles li { 
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:3px solid #eeebe9;
}
.liste-articles li.derniereligne{
		border-bottom:0;
}

.liste-articles li > a {
	color:inherit;
	text-decoration:none;
}
.liste-articles h3 {
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-weight:600;
	font-size:18px;
	line-height:100%;	
	color:#325D79;
}

.view-accueil .liste-articles li:nth-of-type(3n+1) h3 {
	font-size:24px;
	font-weight:600;
}



.partage{
	position: absolute;
	z-index: 1000;
	display:none;
	padding-left: 15px;
}

.partage img{
	
	width: 100%;
	
}
	
.liste-articles p {
	padding:0;
	margin:0;
}


.liste-articles + .btn_blanc {
	margin:-15px auto 60px auto;
	max-width:300px;
}




.item-page table td {
	display:block;
	width:100%;
}

.item-page table td img,
.item-page img
{
	max-width:100%;
}
.item-page:after {
	content:'';
	display:block;
	clear:both;	
}



/* colonne de droite */
#aside > div,
#aside > iframe {
	margin:10px 0;	
}
#aside > div:first-child { margin-top:0; }

#aside h3 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:600;
	border-bottom:0;
	font-size: 34px;
	line-height:100%;
}


/* articles les plus lus */
.moduletable .articles-lus {
	background:#bbccca;
	padding:10px;
}
.moduletable .articles-lus h3 { color:#fff; }
.moduletable .articles-lus ul { margin-top:10px; }
.moduletable .articles-lus li { margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid #96a2a0; }
.moduletable .articles-lus li:last-child { border-bottom:0; }
.moduletable .articles-lus a {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:400;
	color:#000;
}
.moduletable .articles-lus a span.btn_rubrique {
	font-family: 'CamingoDosBold', Arial, sans-serif;
	font-weight:normal;
}



/* sorties en salle & bandes-annonces */
#sidebar_sorties
{
	background: #335E7C;
	padding: 10px 14px 20px 14px;
	width:100%;
}
#sidebar_ba
{
	background: #244053;
	padding: 10px 14px 20px 14px;
	display:none; /* masqué sur smartphone et tablette */
}





#sidebar_sorties h3,
#sidebar_ba h3
{
	color: #33bcd4;
}
#sidebar_ba h3 { font-size: 34px; }


#sidebar_sorties>div,
#sidebar_ba>div
{
	height: 374px;
	overflow: auto;
	margin-bottom: 20px;
}

#sidebar_sorties li,
#sidebar_ba li
{
	float: left;
	margin: 0 12px 22px 0;
	text-align: center;
	height:170px;
	line-height:110%;
}
/*
#sidebar_sorties li.odd,
#sidebar_ba li.odd
{
	clear: both;
} */

#sidebar_sorties li img,
#sidebar_ba li img
{
	box-shadow: 2px 2px 3px #152938;
	-moz-box-shadow: 2px 2px 3px #152938;
	-webkit-box-shadow: 2px 2px 3px #152938;	
	
	display: block;
	height: 133px;
	margin-bottom: 10px;
	width: 100px;
}
#sidebar_sorties li img.croix,
#sidebar_ba li img.croix
{
	height: 15px;
	width: 15px;
}

#sidebar_sorties li a,
#sidebar_ba li a
{
	display: block;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:400;
	border-bottom:0;
	color:#fff;
	font-size:12px;
	line-height:100%;
	
	text-decoration: none;
}
#sidebar_sorties li a:hover,
#sidebar_ba li a:hover
{
	text-decoration: underline;
}

/* onglets toute la prod */
#sidebar_toutelaprod .prod_france {background: #179cb4;}
#sidebar_toutelaprod .prod_us {background: #782b63;} 
#sidebar_toutelaprod .prod_tele {background: #2a6e75;} 

#sidebar_toutelaprod h3 {
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;	
	
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:400;
	
	font-size: 16px;
	line-height: 110%;
	padding: 5px;
	margin:0 0 -1px 0;
	text-align: center;
	width: 33.33333%;
	color:#fff;
}
/*#sidebar_toutelaprod h3:last-child { width: 33.7%; }*/

#sidebar_toutelaprod fieldset {
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;	
	border:0;
	font-size:12px;
	line-height:110%;
	
	padding: 10px;
	margin: 0;
	
}
#sidebar_toutelaprod fieldset big {
	display:block;
	font-weight:bold;
	padding:15px 5px 5px 0px;
	text-align:left;
}

#sidebar_toutelaprod a:not(.bouton) {
	color: #fff;
	text-decoration: none;
	display:block;
	height:100%;
	max-width:160px;
	margin:0 auto;
	text-align: left;
}
#sidebar_toutelaprod .showcase_toute_la_prod a:not(.bouton) {
	max-width:inherit;
}

#sidebar_toutelaprod a:hover {text-decoration: underline;}
#sidebar_toutelaprod .bouton { margin-top:5px;}

#sidebar_toutelaprod .ombre_prod_france {
	box-shadow: inset -2px -2px 3px #117182;
	-moz-box-shadow: inset -2px -2px 3px #117182;
	-webkit-box-shadow: inset -2px -2px 3px #117182;	
}

#sidebar_toutelaprod .ombre_prod_us {
	box-shadow: inset 2px -2px 3px #451939;
	-moz-box-shadow: inset 2px -2px 3px #451939;
	-webkit-box-shadow: inset 2px -2px 3px #451939;
}

#sidebar_toutelaprod .ombre_prod_tele {
	box-shadow: inset 2px -2px 3px #183e42;
	-moz-box-shadow: inset 2px -2px 3px #183e42;
	-webkit-box-shadow: inset 2px -2px 3px #183e42;
}







/* les services du film français */
.services { 
	background:#fff;
	padding:10px 0;
	margin:10px 0 20px 0;
	border:1px solid #bbccca;
	border-right:0;
	border-left:0;	
}
.services h3 {
	color: #325d79;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:600;
	font-size: 42px;
	letter-spacing:-1px;
	margin-bottom: 22px;
	line-height:90%;
	text-align:center;
}

.services ul { }
.services ul li { 
	display:inline-block;
	vertical-align:top;
	text-align:center;
	background:url('../images/separ-services.png') no-repeat 100% 50%;
}
.services ul li:last-child { background:none;}

.services ul li a {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:400;
	
	font-size:14px;
	color:#325d79;
	text-align:center;
	float:left;
	margin:3px;
	padding:0;
	overflow:hidden;
	width:98%;
}
.services ul li a:hover {
	background:#51bcf4;
	text-decoration:none;
}
.services ul li a small { color:#208b9e; display:block; text-align:center; }
.services ul li a big { display:block; text-align:center; }

.services ul li a:hover small { color:#fff; }

.services ul li a span {
	background:url('../images/icones-services.png') no-repeat;
	width:60px;
	height:50px;
	display:block;
	margin:0 auto;
}
.services ul li.services-abonner a span { background-position: -8px 0;}
.services ul li.services-kiosque a span { background-position: -125px 0;}
.services ul li.services-newsletter a span { background-position: -250px 0;}
.services ul li.services-acces a span { background-position: -375px 0;}
.services ul li.services-prod a span { background-position: -500px 0;}
.services ul li.services-calendrier a span { background-position: -625px 0;}
.services ul li.services-annonces a span { background-position: -750px 0;}
.services ul li.services-aide a span { background-position: -875px 0;}

.services ul li.services-abonner a:hover span { background-position: -8px -188px;}
.services ul li.services-kiosque a:hover span { background-position: -125px -188px;}
.services ul li.services-newsletter a:hover span { background-position: -250px -188px;}
.services ul li.services-acces a:hover span { background-position: -375px -188px;}
.services ul li.services-prod a:hover span { background-position: -500px -188px;}
.services ul li.services-calendrier a:hover span { background-position: -625px -188px;}
.services ul li.services-annonces a:hover span { background-position: -750px -188px;}
.services ul li.services-aide a:hover span { background-position: -875px -188px;}

.view-accueil .services ul li.services-prod { padding-right:3px; }

/* services dans la colonne de droite */
.moduletable .services { padding:10px; border-right:1px solid #bbccca; border-left:1px solid #bbccca; }
.moduletable .services h3 span { display:block; }
.moduletable .services ul li { width:49%; background-repeat : repeat-y; }
.moduletable .services ul li a { width:100%; }
.moduletable .services ul li:nth-child(even) { background:none; }
.moduletable .services ul li:nth-child(odd) a { width:93%; }




/* Petites annonces */
.bfFormDiv {}

.bfFormDiv .bfPage-m,
.bfFormDiv .bfPage-r,
.bfFormDiv .bfPage-bl,
.bfFormDiv .bfPage-tl,
.bfFormDiv .bfPage-tr,
.bfFormDiv .bfPage-t,
.bfFormDiv .bfPage-l,
.bfFormDiv .bfPage-b,
.bfFormDiv .bfPage-br
{
	background:none !important;	
}

.bfFormDiv .bfQuickMode .bfPageIntro {
	background:#EFEFEF !important;
	padding:10px;
	margin-bottom:30px;
	text-align:center;
}
.btn_tarifs_pa {
	max-width:450px;
	margin:0 auto;	
}

.bfRolloverBg[style] {
	background:none !important;
}
.bfQuickMode .bfLabelLeft label {
    width: 25% !important;
}
.bfQuickMode section input[type="text"], 
.bfQuickMode section textarea,
.bfQuickMode section select {
	width: 65% !important;
}

.bfQuickMode label {
    cursor: default !important;
}
.bfQuickMode section.bfElemWrap {
	margin:0 auto !important;
	width:80%;	
}

.bfQuickMode .bfNextButton,
.bfQuickMode .bfSubmitButton,
.bfQuickMode .bfCancelButton
{
    float: none !important;
	margin:30px auto !important;
    font-size: 24px !important;
    padding: 5px 15px !important;
    height: auto !important;
}


a[href="http://crosstec.de/en/extensions/joomla-forms-download.html"] {
	display:none;	
}




/* footer */
footer {
	padding-top:20px;
	color:#fff;	
	vertical-align:top;
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-weight:400;
}

.footer h3 {
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-weight:400;
	font-size:24px;
	text-transform:uppercase;	
}
.footer h4 {
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-size:18px;
	color:#7A95A8;	
}

.footer li {
	vertical-align:top;
}
.footer .container {
	background:none;
	padding: 6px 0 0 0;
}

.logo-footer {
}
.logo-footer img {
	max-width:100%;
	height:auto;
}


#resosocio ul {
	margin:0;
	padding:0;
}
#resosocio ul li {
	display:block;
	vertical-align:top;
	height:60px;
	padding:5px;
	margin:5px 0;
}

#resosocio ul li:first-child { margin-left:0; }
#resosocio ul li:last-child { margin-right:0; }

#resosocio ul li.resosocio_facebook { background:#406bd1; }
#resosocio ul li.resosocio_twitter { background:#33ccff; }
#resosocio ul li.resosocio_google { background:#007BB5;	}
#resosocio ul li.resosocio_rss { background:#ff6600; }
#resosocio ul li.resosocio_appli { background:#75797c; }

#resosocio ul li a:not(.btn_rs) {
	display:inline-block;
	vertical-align:top;
	width:50px;
	height:50px;
	border-right:1px solid #839fe1;
}

#resosocio ul li a span.icone {
	display:block;
	width:50px;
	height:50px;
	background:url('../images/icones-rs-footer_v2.png') no-repeat;	
}

#resosocio ul li.resosocio_facebook a { border-color:#839fe1; }
#resosocio ul li.resosocio_twitter a { border-color:#7bdeff; }
#resosocio ul li.resosocio_google a { border-color:#7ad4ea; }
#resosocio ul li.resosocio_rss a { border-color:#ff9c5a; }
#resosocio ul li.resosocio_appli a { border-color:#a6a8aa; }

#resosocio ul li.resosocio_facebook a span.icone { background-position:0 0; }
#resosocio ul li.resosocio_twitter a span.icone { background-position:0 -74px; }
#resosocio ul li.resosocio_google a span.icone { background-position:0 -148px; }
#resosocio ul li.resosocio_rss a span.icone { background-position:0 -225px; }
#resosocio ul li.resosocio_appli a span.icone { background-position:0 -297px; }

#resosocio ul li div {
	display:inline-block;
	vertical-align:top;
}

#resosocio ul li div h6 {
	color:#fff;
	text-transform:uppercase;
	padding:0 0 0 5px;
	margin:0;
}
#resosocio ul li div h6 small {
	font-size:16px;
}
#resosocio ul li div a.btn_rs {
	color:#fff;
	display:inline-block;
	padding:1px 5px 1px 18px;
	margin:5px;
	background-image:url('../images/icones-rs-footer-mini_v2.png');	
	background-repeat:no-repeat;
	text-decoration:none;
	
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
#resosocio ul li.resosocio_facebook div a.btn_rs { background-position:0 2px; background-color:#3c56a1; }
#resosocio ul li.resosocio_twitter div a.btn_rs { background-position:1px -26px; background-color:#00aced; }
#resosocio ul li.resosocio_google div a.btn_rs { background-position:1px -56px; background-color:#015278; }
#resosocio ul li.resosocio_rss div a.btn_rs { background-position:1px -86px; background-color:#ce5606; }
#resosocio ul li.resosocio_appli div a.btn_rs { background-position:0 -113px; background-color:#4e585f; padding-left:15px; }

#resosocio ul li.resosocio_facebook div a.btn_rs:hover { background-color:#2b4590; }
#resosocio ul li.resosocio_twitter div a.btn_rs:hover { background-color:#038cc0; }
#resosocio ul li.resosocio_google div a.btn_rs:hover { background-color:#01364f; }
#resosocio ul li.resosocio_rss div a.btn_rs:hover { background-color:#a94605; }
#resosocio ul li.resosocio_appli div a.btn_rs:hover { background-color:#353f46; }




#resosocio ul li div a.btn_rs span { display:none; }


/* pagination */

.pagination {
	margin: 0 auto;
}
.pagination li {	
	display:inline-block;
	margin-right: 15px;
	margin-bottom:10px;
}

/* publicite */

.moduletable_pubtop {	
	height:auto;
	margin:10px 0 10px 0px;
}

#adl_728x90{
	text-align: center;
	width: 728px;
	margin: 0 auto;	
	background: none;
}

#adl_728x90 .hi-media-ut-wrapper, #adl_300x250 .hi-media-ut-wrapper{
	background: none;
	text-align: center;
}
#adl_728x90 tr:nth-of-type(odd), #adl_300x250 tr:nth-of-type(odd){
	background: none;
}


#adl_300x250 {
	text-align: center;
	width: 100%;
	margin: 0 auto;	
	background: none;
}
#adl_300x250 table {	
	margin:0px;
	width:100%;	
}
#adl_300x250 td {	
	padding:0px;
}

.moduletable.la-tribune img {
	max-width:100%;
	height:auto;
}



/* flexisel */
.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:9999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}

.nbs-flexisel-inner {
    overflow:hidden;
    float:left;
    width:100%;
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
}

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 22px;
    height: 22px; 
    position: absolute;
    cursor: pointer;
    z-index: 100;
    opacity: 0.5;
}

.nbs-flexisel-nav-left {
    left: 0;
    background: url('../images/button-previous.png') no-repeat;
}

.nbs-flexisel-nav-right {
    right: 0;
    background: url('../images/button-next.png') no-repeat;
}

.nbs-flexisel-nav-left[style], .nbs-flexisel-nav-right[style]  {
	top:37px !important;
}



/* Connexion */
.no_user .warning {
	background: url('img/article/ico-warning.png') no-repeat top center;
	color: red;
	display: block;
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-weight:400;
	font-size: 18px;
	margin-bottom: 20px;
	padding-top: 29px;
	text-align: center;
}

.no_user .form {
	background: #153951;
	margin-bottom: 20px;
	padding: 10px 30px 26px;
}
.no_user .form fieldset {
	text-align:center;
	border:0;
	padding:0;
}

.no_user h3,
#main_content .fleuve .no_user .form h3 {
	color: #cdc3c8;
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-weight:400;
	font-size: 32px;
	line-height:100%;
	text-align: center;
	/*text-shadow : 1px 1px 1px #333;*/
	text-transform: uppercase;
	letter-spacing: -1px;
	margin-bottom: 11px;
}
.no_user .form input {
	width: 162px;
	margin:5px 0;
}
.no_user .form input[type=submit] {
	display: inline-block;
	margin: 20px;
	width: 100px;
	height: 30px !important;
	line-height: 25px !important;
}
.no_user .form input[type=submit]:hover {
	background:#fff;
	color: #51bcf4;
}

.no_user .abonnement {
	background: #446174;
	padding: 10px 30px 0;
}

.no_user .abonnement h3 {
	color: #fff;
}

.no_user .abonnement a.btn_bleu.bouton {
	margin:10px auto;
	height:auto;
	max-width:500px;
}
.no_user .abonnement a.btn_bleu.bouton:last-child {
	line-height:130%;
}


.no_user .allopass {
	background: #738897;
	padding: 10px 30px 0;
	text-align:center;
	color:#fff;
}
.no_user #erroruser2 {	
	padding: 10px 30px 0;
	text-align:center;
	color:#fff;
}
.no_user .allopass h3 {
	color: #fff;
}
.no_user .allopass a.btn_bleu.bouton {
	max-width:500px;
	margin:0 auto 10px auto;
}






@media only screen and (min-width: 421px) {
	.view-accueil .lastnewscase { width:47%; margin-left:3%; }
	.view-accueil .lastnewscase:first-child { margin-left:0; }	
	.view-accueil .lastnewscase .cropimage { width:100%; height: 200px; }
	
	.visuel-article.pull-left { padding:0 20px 20px 0; float:left !important; max-width:50%; height:auto; }
	
	.lastnewscase { display:inline-block; }
}


@media only screen and (max-width: 767px) {
	
	
	
	.contenu_article[style] { float:none !important; width:100% !important;  }
	
	.cropimage_full {
		background:none !important;
	}
	
	#ca_banner[style]
	#adl_728x90,
	
	#adl_300x250 div[style],
	#adl_300x250 iframe[style],
	#adl_300x250 iframe *,
	#adl_300x250 td[style]
	{	
		width:100% !important;
	}
	
	#adl_300x250 img,
	#adl_300x250 iframe img
	{	
		max-width:100% !important;
		height:auto;
	}
	
	#adl_background{
		display:none;
		}
		
	/* niveau 2 : subnav  */
	.nav .subnav {
		display: none;
		position: relative;
		width:100%;
		left:0;
		margin-left:0;
		height:auto;
		overflow:visible;
		/* height:500px;*/
	}
	
	.nav .subnav .content {
		display: block;
		left: 0;
		height: auto;
		position: relative;
		padding-left: 35px;
		width: 100%;
	}
	
	.pull-left,
	.pull-right,
	.nav .subnav .fichefilm,
	.nav .subnav .fichefilm li
	{ float:none;}
	
	
	.header-top.text-right { text-align:center; }
	.header-top .password_lost { display:inline-block; }
	.header-top .bouton_creer_compte { margin-top:5px;}
	
	.view-recherche #ancre ul { margin: 0 0 0 25px; }
	
	#sidebar_toutelaprod h3 {
		height:50px;
	}
	

}


@media only screen and (min-width: 768px) {
	
	.slideshow { 
		display:block;
		margin:10px 0 5px 0;
	}
	
	.btn_deconnexion.pull-right { float:right; }
	
	.nav.menu { display:block; }
	
	.titre .etape{ display:inline; }
	

	.pastille { width:245px; }
	
	
	div.popup_lff {
		margin-left: -300px;
		position: fixed;
		top: 100px;
		left: 50%;
		width: 600px;
	}
	div.popup_lff fieldset {
		width:340px;
	}
	div.popup_lff input[type=text],
	div.popup_lff input[type=password] {
		width: 250px;
	}
	
	div.popup_lff iframe {
		width	: 600px;
		height	: 600px;
	}

	
	.brand.pull-left { float: left; }
	
	.btn_blanc, .pagenav { height: 25px; line-height: 25px; }
	
	.btnactulff {
		width: 50%;
		margin-top: 28px !important;
	}

	
	.icones-rs { margin:0; }	
	.header-search { margin:0; }
	input.search-query { width: 170px; }
	
	.ui-autocomplete { width: 300px; }
	
	.header-top a.bouton { margin-left:15px; }
	
	
	.nav li.niveau1 {
		width:30%;
		margin:5px;
		float:left;	
	}
	.nav > li.hover > a.lien_niveau1 { 
		height:32px;
		border-radius: 5px 5px 0 0;
		-moz-border-radius: 5px 5px 0 0;
		-webkit-border-radius: 5px 5px 0 0;
	}
	.nav .subnav { 
		width:730px;
		left:50%;
		margin-left:-365px;
		height:500px;
	}
	.liste-articles li {
		margin:0 0 20px 10px;
		padding:0 0 20px 0;
		width:48%;
		display:inline-block;
		vertical-align:top;
		/*min-height:400px;*/
	}
	
	.view-article .liste-articles li {
		width:48%;
	}
	
	.nav .subnav .content div li {
		width: 450px;
	}
	
	#box-office, #audience { width:45%; float:left; min-height:360px; }
	#audience { margin-left:15px; float:right; }
	#audience .btn_bleu { margin-top:46px; }
	
	.box-et-audience small.date {
		display:inline-block;
		padding:0 0 10px 10px;
		margin-top:15px;
		margin-bottom:0;
		width:auto;
		float:right;	
	}
	.box-et-audience small.date br { display:block; }
	
	.view-accueil .lastnewscase { width:24.5%; margin-left:2px; }
	.view-accueil .lastnewscase:first-child { margin-left:0; }	
	.view-accueil .lastnewscase .cropimage { width:100%; height: 130px; }
	
	
	/*#sidebar_toutelaprod h3:last-child { width: 33.7%; }*/
	
	
	.cropimage_full {
		position: relative;
		overflow: hidden;
		background-size:auto 100% !important;
		background-color:#153951 !important;
		background-position:center !important;
		background-repeat:no-repeat !important;
		width:100%;
		height:450px;
		margin-bottom:15px;
	}
	
	.cropimage_full.imgcover {
		background-size:cover !important;
	}
	
	.cropimage_full img {
		display:none;	
	}
	
	
			
	
	.moduletable .articles-lus {
		width:47%;		
		float:left;
		margin-right:15px;
	}
	#sidebar_toutelaprod {
		width:45%;
		float:left;
	}
	#sidebar_toutelaprod fieldset {
		height:240px;
	}
		
	#adl_300x250 {
		clear:both;
		width: 49%;	
		margin-top:15px;
		margin-right:15px;
		float:left;
	}
	iframe.twitter-timeline {	
		float:left;
	}
	iframe.twitter-timeline[style] {	
		width:307px !important;
		margin-left:7px !important;
	}
	

	#sidebar_sorties { clear:both; }
	
	/*#sidebar_sorties, #sidebar_ba { margin-top:0px; width:287px; float:left; min-height:360px; }
	#sidebar_ba { margin-right:20px; float:right; }	
	*/
	
	
	.view-recherche #ancre ul {
		display:inline-block;
		width:25%;
		margin-left:30px;
	}	
	
	
	#date-calendrier ul { width:100%; }
	
	#date-calendrier ul li {	
		display:inline-block;
		float:left;
		vertical-align:top;
		text-align:center;
		width:auto;
	}
	#date-calendrier ul li:first-child {	
		float:left;
		text-align:left;
		/*width:31%;*/
	}
	#date-calendrier ul li:last-child {	
		/*width:31%;*/
		text-align:right;
		position:absolute;
	}
	#date-calendrier ul li.pagination_toute_la_prod {	
		width:31%;
	}
	
	li#cinema, li#tele, li#digital { width : 31%; }
	
	#resosocio ul li {
		display:inline-block;
		margin:5px 0;
	}
	
	.view-recherche #ancre ul:first-child {
		margin-left: 100px;
	}
	
	#fiche_personnalitedetail #photo{
		float:left;
		width:20%;	
	}
	#fiche_personnalitedetail #texte{
		float:right;
		width:78%;
		vertical-align:middle;
	}
	
	#fiche_film #texte {
		float:right;
		width:78%;
	}
	#fiche_filmdetail #texte {
		float:right;
		width:70%;
	}
	
	#fiche_film #texte #detail {
		float:left;
		width:40%;
	}
	#fiche_film #texte #synopsis{
		float:right;
		width:58%;
	}
	
	#fiche_film #photo {
		float:left;
		width:20%;	
	}
	#fiche_filmdetail #photo {
		float:left;
		width:30%;	
	}
	
	
	#resosocio ul { text-align:center; }
	#resosocio ul li { width:19%; text-align:center; }	
	#resosocio ul li div { display:none; }	
	#resosocio ul li a:not(.btn_rs) { border-right: 0; }
	
	
	
}



@media only screen and (min-width: 1024px) {
	
	
	.moduletable_pubtop {
		margin:0 0 0 0;
	}

	.pull-right { float: right; }
	.pull-left { float: left; }
	
	.brand { margin-right: 0; margin-left:30px; }


	.container { width:940px; }
	#onglet-calendrier #date-calendrier ul { width:940px; }
	
	.nav { margin:5px 0; }	
	.nav li.niveau1 { 
		width:100%; 
		margin:5px 0;
		float:none;
	}
	.nav .subnav { 
		width:959px;
		left:50%;
		margin-left:-480px;
		height: 320px;
		overflow: hidden;
	}
	.nav .subnav .content div { width: 50%;}
	.nav .subnav .content div li {width: 90%; }
	
	.nav .subnav .fichefilm li {
		width: 225px;
	}
	
	.icones-rs { margin:0 7px 0 10px; }	
	.header-search { margin:5px 20px 0 0; }
	input.search-query { width: 170px; }
	
	.btnactulff {
		margin-bottom:0 !important;
	}
	
	
	.footer .container { max-width:100%; width:960px; }	
	#resosocio ul li { margin:0; width:auto; text-align:left; }
	#resosocio ul li div { display:inline-block; }	
	#resosocio ul li div h6 { font-size:12px; }
	#resosocio ul li div a.btn_rs { font-size:11px; }
	#resosocio ul li a:not(.btn_rs) { border-right:1px solid #839fe1; }
	
	
	/* slideshow */
	.slideshow { width:100%; margin:0 25px 0 0; }
	#entete { float:left; width :67%; border:0; }
	.box-et-audience { margin:0 25px 0 0; width:30%; }
	
	
	.nav { width:auto; max-width:400px; }
	.nav li.niveau1 { width:auto; margin:0 10px 0 0; display:inline-block; }
	.nav li a.lien_niveau1 { display:inline-block; font-size:20px; }
	
	.moduletable .articles-lus {
		width:437px;
		height:240px;
	}
	#sidebar_toutelaprod {
		width:437px;
	}
	.view-accueil #sidebar_toutelaprod {
		margin-top:-10px;
	}
	#sidebar_toutelaprod fieldset {
		height:233px;
	}	
	
	iframe.twitter-timeline[style] {	
		width:437px !important;
		margin-left:7px !important;
	}

	/*#sidebar_sorties, #sidebar_ba { margin-top:0; width:410px; min-height:auto; }
	#sidebar_ba { margin-right:10px; }	*/
	
	
	/*.view-accueil .liste-articles li { width:27%; }	*/
	.view-accueil .liste-articles li { width:26%; }
	.view-articles .liste-articles li {width:30%;  }
	.view-article .liste-articles li { width:26%; margin-left: 3%; margin-right:3%; }
	
	.view-tags .liste-articles li {width:30%; }
	.view-recherche .liste-articles li {width:30%; }
	.view-accueil .liste-articles li:nth-of-type(3n+1) {
		margin:0 0 20px 0;
		width:50%;
		max-width:393px;
	}
	.view-accueil .liste-articles li:nth-of-type(3n+1) .triangle {
		border-left:20px solid transparent;
		border-right:20px solid transparent;
		border-bottom:20px solid #fff;
		margin:-18px 0 0 10px;
	}
	
	.view-accueil .cropimage { width:233px; height: 122px; }	
	.view-accueil .liste-articles li:nth-of-type(3n+1) .cropimage { width:393px; height: 221px; }
	
	.view-articles .cropimage { width:268px; height: 159px; }
	.view-article .cropimage { width:238px; height: 159px; }
	.view-tags .cropimage {	width:238px; height: 159px; }
	.view-recherche .cropimage { width:238px; height: 159px; }
	
	.cropimage_full {
		position: relative;
		overflow: hidden;
		background-size:auto 100% !important;
		background-color:#153951 !important;
		background-position:center !important;
		background-repeat:no-repeat !important;
		width:50%;
		height:auto;
		margin-bottom:15px;
		margin-right:15px;
		float:left;
	}
	.cropimage_full.imgcover {
		background-size:auto 100% !important;
	}	
	.cropimage_full img {
		display:block;	
	}
	
	
	.item-page table td {
		display:table-cell;
		width:auto;
	}

	
	.view-accueil .lastnewscase { width:24.5%; margin-left:2px; }
	.view-accueil .lastnewscase:first-child { margin-left:0; }	
	.view-accueil .lastnewscase .cropimage { width:100%; height: 100px; }		
	
	
	#box-office, #audience { width:100%; float:none; min-height:inherit; }
	#audience { margin-left:0; float:none; }
	#audience .btn_bleu { margin-top:inherit; }
	
	/*#date-calendrier ul li { width:600px; }*/
	#date-calendrier ul li:first-child {	
		width:31%;
	}
	#date-calendrier ul li:last-child {	
		width:15%;
	}
	#date-calendrier ul li:last-child {	right:10px; }
	
}




@media only screen and (min-width: 1200px) {
	
	#aside hr { display:block; }
	
	.transition,
	.bouton,
	a.bouton,
	.btn_bleu,
	.btn_blanc,
	.tags ul li a
	{
		-webkit-transition:all 500ms ease-out;
		-moz-transition:all 500ms ease-out;
		-o-transition:all 500ms ease-out;
		transition:all 500ms ease-out;	
	}
	
	.animation,
	.services ul li a:hover span
	{
		-webkit-animation: moveFromTop 500ms ease;
		-moz-animation: moveFromTop 500ms ease;
		-ms-animation: moveFromTop 500ms ease;
	}
	@-webkit-keyframes moveFromLeft{from {-webkit-transform: translateX(-100%);}to {-webkit-transform: translateX(0%);}}
	@-moz-keyframes moveFromLeft{from {-moz-transform: translateX(-100%);}to {-moz-transform: translateX(0%);}}
	@-ms-keyframes moveFromLeft{from {-ms-transform: translateX(-100%);}to {-ms-transform: translateX(0%);}}
	@-webkit-keyframes moveFromRight {from {-webkit-transform: translateX(100%);}to {-webkit-transform: translateX(0%);}}
	@-moz-keyframes moveFromRight { from {-moz-transform: translateX(100%);}to {-moz-transform: translateX(0%);}}
	@-ms-keyframes moveFromRight {from { -ms-transform: translateX(100%);}to {-ms-transform: translateX(0%);}}
	@-webkit-keyframes moveFromBottom {from { -webkit-transform: translateY(100%);} to {-webkit-transform: translateY(0%);}}
	@-moz-keyframes moveFromBottom {from { -moz-transform: translateY(100%);}to {-moz-transform: translateY(0%);}}
	@-ms-keyframes moveFromBottom {from {-ms-transform: translateY(100%);}to {-ms-transform: translateY(0%);}}
	@-webkit-keyframes moveFromTop {from { -webkit-transform: translateY(-100%);} to {-webkit-transform: translateY(0%);}}
	@-moz-keyframes moveFromTop {from { -moz-transform: translateY(-100%);}to {-moz-transform: translateY(0%);}}
	@-ms-keyframes moveFromTop {from {-ms-transform: translateY(-100%);}to {-ms-transform: translateY(0%);}}
	
	.container { width:1170px; }
	#onglet-calendrier #date-calendrier ul { width:1170px; }
	
	#sidebar_ba {
		display:block;	
	}
	
	.nav .subnav { 
		width:1180px;
		left:50%;
		margin-left:-590px;
		height: 290px;
		overflow: hidden;
	}
	.nav .subnav .content li {
		width: 356px;
	}
	.nav .subnav .fichefilm li {
		width: 225px;
	}
	
	.moduletable .articles-lus {
		width:auto;
		float:none;
		margin-right:0;
		height:auto;
	}
	#sidebar_toutelaprod {
		width:auto;
		float:none;
		margin-right:0;
		margin-top:0;
	}
	#sidebar_toutelaprod fieldset {
		height:auto;
	}
	.view-accueil #sidebar_toutelaprod {
		margin-top:0px;
	}
	#adl_300x250 {
		clear:none;
		width: 300px;	
		margin-top:0;
		margin-right:0;
		float:none;
	}
	iframe.twitter-timeline {	
		float:none;
	}
	iframe.twitter-timeline[style] {	
		width:296px !important;
		max-width:auto !important;
	}


	#sidebar_sorties { clear:none; }
	#sidebar_sorties, #sidebar_ba { width:auto; float:none; min-height:auto; }
	#sidebar_ba { margin-left:auto; float:none; }
	

	#resultatprod tr:hover {
		background: #838383;
		color : #fff;
	}
	#resultatprod tr:hover td { 
		color:#fff;
		background: #838383;
	}
	
	
	.footer .container { max-width:100%; width:1170px; }
	#resosocio ul li { margin:0 7px; width:220px; }	
	#resosocio ul li div h6 { font-size:22px; }
	#resosocio ul li div a.btn_rs { font-size:12px; }
	#resosocio ul li div a.btn_rs span { display:inline; }
	
	#content { width:70%; padding-right:35px; }
	#contentfull { width:99%; padding-right:35px; }
	#aside { width:26%; }
	
	/* slideshow */
	#entete { width:70%;border:0; }
	.box-et-audience { width:27%; }	
	
	.icones-rs { margin:0 7px 0 10px; }	
	.header-search { margin:5px 20px 0 0; }
	input.search-query { width: 263px; }
	
	
	.nav { width:auto; max-width:inherit; }
	.nav li.niveau1 { width:auto; margin:0 20px 0 0; }
	.nav li a.lien_niveau1 { display:inline-block; width:120px; font-size:20px; }
	
	/* niveau 3 */
	.nav .subnav .content {
		left: 206px;
		margin: 15px 0 13px;
		height: 267px;
		position: absolute;
		padding-left: 35px;
		top: 0;
		width: 816px;
	}
	

	.view-accueil .liste-articles li {width:23%; }
	.view-articles .liste-articles li {width:30%; }	
	.view-article .liste-articles li {width:30%; margin:0 0 20px 10px; }
	
	.view-accueil .cropimage { width:183px; height: 122px; }
	
	.view-accueil .lastnewscase { width:24.6%; margin-left:4px; }
	.view-accueil .lastnewscase .cropimage { width:100%; height: 122px; }
	
	
	.view-articles .cropimage { width:238px; height: 159px; }
	
	.cropimage_full {
		background-size:auto 100% !important;
		background-color:#153951 !important;
		background-position:center !important;
		background-repeat:no-repeat !important;
		width:100%;
		height:450px;
		margin-bottom:15px;
		margin-right:0;
		float:none;
	}
	
	.cropimage_full.imgcover {
		background-size:cover !important;
	}
	.cropimage_full img {
		display:none;	
	}

	
	#date-calendrier ul li { width:auto; }
	
	#resultatprod tbody  tr td:first-child { text-align:left;  }
	
	#sidebar_toutelaprod h3:last-child { width: 33.33333%; }
	
	

}

@media only screen and (min-width: 1300px) {
	
	.nav .subnav { 
		width:1210px;
		margin-left:-605px;
	}
	
	/* slideshow */
	#entete { width:67%;}
	.box-et-audience { width:28%; }	
	
	.footer .container { width:1208px; }
	#resosocio ul li { margin:0 12px; }
	
	#date-calendrier ul li { width:auto; }
	
	
}