/*
Theme Name: VDEF
Template: simple-catch-pro
*/

/* @import url("../simple-catch-pro/style.css"); */

/** VDEF **/


/* Controllers */
#controllers {
	padding-bottom: 10px;
}

.right-pub {
    width: 300px;
   height : auto;
    display: block;
    float: none;
    position: relative;
    right: -1025px;
    top: 0px;

}

.right-pub img {
	position: absolute;
	top: 0px;
	right: 0px;
    background-color: white;
    border : 1px solid #DDD;
}

.left-pub {
    width: 300px;
   	height : auto;
    display: block;
    float: none;
    position: relative;
    left: -350px;
    top: 0px;

}

.left-pub img {
	position: absolute;
	top: 0px;
	right: 0px;
    background-color: white;
    border : 1px solid #DDD;
}

body
{
/*        -webkit-animation-duration: 0.1s;
	-webkit-animation-name: fontfix;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 1s;*/
}

@-webkit-keyframes fontfix{
	/*from{ 	opacity: 1; }
	to{	opacity: 1; }*/
}


.logo-wrap {
   background-image: url(../images/header_image.png);
   background-repeat: no-repeat;
 }
.entry-title {padding-bottom : 3px; }
.type-film .entry-title {padding-bottom : 5px;}
.type-film .entry-header {display : none;}
#sidebar-top .widget { margin-bottom: 15px; }
#branding .logo-wrap { margin-bottom: 10px; }
#sidebar-top {height: 165px; }

#secondary { line-height: 1.6em; }
.credit, tr.credit {
vertical-align : top;
font-style : italic;
border-bottom: 1px solid #bbb;
border-top: 1px solid #bbb;
}
th.souligne, .souligne {
border-bottom: 1px solid #bbb;
}
.post-by { display: none; }
.page-title { display: none; }

.entry-meta ul li {
	font-weight : normal;
	margin-bottom : 6px;
}

a .readmore { margin-top : 15px; }
#header-content  { margin : 20px 0px 10px; line-height : 1.4em; }
.breadcrumb { padding: 15px 0px 0px; }
/*#access ul li a { line-height: 36px; }*/


#access ul li.menu-item-home a:hover, #access ul li.menu-item-home a, #access ul li.menu-item-home:hover > a { padding-left: 40px !important;
  background-image: url(/web/images/home.png);
   background-position: 10px 45%;
   background-repeat: no-repeat;
 } 
 
/*#access ul li a.menu-featured, .menu-featured { 
	color: yellow;
  }
*/

#access ul li a:hover, #access ul li.current-menu-item a, #access ul li:hover > a {
    box-shadow: none;
}

.menu-featured, .menu-featured a {
background-color: #c43281 !important;
color: #FFFFFF !important;
font-weight : bold;
} 

.menu-featured a:hover {
background-color: #FEE7F0 !important; 
color: #000000 !important;
font-weight : bold;
} 

p {
	margin-bottom: 15px;
}

#primary .page, #primary .error-404 { padding-bottom: 15px; }


/* HEADER */
.date_prochaine_edition  { font-family: "Amaranth",sans-serif; font-weight : normal; font-size : 18px; line-height : auto; }
.texte_prochaine_edition { font-family: "Amaranth",sans-serif; font-weight : normal; font-size : 14px; line-height : auto; }
.texte_libre_header 	 { font-family: "Amaranth",sans-serif; font-weight : normal; font-size : 18px; line-height : auto; }

/* FORMULAIRE DE CONTACT */
input[type="text"], input[type="email"], input[type="password"], textarea {
    padding: 5px 10px;
    border: 1px solid rgb(204, 204, 204);
  /*  box-shadow: 0px 1px 5px rgb(220, 220, 220) inset; */
    height: 15px;
    line-height: 15px;
    background-color: white; /* #EFEFEF; */
    width: 97%;
}

.mailpoet_submit input[type="reset"], .mailpoet_paragraph input[type="button"], .mailpoet_paragraph input[type="submit"] {
	height: 33px;
    background: none;
	line-height: 30px;
	border: 1px solid #bbbbbb;
	box-shadow: 0 0px 0px #e0e0e0, 0 0px 0 #ededed inset;
	-moz-box-shadow: 0 0px 0px #e0e0e0, 0 0px 0 #ededed inset;
	-webkit-box-shadow: 0 0px 0px #e0e0e0, 0 0px 0 #ededed inset;
	font-size: 15px;
	font-weight: bold;
	text-shadow: none;
	color: #666;
	padding: 0 20px;
	width: inherit;
	cursor: pointer;
}

textarea { height: 150px; }
#captcha-contact-champ { vertical-align : bottom; width: 200px;}
.wpcf7-form > p { margin-bottom: 10px;    width : 96%; }
input[type="submit"] { float: right;width: auto; }

/* .entry-title > a { text-transform : uppercase; } */

/* affichage des extraits */

.type-film figure{ display: none; } /* empêche affichage de l'image dans l'extrait */

.vignette-affiche-extrait, .vignette-affiche-fiche {
	/*border: 1px solid #DDD; /*vertical-align : text-top;*/
	/*-moz-box-shadow: 5px 5px 10px -1px #cfcfcf;
    -webkit-box-shadow: 5px 5px 10px -1px #cfcfcf;
    -o-box-shadow: 5px 5px 10px -1px #cfcfcf;
    box-shadow: 5px 5px 10px -1px #cfcfcf;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=134, Strength=10); */
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    width : 100%;
}

.readmore  { float: right;  color : rgb(221, 221, 221); }
a.readmore, a.more-link {
    font-weight: normal;
    font-style : italic;
    padding-right : 15px;
}

article.post-article header.entry-header { padding-bottom: 0px; }
.fiche_type h1 { padding-bottom: 15px; padding-top: 5px;  }
hr.content-hr { border-width: 0px; margin: 0 0 10px; }

.post h1.entry-title, .fiche_event h1.entry-title, .partenaires h1.entry-title, .type-page h1.entry-title {
    font-size: 175%;
    line-height: 120%;
    font-weight: bold;
    padding-bottom: 10px;
    /*text-transform: uppercase;*/
	letter-spacing: 0.5px;
}

hr { margin: 0px 0px 15px; }
.type-film div.entry-meta, .type-partenaires div.entry-meta, .type-salles div.entry-meta  { display: none; }

.fiche_type div.entry-summary > p { display: none; }
.type-post header.entry-header { padding-bottom: 15px; }

.layout-excerpt .post-article .entry-summary p { margin-bottom: 10px; }
.layout-excerpt .post-extrait p { margin-bottom: 10px; }
.post-extrait { margin-left: 10px; }

.type-film div.entry-content {padding-top: 0px; }

/* slider d'accueil */
.featured-text span {
    padding-right: 5px;
}
.search-results table { border : 0px; margin-bottom : 0px;}

.search-in-place-type  {
      margin-bottom: 10px;
}

.search-results p { border : 0px;}

.search-results  .type-film div.entry-content {
    padding-top: 0px;
}

#branding  .searchform button  {
      font-size : 11px;
      height: 25px;
      padding-bottom: 2px;
}

#masthead .searchform button {
    font-size: 12px !important;

}

#masthead .searchform .search-box {
	border-radius: 5px !important;
}

#branding .searchform .search-box  {
    height: 25px;
    line-height: 25px;
    min-width : 100px;
    float : left;
}

.widget_search .searchform button, #primary .searchform button {
    background: none repeat scroll 0% 0% rgb(51, 51, 51);
    border: 0px none !important;
    width: 33%;
    height: 25px;
    display: block;
    float: left;
    color: rgb(255, 255, 255);
    font-size: 10px;
    cursor: pointer;
    padding: 0px;
}

.searchform {
    border: 1px solid !important;
	border-radius: 5px !important;
	border-color: gray !important;
}

.searchform > button {
    border: 1px solid !important;
	border-radius: 0 5px 5px 0 !important;
	border-color : gray !important;
}

/* resultat recherche / liste films */
.type-film .entry-summary td, .type-film .comment-content td {
    border-top: 0px ;
    padding: 0px 15px 0px 0px;
}

.entry-content td, .entry-summary td,  .comment-content td {
	border-top: 0px;
}

.entry-content table, .entry-summary table, .comment-content table {
	border-bottom: 0px;
}

/* .type-film div.entry-summary  { border-bottom : 1px solid rgb(221, 221, 221); } */
.type-film  { padding-bottom : 10px; }

/* padding page top */
.type-page div.entry-content { padding-top : 12px; }

/*25/11/2016*/
.type-film, .type-post, .type-page, .type-fiche_event, .type-partenaires {
	background-color: #f6f3f3;
	padding: 25px 20px 10px 20px;
	margin-bottom: 20px;
	border: 1px solid;
	border-color : gray;
}

.search .type-film, .search .single-post, .search .type-post, .search .type-page .search .type-fiche_event, .search .type-partenaires {
	background-color: #f6f3f3;
	padding: 10px 20px 10px 20px;
	margin-bottom: 10px;
	border: 1px solid;
	border-color : gray;
}

.search hr {
	display : none;
}


/* photos films */
.photo-film {
	background-color: #fff;
	margin : 5px 12px 5px 0px;
	max-width: 96%;
	border: 1px solid #bbb;
	padding: 3px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    /* 25/11/2016*/
    width: 128px;
	height: auto;
}
.widget_featuredimagewidget  {
	background-color: #fff;
	margin : 5px 12px 5px 0px;
	max-width: 96%;
	border: 1px solid #bbb;
	padding: 3px;
}
.photo-film a:hover {
	opacity:0.9;
	-moz-opacity: 0.9;
	filter:alpha(opacity=90);
}

table.extrait-film img {
height : 150px;
width : auto;
max-width : none;
float: none;
padding : 3px;
}


.case-planning {
	height : 150px;
	width : 100px;
}

.planning-affiche {
	padding : 3px;
	-webkit-box-shadow: 2px 2px 10px 1pxrgba(0,0,0,0.3);
    -moz-box-shadow: 2px 2px 10px 1px rgba(0,0,0,0.3);
    box-shadow: 2px 2px 10px 1px rgba(0,0,0,0.3);
}

.titre-affiche, .titre-affiche a {
	text-transform : uppercase;
	font-size: 12px;
	color: #444;
}

.photo-film img,  .widget_featuredimagewidget img {
    border: none;
    display: block;
    margin: 0 auto;
    max-width: 100%;
    padding: 0px;
}

#commentaire-film, #synopsis { padding-bottom : 10px; }

.synopsis { min-height : 100px; 
}

#titre-rubrique {
	color: #666;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2em;
	text-transform: uppercase;
        border-bottom : none;
}

#rubrique, #rubrique-documents, #rubrique-strong {
	color: #000;  /*666*/
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2em;
	text-transform: uppercase;
        border-bottom : none;
        margin-bottom : 0px;
        margin-top: 0px;
       width: 100%;
       float : none !important;
}

#rubrique-featured {
	color: #de7212; /* teinte globale */
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2em;
	text-transform: uppercase;
        border-bottom : none;
        margin-bottom : 0px;
        margin-top: 0px;
       width: 100%;
       float : left;
}

#rubrique-strong {
       font-size: 14px;
}

.rubrique {
	color: #000; /*666*/
	font-size: 12px !important;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2em;
	text-transform: uppercase;
        border-bottom : none;
        margin-bottom : 5px;
        margin-top: 0px;
        width: 100%;
        float : none;
}


.rubrique-featured
{
	color: #de7212; /* teinte globale */
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2em;
	text-transform: uppercase;
        border-bottom : none;
        margin-bottom : 5px;
        margin-top: 0px;
        width: 100%;
        float : left;
}

.rubrique-icone {
       float : left;
       padding-right: 5px;
}
.rubrique-texte {
       vertical-align : middle;
	   font-size: 15px !important;
}

#rubrique-documents {
        margin-bottom : 20px;
        margin-top: 10px;
}

/** vidéo **/
.single-film .fluid-width-video-wrapper { 	
	width : 95%; 
	height : auto; 
}

.fluid-width-video-wrapper {
	width: 600px;
	position: relative;
	height: auto;
	display: inline-block;
	padding-top : 15px;
	/*height: 400px;*/
}

/* Label */
.label {
	display: inline-block;
	margin: 0.2em 0.5em 0.2em 0px;
	padding: 0.4em 0.8em 0.6em 0.8em;
	font-size: 0.8em;
	height: 0.8em;
	line-height: 0.8em;
	text-transform: uppercase;
	color: #FFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
    vertical-align: text-bottom;
}
.style-gris { background: #999; border : 1px solid #990; color : #FFF;}
.style-vert { background: #090; border : 1px solid #090; color : #FFF;}
.style-orange { background: #f90; border : 1px solid #f90; color : #FFF; }
.style-rouge { background: #CC0066; border : 1px solid #CC0066; color : #FFF; }
.style-rouge-clair { background: #F6CECE; border : 1px solid #F6CECE; color : #000; }
.style-bleu { background: #09c;  border: 1px solid #09c; color: #FFF }
.style-violet { background: #9966CC; border: 1px solid #9966CC; color: #FFF;}
.style-gris-clair { background: #D8D8D8; color : #000;}
.style-blanc { background: #FFF;  border : 1px solid #BBB; color : #000; }

.label > a { color : #fff; }

.logo-partenaire {
    vertical-align: middle;
    margin-right : 20px;
     margin-top : 5px; }

.tableau-logo {
    margin:  5px; }

.case-grille {
      float : left;
      min-width : 140px;
      min-height : 140px;
      display : inline;
      text-align: center;
      margin : auto;
      vertical-align : middle;
      line-height : 125px;
}

.case-partenaires-une  {
      float : left;
      min-width : 100px;
      min-height : 100px;
      display : inline;
      text-align: center;
      vertical-align : middle;
      line-height : 125px;
      margin : 0px 20px 0px 20px;
}

.media-search {
      float : left;
      min-width : 100px;
       height: 150px;
      padding-right : 10px;
      min-height : 125px;
      display : inline;
      text-align: center;
      margin : auto;
      vertical-align : middle;
      line-height : 125px;
}


/*.fichier-image {
     border: 1px solid #bbb;
}*/

/* <p> inconnu généré par la page film ?? */
/*.entry-content > p:nth-child(6) { display : none;}*/

div .left-border {
   width: 272px;
   border-left : 1px solid #CCC;
   padding-left : 10px;
   margin-bottom: 0px; }

/*div .textwidget  p {margin-bottom: 0px; }*/

/*bande annonce */
.single-film iframe  { margin-top : 5px; }

.post-thumb {
/*	max-width: 150px;*/
width : auto;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

a.readmore  {
      margin-top : 5px;
      color : #CCC;
 }

.post .post-thumb {
	width: 25%;
	max-width: 210px;
}
.post .post-article {
	width: 70%;
}

#site-generator .copyright {width: 100%;}
/* affichage fiche partenaire */
td.fiche-partenaire, img.logo-centre { vertical-align : middle; /* text-align: center;  */}

a.lien {color : #5480A7; }

.text-center {text-align : center; }

/*p { margin-bottom: 10px;}*/

.float-right { float : right; }
.float-left { float : left; }
.float-none { float : none;  display : inline;}

.affiche_film_credit_court { font-size : small; line-height : 1.5em; text-align : center; width : auto;}
.affiche_film_credit_court  img.vignette-affiche-extrait {margin : 5px;}

.no-margin-up-down { margin-top : 0px; margin-bottom : 0px; }

.no-padding-up-down { padding-top : 0px; padding-bottom : 0px; }

a:focus, a:active, a:hover {
    text-decoration: none;
    color: red;
}
a {
    text-decoration: none;
    color: red;
}

.label a, .label a:focus, .label a:active, .label a:hover {
    text-decoration: none;
    color: white;
}

.info-fichier-download table td {
      vertical-align : bottom;
      text-transform : none;
      line-height: 1.6em;
}

.wp-caption .wp-caption-text {
    text-align : center;
    margin-bottom: 0px;
    padding-top: 5px;
    padding-bottom : 5px;
    padding-left : 10px;
    padding-right : 10px;
    position: relative;
}
.wp-caption {
    background-color: #f0f0f0;
    padding: 5px;
    padding-top : 10px;
}
.wp-caption .wp-caption-text, .gallery-caption {
    font-size: 12px;
    font-style: italic;
    line-height: 16px;
}

.featured-slider a.readmore {
display : none;
}

.grille-vignettes {  /* .grille-films-jour */
   float : left;
  /* padding : 1.35%;*/
  text-transform: uppercase;
}

.grille-vignettes-border {
   float : left;
   margin : 1.3%;
   text-align : center;
   border : 1px solid gray;
}

.grille-vignettes-border-div {
   float : left;
   margin : 1.3%;
   text-align : center;
   /*border : 1px solid gray;*/
      background-color : #E0E0E0;
      padding : 3px;
}

.grille-vignettes-border-div a{
   color : black;
   text-transform: uppercase;
   text-align : bottom;
}


.titre-film-h1, .entry-title.titre-film h1 {  /* .grille-films-jour */
   font-size : 22px;
   text-transform: uppercase;
   font-weight: bold;
   color: black;
   line-height:1.6em;
}

.extrait-film .titre-film-h1 {  /* .grille-films-jour */
   font-size : 18px;
}

.extrait-film figcaption, 
figcaption {
    display: none !important;
}

.sous-titre-h4 {
   font-size : 14px;
   text-transform: uppercase;
   font-weight: bold;
   color: rgb(102, 102, 102);
   line-height:1.6em;
}

.titre-film-h1 a, .sous-titre-h4 a{  /* .grille-films-jour */
   color: rgb(102, 102, 102);
}

/*.grille-vignettes a img.fichier-image {
   border : 1px solid #000;
}*/

.date-seance {
float : left;
width : 100%;
}

#gratuit {
    background-color:  green;
    color : white;
    text-align: center;
    vertical-align : middle;
    padding : 6px 6px 6px 6px;
    margin : 5px 15px 5px 15px;
line-height: 1.2em;
}
.color-green {
 color : green;
}

/* Affichage de l'édition a coté du titre des widgets Liste film par titre et par affiche */
.edition_liste_affiches {
position : relative;
left: -110px;
top: -39px;
width: 75px;
}

.trailer {
    width : 95%;
}

.titre-original  {
   text-transform : uppercase;
}
.entry-content th,
.entry-summary th,
.comment-content th {
	font-size: 12px;
}

.prix-public {
 /*  background-color : lightgrey;
   padding : 10px;
   text-align : center;
   vertical-align : middle;
   margin:15px; */
  margin: 0px 0 0 0 !important;
}

.document {
}

.submit-button {
    vertical-align : bottom;
    width : auto;
}

input[type="submit"] {
    font-size: 15px;
    font-weight: normal;
    padding: 0px 0px 0px 0px;
    width : auto;
    height : 27px;
}

.date-seance h2 {
   text-transform : uppercase;
/*  background-color : #9966CC;
  color :  white;
  padding-left : 10px;  */
  color : #9966CC;
  font-weight: normal;
  margin-bottom : 15px;
  border-bottom : 3px #9966CC solid;
}

.horaire {
   font-size : 14px;
   text-transform : uppercase;
   background-color : #9966CC;
  color :  white;
  padding : 1px  8px  0px 8px;
  width : auto;
  display: inline-block;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  vertical-align: text-bottom;
}

/* .date-seance span.titre-film-h1, .date-seance span.titre-film-h1 a{
   color : #9966CC;
} */

.majuscule {
   text-transform : uppercase;
}

.sous-menu {
   margin-left: 20px;
}


.gras {
   font-weight: bold;
}


.zone-actus, .zone-edito { width : auto; }
.zone-bientot {  margin-left: 29px; }
.zone-films {width : auto; }
.zone-partenaires {width : 100%;  }

.largeur-1 {  width : 18.5%; }
.largeur-2 {  width : 39%; }
.largeur-actu-0 {  width : 100%; }
.largeur-actu-1 {  width : 80%; }
.largeur-actu-2 {  width : 58%; }

/*.colonne-droite-home { background-color : yellow; }*/

.grid-title-post, .grid-title-post a, .grid-title-film, .grid-title-film a {
text-transform : uppercase;
font-size: 12px;
/*font-weight : bold; */
/*width : 160px;********************/
height : auto;
color: #444;
height: 20px;
}
.grid-title-film, .grid-title-film a { text-align : center; }

.grid-thumbnail-post { display : block; }

.grid-boxes {
width : 170px;
margin-top : 5px;
margin-bottom : 20px;
float : left;
}

.home-edition .grid-boxes {
width : 150px;
}

.grid-boxes-post {
/*width : 170px;  ***************************/
margin-top : 5px;
margin-bottom : 20px;
}

.hauteur_box_titre_post_home_1 {  height : 10px; margin : 10px 0px 5px 0px; line-height: 1.2em;}
.hauteur_box_titre_post_home_2 {  height : 20px; margin : 10px 0px 5px 0px; line-height: 1.2em;}
.hauteur_box_titre_post_home_3 {  height : 40px; margin : 10px 0px 5px 0px; line-height: 1.2em;}
.hauteur_box_titre_post_home_4 {  height : 60px; margin : 10px 0px 5px 0px; line-height: 1.2em;}
.hauteur_box_titre_post_home_5 {  height : 800px; margin : 10px 0px 5px 0px; line-height: 1.2em;}

.grid-content-post {  /*height : 110px;********************/ }

.marge-droite  { margin-right : 20px;}
.marge-droite-sidebar  { margin-right : 38px;}
.home-edition .marge-droite-sidebar  { margin-right : 5px;}
.marge-droite-2  { margin-right : 30px;}

.gridBox {
float : left;
display : block;
}

.gridBox-title-main, .gridBox-title, .gridBox-title-featured {
/*family: "Amatic SC"; */
font-size: 13px;
padding : 8px 0px 7px 10px;
text-transform: uppercase;
/*padding : 3px 0px 2px 10px;*/
margin-bottom: 15px;
background-color: #c43281; /* teinte globale */
color: white;
letter-spacing: 2px;
font-weight : bold;
}

.gridBox-title-featured.texte-lien-direct a{
color: white;
}

.zone-actus hr {
border-width: 2px;
border-color: #DDD;
}

.gridBox-title-featured a {
color: white;
}


.grid-thumbnail-post .post-thumb {
	background-color: #fff;
	padding: 5px;
	border:1px solid #bbb;
	display: block;
    width: 160px;
}


.detail-film {

}


/* recherche avancee du plug-in WPQSF */
.taxolabel-0, .taxolabel-1, .taxolabel-2 {
text-transform: uppercase;
margin-bottom: 5px;
margin-top : 20px;
color: black;
border-top : 1px dotted gray;
}

.taxolabel-3, .taxolabel-4, .taxolabel-5, .tag-search-keyword  {
text-transform: uppercase;
margin-top : 5px;
color: black;
}

#uwpqsf_id {
    border: 0px;
}

.post-thumb {
	/*border:1px solid #bbb;*/
}


.wrapp {
  /*margin: 5px auto;*/
  width: 172px;
  height: auto;
  background: white;
 /* -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);*/
  /*-moz-box-shadow:    0px 0px 8px rgba(0,0,0,0.3);*/
  /*box-shadow:         0px 0px 8px rgba(0,0,0,0.3);*/
  position: relative;
  z-index: 90;
}
.home-edition .wrapp {
  width: 130px ! important;
}

.wrapp-affiche {
  /*margin: 5px auto;*/
  width: 100px;
  /*height: 100px;*/
  background: white;
 /* -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);*/
  /*-moz-box-shadow:    0px 0px 8px rgba(0,0,0,0.3);*/
  /*box-shadow:         0px 0px 8px rgba(0,0,0,0.3);*/
  position: relative;
  z-index: 90;
  padding-right: 10px;
}

.wrapp-100 {
  /*margin: 5px auto;*/
  width: auto;
  height: 100px;
  background: white;
 /* -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);*/
  /*-moz-box-shadow:    0px 0px 8px rgba(0,0,0,0.3);*/
  /*box-shadow:         0px 0px 8px rgba(0,0,0,0.3);*/
  position: relative;
  z-index: 90;
}

.ribbon-wrapper-horaire {
  width: 120px;
  height: 120px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
}

.home-edition .ribbon-wrapper-horaire {
  right: -15px !important;
  width: 90%;
  height: 90%;
}


.ribbon-horaire {
  font: bold 12px Sans-Serif;
  text-transform : uppercase;
  color: #333;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0px 4px 0px;
  left: -8px;
  top: 27px;
  width: 165px;
  background-color: #FFD700;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#F0E68C), to(#FFD700));
  background-image: -webkit-linear-gradient(top, #F0E68C, #FFD700);
  background-image:    -moz-linear-gradient(top, #F0E68C, #FFD700);
  background-image:     -ms-linear-gradient(top, #F0E68C, #FFD700);
  background-image:      -o-linear-gradient(top, #F0E68C, #FFD700);
  color: #6a6340;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}

.ribbon-wrapper-horaire-affiche {
    width: 70px;
    height: 70px;
    overflow: hidden;
    position: absolute;
    top: -3px;
    left: -3px;
}

.ribbon-horaire-affiche {
    font: bold 16px Sans-Serif;
    text-transform: uppercase;
    color: #333;
    text-align: center;
    text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    position: relative;
    padding: 7px 0px 4px 0px;
    left: -24px;
    top: 10px;
    width: 99px;
    background-color: #FFD700;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F0E68C), to(#FFD700));
    background-image: -webkit-linear-gradient(top, #F0E68C, #FFD700);
    background-image: -moz-linear-gradient(top, #F0E68C, #FFD700);
    background-image: -ms-linear-gradient(top, #F0E68C, #FFD700);
    background-image: -o-linear-gradient(top, #F0E68C, #FFD700);
    color: #6a6340;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}


.ribbon-horaire:before, .ribbon-horaire:after, .ribbon-horaire-affiche:before, .ribbon-horaire-affiche:after {
  content: "";
  border-top:   3px solid #6e8900;
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon-horaire:before, .ribbon-horaire-affiche:before {
  left: 0;
}
.ribbon-horaire:after, .ribbon-horaire-affiche:after {
  right: 0;
}
.boxes-container{
        width : auto;
        height : auto;
}

.boxes-container form select {
        width : 100%;
}

.liste-deroulante-films {
	width:	100%; 
	height:	2.5em; 
	margin-top:	5px; 
	margin-bottom:	10px;
}

.text-center { text-align: center; }

.grid-thumbnail-post img.wp-post-image {  max-width : 100%; }

.shadow {
       box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

.poster-header-fiche-film {
    float : left;
    margin-right : 20px;
    margin-bottom : 10px;
    border: 1px solid #BBB;
    padding : 3px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
}

.rectangle-projection {
    border: 1px solid #BBB;
    width : auto;
    padding: 5px 15px 5px 15px;
    margin-bottom : 10px;
}

.rectangle-contre-marque {
    border: 5px solid #de7212;
    width : auto;
    padding: 5px 15px 5px 15px;
    margin-bottom : 10px;
}

.rectangle-projection ul, .rectangle-projection-featured ul{
  margin-bottom : 0px;
 /* list-style: none; */
}

.rectangle-projection-featured {
    border: 1px solid #de7212; /* teinte globale */
    width : auto;
    padding: 5px 15px 5px 15px;
    margin-bottom : 10px;
}

.texte-featured {
    color : #de7212; /* teinte globale */
}

.hr-featured {
    border-color: #de7212; /* teinte globale */
    border-style: solid none none;
    border-width: 0.75px 0px 0px;
    height: 0px;
    margin: 0px 0px 30px;
}



hr-featured-compo-seance {
    border-color: #de7212; /* teinte globale */
    border-style: solid none none;
    border-width: 0.75px 0px 0px;
    height: 0px;
    margin: 0px 0px 10px;
}



.rectangle-projection-featured ul{
 list-style: none;
 /* list-style: none; */
}

.rectangle-projection ul ul {
list-style: none;
}

.rectangle-projection a {
  color: #444;
}

.rectangle-projection-featured a {
	color : #de7212; /* teinte globale */;
}

.tags, .liens-rapides {
  font-weight : normal;
  text-transform : uppercase;
}

.tags a, .liens-rapides a{
  color  : #000; /*555; */
}

.texte-noir , .texte-noir a{
  color  : #000 !important;
}


.tags a:hover, .liens-rapides a:hover{
  color  : #de7212; /* teinte globale */
}


.full-width {
/*width : 970px;*/
  width : auto;
  min-width : 970px;
}

.vertical-top {
  vertical-align : top
}

.no-sidebar-full-width #primary, .no-sidebar-one-column #primary, .no-sidebar #primary {
	/*width: 980px;*/
	width : auto;
}

.error404 #main, .error404 #primary {
	width : 980px;
	min-width : 980px;
}

/* Windows8 IE11*/


.menu-menu-header-container  ul il {
    width : auto;
    display : block;
}

a.ical{
   color : red;
   text-transform: uppercase;
   font-style: normal;
}

.lien-ical {
   color : #555;
   font-size: 90%;
}

.lien {
   -moz-text-decoration-style: dotted; /* Code for Firefox */
    text-decoration: underline;
}

.widget_search {
    width: 100%;
}

.widget_search .search-box, #primary .search-box {
    background-color: #F5F5F5;
    height: 25px;
    margin: 0px;
    padding: 0px 3%;
    width: 60%;
    font-size: 14px;
    line-height: 35px;
    float: left;
}

.detail-film-info hr{
	margin-top : 5px;
	margin-bottom : 5px;
}

.detail-film-titre {
	font-weight : bold;
}

.breadcrumb .current-item {
	background-color: #F2DCE8;
    color: #444444;
    display: block;
    float: left;
    font-style: italic;
    padding: 0 22px 0 12px;
}


.grille_film_affiche_titre_edition {
	display : inline;
}

.film_affiche_et_titre {
	margin: 9px;
	float : left;
	width : 100px;
	height : 180px;
	margin-bottom : 15px;
	font-size: 98%;
	color : #555;
}

.film_affiche {
	margin: 0px;
	height : 150px;
	border : 1px solid #ddd;
}

.film_affiche_titre {
	margin-top: 7px;
	line-height: 1.25;
	text-align: center;
	height : 30px;
	overflow: hidden;
}


.documents-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); /* S'adapte automatiquement */
    gap: 20px; /* Espace entre les documents */
}



.mon-div-suivant {
    clear: both;
}





/* ipad landscape */

@media screen and (max-width: 960px) {

.largeur-1 {  width : 18.5%; }
.largeur-2 {  width : 100%; } /*auto*/
.largeur-actu-0 {  width : 100%; }
.largeur-actu-1 {  width : 50%; }
.largeur-actu-2 {  width : 30%; }

.zone-bientot {  margin-left: 10px; }
.marge-droite { margin-right: 20px; }
.marge-droite-2 { margin-right: 5px; }

.grid-boxes {
width : 130px;
margin-top : 5px;
margin-bottom : 20px;
float : left;
}

.zone-actus , .zone-edito{
    width: 100%; /*auto*/
}

grid-boxes-post {
    width: 100px;
    margin-top: 5px;
    margin-bottom: 20px;
}

.grid-thumbnail-post .post-thumb {
    background-color: #fff;
    padding: 5px;
    border: 1px solid #bbb;
    display: block;
    width: 160px;
}

.post-slider {
	margin-bottom : 50px;
}

#branding .searchform button {
    font-size: 7px;
    height: 25px;
    padding-bottom: 2px;
}

.zone-films-aleatoires, .zone-partenaires, .zone-actus, .left-pub, .right-pub, .zone-edito{
	max-width : 960px;
}

.full-width {
    width: auto;
    max-width : 100%; /*auto*/
    min-width: 100px;
}
.gridBox-title-main {
	width : 100%; /*500px*/
}

}

@media screen and (orientation : portrait) {

.zone-films-aleatoires, .zone-partenaires {
	display : none;
}

}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {

}

