/*
Theme Name: Regard sur le court
Theme URI: http://underscores.me/
Author: La Web Shop
Author URI: http://lawebshop.ca
Description: Festival international du film court
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: regard-sur-le-court
Domain Path: /languages/
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 Regard sur le court is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/


/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}
html {
    font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
    -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    -ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
*,
*:before,
*:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
    -webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
    -moz-box-sizing:    border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
    box-sizing:         border-box;
}
html, body {
    height: 100%;
    overflow: hidden;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block;
}
ol, ul {
    list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
a:focus {
    outline: thin dotted;
}
a:hover,
a:active {
    outline: 0;
}
a img {
    border: 0;
}

/* Main menu */

#mainmenu {
    position: relative;
    left: 2px;
}

.page-id-869 #mainmenu {height: 100px;
    background: black;
    width: 100%;}

.page-id-869 header .right ul.social {
    padding: 8px 0 0 0;
}
.page-id-869 #slides_container{padding:110px 0 0;}
.page-id-869 footer #partners .wrapper{width:100%;}
.page-id-869 footer #partners {padding:50px 0 0 !important;}
.page-id-869 header .white {padding:5px 25px;}
.page-id-869 header h1 {font: 18px 'gothambook';padding: 0 19% 0 0;}
.page-id-869 footer #contact {padding:20px 0 0;}
/* =Global
----------------------------------------------- */

@font-face {
    font-family: 'gothambook';
    src: url(../../../../assets/wp-content/themes/regard-sur-le-court/fonts/gotham-book-webfont.eot);
    src: url(../../../../assets/wp-content/themes/regard-sur-le-court/fonts/gotham-book-webfont.eot) format('embedded-opentype'),
    url(../../../../assets/wp-content/themes/regard-sur-le-court/fonts/gotham-book-webfont.woff) format('woff'),
    url(../../../../assets/wp-content/themes/regard-sur-le-court/fonts/gotham-book-webfont.ttf) format('truetype'),
    url(../../../../assets/wp-content/themes/regard-sur-le-court/fonts/gotham-book-webfont.svg) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gothamhtfbook';
    src: url(../../../../assets/wp-content/themes/regard-sur-le-court/fonts/gothamhtf-book-webfont.eot);
    src: url(../../../../assets/wp-content/themes/regard-sur-le-court/fonts/gothamhtf-book-webfont.eot) format('embedded-opentype'),
    url(../../../../assets/wp-content/themes/regard-sur-le-court/fonts/gothamhtf-book-webfont.woff) format('woff'),
    url(../../../../assets/wp-content/themes/regard-sur-le-court/fonts/gothamhtf-book-webfont.ttf) format('truetype'),
    url(../../../../assets/wp-content/themes/regard-sur-le-court/fonts/gothamhtf-book-webfont.svg) format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'canterboldstrips';
    src: url(../../../../assets/wp-content/themes/regard-sur-le-court/fonts/canter_bold_strips-webfont.eot);
    src: url(../../../../assets/wp-content/themes/regard-sur-le-court/fonts/canter_bold_strips-webfont.eot) format('embedded-opentype'),
    url(../../../../assets/wp-content/themes/regard-sur-le-court/fonts/canter_bold_strips-webfont.woff) format('woff'),
    url(../../../../assets/wp-content/themes/regard-sur-le-court/fonts/canter_bold_strips-webfont.ttf) format('truetype'),
    url(../../../../assets/wp-content/themes/regard-sur-le-court/fonts/canter_bold_strips-webfont.svg) format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'canterbold';
    src: url(../../../../assets/wp-content/themes/regard-sur-le-court/fonts/canter_bold-webfont.eot);
    src: url(../../../../assets/wp-content/themes/regard-sur-le-court/fonts/canter_bold-webfont.eot) format('embedded-opentype'),
    url(../../../../assets/wp-content/themes/regard-sur-le-court/fonts/canter_bold-webfont.woff) format('woff'),
    url(../../../../assets/wp-content/themes/regard-sur-le-court/fonts/canter_bold-webfont.ttf) format('truetype'),
    url(../../../../assets/wp-content/themes/regard-sur-le-court/fonts/canter_bold-webfont.svg) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gothamlight';
    src: url(../../../../assets/wp-content/themes/regard-sur-le-court/fonts/gotham-light.eot);
    src: url(../../../../assets/wp-content/themes/regard-sur-le-court/fonts/gotham-light.eot) format('embedded-opentype'),
    url(../../../../assets/wp-content/themes/regard-sur-le-court/fonts/gotham-light.woff) format('woff'),
    url(../../../../assets/wp-content/themes/regard-sur-le-court/fonts/gotham-light.ttf) format('truetype'),
    url(../../../../assets/wp-content/themes/regard-sur-le-court/fonts/gotham-light.svg) format('svg');
}

@font-face {
    font-family: 'gothamcondmedium';
    src: url(../../../../assets/wp-content/themes/regard-sur-le-court/fonts/gothamhtf-mediumcondensed-webfont.eot);
    src: url(../../../../assets/wp-content/themes/regard-sur-le-court/fonts/gothamhtf-mediumcondensed-webfont.eot) format('embedded-opentype'),
    url(../../../../assets/wp-content/themes/regard-sur-le-court/fonts/gothamhtf-mediumcondensed-webfont.woff) format('woff'),
    url(../../../../assets/wp-content/themes/regard-sur-le-court/fonts/gothamhtf-mediumcondensed-webfont.ttf) format('truetype'),
    url(../../../../assets/wp-content/themes/regard-sur-le-court/fonts/gothamhtf-mediumcondensed-webfont.svg) format('svg');
    font-weight: normal;
    font-style: normal;

}

body,
button,
input,
select,
textarea {
    color: #404040;
    font-family: Verdana, sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}


.wrapper {
    width: 90%;
    margin: 0 auto;
    max-width: 1000px;
}

.wrapper .wrapper {
    width: 100%;
}

/*********************
CLEARFIXIN'
*********************/
.clearfix,
.wrapper {
    zoom: 1;
}
.clearfix:before,
.clearfix:after,
.wrapper:before,
.wrapper:after {
    content: "";
    display: table;
}
.clearfix:after,
.wrapper:after {
    clear: both;
}

::selection {
    background: #ee7400; /* Safari */
    color: #fff;
}
::-moz-selection {
    background: #ee7400; /* Firefox */
    color: #fff;
}

a {
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
    color: #ee7400;
    text-decoration: none;
}

a:hover {
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
    text-decoration: underline;
}

.left { float: left; }
.right { float: right; }

/* Headings */
h1, h2, h3, h4, h5, h6 {
    clear: both;
}
hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

/* Text elements */
p {
    margin-bottom: 1.5em;
}
ul, ol {
    margin: 0 0 1.5em 3em;
}
ul {
    list-style: disc;
}
ol {
    list-style: decimal;
}
li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}
dt {
    font-weight: bold;
}
dd {
    margin: 0 1.5em 1.5em;
}
b, strong {
    font-weight: bold;
}
dfn, cite, em, i {
    font-style: italic;
}
blockquote {
    margin: 0 1.5em;
}
address {
    margin: 0 0 1.5em;
}
pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}
code, kbd, tt, var {
    font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}
mark, ins {
    background: #fff9c0;
    text-decoration: none;
}
sup,
sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    bottom: 1ex;
}
sub {
    top: .5ex;
}
small {
    font-size: 75%;
}
big {
    font-size: 125%;
}
figure {
    margin: 0;
}
table {
    margin: 0 0 1.5em;
    width: 100%;
}
th {
    font-weight: bold;
}
img {
    height: auto; /* Make sure images are scaled correctly. */
    max-width: 100% !important; /* Adhere to container width. */
}
button,
input,
select,
textarea {
    font-size: 100%; /* Corrects font size not being inherited in all browsers */
    margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
    vertical-align: baseline; /* Improves appearance and consistency in all browsers */
    *vertical-align: middle; /* Improves appearance and consistency in all browsers */
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto;}



.anchor {
    width: 100%;
    height: 1px;
    margin-top: -105px;
    position: absolute;
}

/* =Header
----------------------------------------------- */

header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 500;
}

header .white {
    background: white;
    padding: 25px;
    -webkit-transition: 0.8s all ease;
    -moz-transition: 0.8s all ease;
    -o-transition: 0.8s all ease;
    transition: 0.8s all ease;
}

header .black {
    background: black;
    position: relative;
}

header h1 {
    font: 24px 'gothambook';
    color: #ee7400;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    padding: 6px 120px 0 0;
}

header .middle p {
    font: 15px 'gothambook';
    color: #000;
    text-transform: uppercase;
    margin: 0 0 0 -10px;
    padding: 0;
    text-align: center;
}

header .middle p.small {
    font-size: 11px;
}

header .right ul {
    float: left;
    padding: 9px 0 0 0;
}

header .right .links {
    float: left;
}

header .right.en .icl-en {
    display: none;
}

header .right.fr .icl-fr {
    display: none;
}

#lang_sel_list ul {
    padding: 10px 0 !important;
}

#lang_sel_list ul li a,
header .right ul li a {
    font: 14px 'gothambook';
    color: #ee7400 !important;
    text-transform: uppercase;
    padding: 0 5px;
    text-decoration: none;
    margin: 0 5px;
    display: block;
    font-weight: bold;
}

#lang_sel_list ul li a:hover,
header .right ul li a:hover {
    color: #000 !important;
}

header .right ul.social {
    padding: 4px 0 0 0;
}

header .right ul.social li a {
    font-size: 25px;
    margin: 0 2px;
}

.inner_banner.marche h1,
h1.green {
    background: rgba( 60, 129, 23, 0.75 ) !important;
}

.inner_banner.jeunesse h1,
h1.yellow {
    background: rgba( 255, 192, 0, 0.75) !important;
}

/* FIXXY */

header.fixxy .white {
    padding: 5px 25px;
}

header.fixxy .black #mainmenu a.logo {
    width: 35px;
    height: 41px;
}

header.fixxy .black #mainmenu ul li a {
    padding: 20px 25px 20px 15px;
}

/* =Menu
----------------------------------------------- */

#mobile_nav { display: none; }

header ul {
    margin: 0;
}

header ul li {
    float: left;
    list-style-type: none;
    padding: 0;
    position: relative;
}

#lang_sel_list {
    float: left;
    left: 3px;
    top: 1px;
}

header ul li ul.sub-menu {
    display: none;
}

header .black a.logo {
    display: block;
    position: absolute;
    left: 0;
    right: 25px;
    top: 8px;
    margin: auto;
    width: 58px;
    height: 70px;
}

header .black a.logo.en {
    right: 60px;
}

header .black #mainmenu ul li a {
    font: 15px 'gothambook';
    text-transform: uppercase;
    display: block;
    padding: 34px 24px 34px 18px;
    margin: 0;
    color: #fff;
    text-decoration: none;
}

header .black #mainmenu ul li:first-child a {
    padding-left: 0;
}

header .black #mainmenu ul li:last-child a {
    padding-right: 0;
}

header .black #mainmenu ul li:nth-child(3) {
    margin: 0 152px 0 0;
}

header.fixxy .black #mainmenu ul li:nth-child(3) {
    margin: 0 156px 0 0;
}

header .black #mainmenu ul li:hover a,
header .black #mainmenu ul li.current_page_item a,
header .black #mainmenu ul li.current-page-ancestor a {
    color: #ee7400;
}

header .black #mainmenu ul li:hover ul.sub-menu {
    display: block;
}

header .black #mainmenu ul.sub-menu {
    position: absolute;
    padding: 0 0 25px 0;
    top: 87px;
    background: rgba(0,0,0, 0.65);
}

header.fixxy .black #mainmenu ul.sub-menu {
    top: 56px;
}

header .black #mainmenu ul.sub-menu li a {
    color: #fff;
}

header .black #mainmenu ul.sub-menu li a:hover,
header .black #mainmenu ul.sub-menu li.current_page_item a {
    color: #ee7400;
}

header .black #mainmenu ul li:first-child ul.sub-menu {
    left: -20px;
}

header .black #mainmenu ul.sub-menu li {
    float: none;
    width: 100%;
    display: block;
    position: relative;
}

header .black #mainmenu ul.sub-menu li a {
    padding: 10px 20px;
    text-transform: none;
    display: block;
    width: 100%;
}


/* =Slides
----------------------------------------------- */

#slides_loading {
    height: 100%;
    position: absolute;
    background: #000;
    z-index: 800;
    width: 100%;
}

#slides_loading i {
    color: #fff;
    font-size: 45px;
    opacity: 0.75;
    position: absolute;
    margin: 375px 50%;
}


#slides_container {
    position: relative;
    z-index: 200;
    background: #000;
    padding: 210px 0 0 0;
    border-bottom: 12px solid #ee7400;
}

#slides .slide img {
    width: 100%;
    max-height: 625px;
    height: auto;
}


/* =Content
----------------------------------------------- */

h1, h2, h3, h4, h5 {
    font-family: 'canterbold';
    color: #000;
    text-transform: uppercase;
    padding: 25px 0;
}

h1 {
    font-size: 66px;
    line-height: 72px;
}

h2 {
    font-size: 50px;
    line-height: 55px;
}

h3 {
    font-size: 40px;
    line-height: 45px;
}

h4 {
    line-height: 35px;
    font-size: 30px;
    text-transform: none;
}

h5 {
    font-size: 26px;
    line-height: 30px;
    text-transform: none;
}

h6 {
    font: normal 16px/20px 'gothambook';
    color: #ee7400;
    text-transform: uppercase;
    padding: 15px 0;
}

h1.title {
    padding: 0 0 25px 0;
    font-size: 87px;
    text-align: center;
}

#content .section {
    padding: 65px 0;
}

.single-content {
    margin: 55px auto;
}

#primary {
    min-height: 500px;
    padding: 75px 0;
}

p,
ul li,
ol li,
.paypal td {
    font: 14px/22px Verdana !important;
    color: #535252;
}

.paypal td {
    padding: 8px 0;
}

p {
    padding: 15px 0;
    margin: 0;
}

#shares {
    position: absolute;
    top: 10px;
}

.post.single #shares {
    top: -35px;
}

#shares .fb-share-button {
    float: left;
}

#shares .twitter-share-button {
    margin: 4px 0 0 10px;
    float: left;
}



/* =Accueil
----------------------------------------------- */

.home #content {
    min-height:800px;
}

.home .banner {
    text-align: center;
    line-height: 0;
}

.home .banner img {
    display: inline-block;
}

#vimeoEmbedder {
    
}

#vimeoEmbedder .video-container {
    top: -800px;
}

#vimeoEmbedder .cover-image {
    position: relative;
}

#vimeoEmbedder .placeholder {
    display: block;
    margin: 0 auto;
}

#vimeoEmbedder .embed-container iframe {
    max-height: 800px;
}

#eidition p {
    text-align: center;
}

#programmation {
    height: auto;
    min-height: 850px;
    background: fixed url(../../../../assets/wp-content/themes/regard-sur-le-court/images/programmation.jpg) no-repeat center center / cover;
}

#marche {
    height: auto;
    background: fixed url(../../../../assets/wp-content/themes/regard-sur-le-court/images/marche.jpg) no-repeat top center / cover;
}

/* =Programmations
--------- */

#programmation {
    padding: 115px 0;
    text-align: center;
}

#programmation #dates {
    display:inline-block;
}

#dates a {
    float: left;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    background: rgba( 238, 116, 0, 0.75);
    text-align: center;
    padding: 18px 0;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    margin: 0 35px 35px 0;
    font-family: 'gothamlight';
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
    border: 3px solid transparent;
}

#dates a:hover {
    border: 3px solid #fff;
}

#dates a:last-child {
    margin: 0;
}

#dates a span {
    display: block;
    font-size: 34px;
}

#dates a h1 {
    font-size: 84px;
    line-height: 84px;
    padding: 0;
    border: none !important;
    color: #fff;
    font-family: 'gothamlight';
}

#programmation .sections {
    padding: 90px 0 0 0;
}

#programmation .sections a.circle {
    width: 340px;
    height: 340px;
    padding: 125px 0;
    position: absolute;
    margin: auto;
    left: 0; right: 0;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none !important;
    color: #fff;
    background: rgba( 238, 116, 0, 0.75) url(../../../../assets/wp-content/themes/regard-sur-le-court/images/proglines.png) no-repeat center 65px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
}

#programmation .sections a.circle h1 {
    padding: 8px 0 0 0;
    font: 51px 'canterbold';
    color: #fff;
}

#programmation .sections a.circle h2 {
    font: 45px 'canterbold';
    padding: 5px 0 0;
    color: #000;
    background: url(../../../../assets/wp-content/themes/regard-sur-le-court/images/progtitlebg.png) no-repeat center center;
}

#programmation .sections a.circle:hover h2 {
    color: #ee7400;
}

#programmation .sections a.button {
    font: 20px/20px 'gothambook';
    color: #000;
    text-transform: uppercase;
    width: 275px;
    text-align: center;
    height: 55px;
    background: white;
    text-decoration: none;
    margin: 130px 0 0 0;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border: 4px double transparent;
}

#programmation .sections a.button.right {
    padding-top: 15px;
}

#programmation .sections a.button:hover {
    border: 4px double #ee7400;
    color: #ee7400;
}

.marker {
    position: relative;
    top: -110px;
}

/* =Spokesman
--------- */

#porte_parole {
    background: #ee7400;
}

#porte_parole .avatar {
    width: 31%;
    float: left;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

#porte_parole .bio {
    float: left;
    width: 69%;
    padding: 0 0 0 40px;
}

#porte_parole .bio h1 {
    color: #fff;
    font: 58px 'canterbold';
    text-transform: uppercase;
    margin: 0;
    padding: 30px 0 15px 0;
}

#porte_parole .bio p {
    padding: 0 0 15px 0;
    margin: 0;
    font-size: 14px;
    color: #fff;
}


/* =Vidéo
--------- */

#video iframe {
    width: 800px;
    margin: 0 auto;
    display: block;
}

/* =Jury
--------- */

#content #jury {
    background: #ee7400;
    padding: 55px 0;
    margin: 55px 0 0;
    text-align: center;
    color: #fff;
}

#content.home #jury h1 {
    font: normal 58px 'canterbold';
    color: #fff;
    text-align: center;
}

#content.home #jury ul li {
    float: left;
    padding: 0;
    margin: 0 3.7% 35px 0;
    width: 17%;
    list-style-type: none;
}

#content.home #jury ul li:last-child {
    margin: 0;
}

#content.home #jury ul.jury {
    padding: 50px 0 0 0;
    margin: 0;
}

#content.home #jury ul li .photo {
    width: 162px;
    height: 162px;
    max-width: 100%;
    display: block;
    margin: 0 0 15px 0;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

#content.home #jury ul li p {
    margin: 0;
    padding: 0;
    font: normal 20px 'gothambook';
    text-transform: uppercase;
    color: #fff;
    text-align: center;
}

/* =Marché du court
--------- */

#marche .block {
    float: left;
    background: white;
    padding: 55px 45px;
    width: 50%;
}

#marche .block h1 {
    padding: 10px 0 0 70px;
    background: url(../../../../assets/wp-content/themes/regard-sur-le-court/images/greenlogo.png) no-repeat left center;
    font: 66px 'canterbold';
    color: #000;
    text-transform: uppercase;
}

#marche .block p {
    margin: 0;
    padding: 45px 0;
}

#marche .block a {
    display: block;
    font: 21px 'gothambook';
    color: #fdfdfd;
    margin: 0 auto;
    width: 270px;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    padding: 12px 30px;
    background: #51a126;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    border: 2px solid transparent;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;

}

#marche .block a:hover {
    background: transparent;
    color: #000;
    border: 2px solid #51a126;
}

#marche .circles {
    float: right;
    width: 42%;
}


#marche .circles .circle  {
    float: left;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    background: rgba(74, 109, 55, 0.60);
    text-align: center;
    padding: 18px 0;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    margin: 0 0 40px 40px;
    font-family: 'gothamlight';
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
    border: 3px solid transparent;
}

#marche .circles .dark.circle {
    background: rgba(0, 53, 0, 0.73);
}

#marche .circles .dark.circle:hover {
    border: 3px solid #51a126;
}

#marche .circles .circle span {
    display: block;
    font-size: 34px;
}

#marche .circles .circle h1 {
    font-size: 84px;
    line-height: 84px;
    padding: 0;
    color: #fff;
    font-family: 'gothamlight';
}


/* =Jeunesse
--------- */

#jeunesse {
    padding: 150px 0;
}

#jeunesse h1 {
    font: 66px 'canterbold';
    position: relative;
    z-index: 200;
    color: #000;
    text-transform: uppercase;
    text-align: center;
}

#jeunesse p {
    text-align: center;
    font: 14px/20px Verdana, sans-serif;
    color: #000;
    width: 625px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 200;
}

#jeunesse .circles_links {
    position: relative;
    height: 674px;
    z-index: 100;
    margin: -150px 0 0 0;
    width: 100%;
    background: url(../../../../assets/wp-content/themes/regard-sur-le-court/images/circlesbackground.png) no-repeat top center / 99%;
}

#jeunesse .circles_links a {
    position: absolute;
    font: 45px 'canterbold';
    color: #fff;
    text-transform: uppercase;
    display: block;
    text-decoration: none;
    width: 145px;
    padding: 5px 0;
    text-align: center;
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
}

#jeunesse .circles_links a:hover {
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

#jeunesse .circles_links a.left {
    left: 20%;
    top: 28%;
}

#jeunesse .circles_links a.bottom {
    right: 26%;
    top: 62%;
}

#jeunesse .circles_links a.right {
    top: 23%;
    right: 12.5%;
}

#jeunesse a.prog {
    font: 21px 'gothambook';
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    padding: 12px 35px;
    margin: -125px 0 0 150px;
    position: relative;
    z-index: 200;
    border: 2px solid transparent;
    background: #ec7709;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
}

#jeunesse a.prog:hover {
    border: 2px solid #ec7709;
    background: transparent;
    color: #000;
}



/* =Festival
----------------------------------------------- */


#edition {
    text-align: center;
}
}

#edition #activities .activity h2 {
    background: rgba( 238, 116, 0, 0.75) !important;
}

#edition #dates {
    display: inline-block;
    padding: 60px 0;
}

#edition #dates a {
    background: #ee7400;
    border: 2px solid transparent;
}

#edition #dates a:hover,
#edition #dates a:hover h1 {
    border: 2px solid #000;
}

a.button {
    font: 17px/20px 'gothambook';
    color: #ee7400;
    text-transform: uppercase;
    width: 275px;
    display: inline-block;
    text-align: center;
    padding: 15px;
    height: 55px;
    background: white;
    text-decoration: none;
    margin: 0 15px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border: 2px solid #f5b981;
}

a.button:hover {
    border: 2px solid #000;
    color: #000;
}

#content.festival #porte_parole {
    background: #ee7400;
}

#content.festival #porte_parole .image {
    width: 48.5%;
    float: left;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
}

#content.festival #porte_parole .content {
    float: right;
    width: 48.5%;
}

.festival h2 {
    text-align: center;
}

#content.festival #porte_parole .content h1,
#content.festival #porte_parole .content h5 {
    color: #fff;
    margin: 0;
    padding: 0;
}

#content.festival #porte_parole .content p {
    color: #fff;
    padding: 0 0 20px 0;
}

#content.festival #porte_parole .content h1 {
    font-size: 66px;
    line-height: 68px;
}

#content.festival #porte_parole .content h5 {
    font: 16px 'gothambook';
    text-transform: uppercase;
    padding: 30px 0 20px 0;
}

#content.festival #porte_parole .content p {
    font-size: 14px;
    line-height: 19px;
}

.festival #infos-touristiques {
    margin-bottom: 50px;
}

#films-en-competitions .single-film {
    width: 22%;
    display: inline-block;
    vertical-align: top;
    margin: 0 2% 10px 0;
    font-size: 0.9em;
}

#films-en-competitions .single-film a {
    color: #535252;
}

#films-en-competitions .single-film a:hover {
    color: #EE7400;
    text-decoration: none;
}

#films-en-competitions .single-film h4 {
    margin-bottom: 5px;
}

#films-en-competitions .single-film p {
    display: inline-block;
    margin: 0;
    padding: 0;
}

#content #jury_pro ul {
    margin: 0;
    padding: 0;
}

#content #jury h1 {
    text-align: center;
    color: #fff;
}

#content #jury_pro.section {
    margin: 0 0 55px 0;
    padding: 0;
}

#content #jury_pro ul li {
    list-style-type: none;
    margin: 0;
    padding: 25px 25px 50px;
    float: left;
    display: inline-block;
    float: none;
}

#content #jury_pro a:hover.pastille {
    border-color: #fff;
    color: #fff;
}

#content #jury_pro ul li .photo {
    width: 24.2%;
    float: left;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    /* filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

#content #jury_pro ul li .content {
    width: 73.5%;
    margin: 0 auto;
}

#content #jury_pro ul li.odd .photo {
    float: right;
}

#content #jury_pro ul li.odd .content {
    float: left;
}

#content #jury_pro ul li h2 {
    color: #fff;
    font: 22px 'gothambook';
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

#content #jury_pro ul li p {
    color: #fff;
}

#content #jury_pro ul li h3 {
    font: 14px 'gothambook';
    margin: 0;
    padding: 5px 0 0 0;
    text-transform: none;
}

#content #jury_pro .pastille {
    -webkit-transition: 0.1s all ease;
    -moz-transition: 0.1s all ease;
    -o-transition: 0.1s all ease;
    transition: 0.1s all ease;

    font-size: 30px;
    width: 160px !important;
    height: 160px !important;
    position: relative;

    border: 2px solid #EE7400;
}


#content #jury_pro .pastille span {
    position: absolute;
    top: 170px;
    left: 0px;
    text-align: center;
    width: 100%;
    font-size: 25px;
}

.jury-pro-box .pastille {
    width: 200px !important;
    height: 200px !important;
}

.jury-pro-box .header-group {
    float: left;
    width: 500px;
    margin-left: 20px;
}

#content .jury-public p {
    color: #fff;
    text-align: center;
    padding: 0 0 50px 0;
}

#content .jury-public p span {
    color: #fff !important;
}

#content .jury-public ul {
    margin: 0;
}

#content .jury-public ul li {
    float: left;
    list-style-type: none;
    width: 24.2%;
    margin: 0 4.5%;
}

#content .jury-public ul li .jury-photo {
    width: 100%;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    margin: 0 0 30px 0;
    /*filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale"); /* Firefox 10+, Firefox on Android */*/
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

#content .jury-public ul li .content p {
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
}

#content .jury-public ul li .content h2 {
    font: 20px/22px 'gothambook';
    margin: 0;
    padding: 0;
    text-align: center;
    color: #fff;
}

#content .jury-public ul li .content h3 {
    font: normal 15px 'gothambook';
    text-transform: none;
    color: #000;
    text-align: center;
    margin: 0;
    padding: 10px 0 0 0;
}

/* Prix */

.prix {
    margin-top: 20px;
}

.prix .logo-prix {
    width: 150px;
    height: auto;
}

.prix table td {
    vertical-align: middle;
    padding: 2%;
    border-bottom: 2px solid #cecece;
}

.prix .content table {
    background: #fff;
    margin-bottom: 65px;
}

.prix table td:nth-child(2), .prix table td:nth-child(3) {
    text-align: center;
}

.prix table tr:last-child td {
    border: none;
}

.gagnant-row td {
    background: #787878;
    border-top: 2px solid #000 !important;
    color: #fff;
    padding: 0 2% !important;
    line-height: 22px;
}

.gagnant-row td img {
    line-height: 0;
}

.gagnant-row h3, a.gagnant h3 {
    color: #fff;
}

.gagnant-row h4, a.gagnant h4 {
    color: #cecece;
}

.gagnant-row .thumb {
    line-height: 0;
}

a:hover.gagnant {
    text-decoration: none;
}

a:hover.gagnant h3, a:hover.gagnant h4 {
    text-decoration: none;
    color: rgba( 238, 116, 0, 1);
}

.pastille-holder {
    display: inline-block;
    margin: 30px 0;
}

.pastille-holder .text {
    float: left;
    width: 250px;
    display: inline-block;
    margin: 20px 0;
    text-align: left;
}

.pastille {
    float: left;
    display: table;
    width: 200px !important;
    height: 200px !important;
    background: rgba( 238, 116, 0, 1);
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-family: "canterbold";
    font-size: 40px;
    cursor: pointer;
    text-decoration: none;
    margin: 0 20px;
    text-transform: uppercase;
    padding : 6px 15px 0;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.page-template-template-participer-php .pastille { margin-bottom: 25px; }

.marche .pastille {
    background: #51a126;
    border: 2px solid #51a126;
    font-size: 50px;
}

.jeunesse .pastille {
    background: rgba(255, 192, 0, 1);
    font-size: 40px;
}

.pastille.invites {
    font-size: 50px;
}

.pastille.videotheque {
    font-size: 50px;
}

a:hover.pastille {
    color: rgba( 238, 116, 0, 1);
    background: #fff;
    border: 2px solid rgba( 238, 116, 0, 1);
    text-decoration: none;
}

.marche a:hover.pastille {
    color: #51a126;
    border: 2px solid #51a126;
}

.jeunesse a:hover.pastille {
    color: rgba(255, 192, 0, 1);
    border: 2px solid rgba(255, 192, 0, 1);
}

.pastille span {
    display: table-cell;
    vertical-align: middle;
    line-height: 45px;
}

.pastille-content {
    display: none;
}

.partners-list .partner {
    position: static !important;
    min-height: 135px;
}

.fancybox-inner ul.partners-list {
    height: 100% !important;
}

.fancybox-inner h1 {
    width: 90%;
    display: block;
    border-bottom: 2px solid rgb(206, 206, 206);
    text-align: center;
    background: transparent url(../../../../assets/wp-content/themes/regard-sur-le-court/images/logo.png) left center no-repeat;
    font-size: 40px;
    padding: 10px 50px;
    margin: 0 auto 30px;
    background-size: 40px;
}

/* =Page Marché du court / activités
----------------------------------------------- */

#edition-activite {
    text-align: justify;
}

#edition #activities {
    margin: 50px 0 0 0;
}

#edition.marche #dates a {
    background: #51a126;
}

#edition.marche a.button {
    border: 2px solid #51a126;
    color: #51a126;
}

#edition.marche a.button:hover {
    border: 2px solid #000;
    color: #000;
}

#activities h1 {
    text-align: center;
    color: #fff;
    padding: 15px 0;
}

#activities #activity-list {
    padding: 80px 0 100px 0;
    margin: 0 -20px 0 0;
}

#activities .activity {
    width: 320px;
    float: left;
    margin: 0 20px 20px 0;
}

#activities .activity h2 {

    background: rgba( 238, 116, 0, 0.75);
    padding: 20px;
    text-align: center;
    font: normal 23px 'gothambook';
    color: #fff;
    text-transform: uppercase;
}

#activities .activite {
    width: 320px;
    float: left;
    margin: 0 20px 20px 0;
}

#activities .activite h2 {
    background: rgba( 238, 116, 0, 0.75);
    padding: 20px;
    text-align: center;
    font: normal 23px 'gothambook';
    color: #fff;
    text-transform: uppercase;
}

#activities .activite a,
#activities .activity a {
    display: block;
    margin: 10px 0;
    text-decoration: none;
    background: #fff;
    color: #000;
    font: normal 14px 'gothambook';
    text-transform: uppercase;
    padding: 10px 15px;
    border: 2px solid transparent;
    text-align: left;
}

#activities .activite a:hover,
#activities .activity a:hover {
    border: 2px solid #000;
}

#programmation.activite-marche .sections a.circle {
    background-color: rgba(60, 129, 23, 0.75);
}

#activites .banner.marche h1 {
    background: #51a126;
}

#activities.marche .activity h2 {
    background-color: rgba(60, 129, 23, 0.75);
}

#programmation.activite-marche {
    padding: 80px 0;
    min-height: 500px;
}

#programmation.activite-marche .sections {
    padding: 0;
}

#programmation.activite-marche .sections a.circle h2 {
    padding: 25px 0;
}

#programmation.activite-marche .sections a.circle:hover h2 {
    color:rgba(60, 129, 23, 1);
}

.inner_banner.marche a:hover {
    text-decoration: none;
    border: none;
}

html .inner_banner.marche a:hover h1 {
    background-color: rgba( 47, 101, 18, 0.75 ) !important;
}

.banner.activite-marche {
    padding: 0;
}


/* =Page Jeunesse
----------------------------------------------- */

.jeunesse #special_programs {
    margin-top: 55px;
}

#edition.jeunesse #dates a {
    background: #ffc000;
}

#edition.jeunesse a.button {
    border: 2px solid #ffc000;
    color: #ffc000;
}

#edition.jeunesse a.button:hover {
    border: 2px solid #000;
    color: #000;
}

#content.jeunesse #activities h1 {
    background: rgba( 255, 192, 0, 0.75);
    margin: 0 0 75px 0;
}
#content.jeunesse #activities {
    min-height: 500px;
}

#activities #jeunesse .circles_links {
    background: url(../../../../assets/wp-content/themes/regard-sur-le-court/images/activitejeunessecircles.png) no-repeat top center / 98%;
}

.jeunesse #programs .programs-list ul li a {
    background: #ffc000;
    color: #fff;
}

.program.jeunesses a {
    color: #ffc000;
}

.program.jeunesses .program-button {
    color: #fff;
    background-color: #ffc000;
}

/* =Page Les Films
----------------------------------------------- */

#competition_programs h1,
#competition_programs p {
    text-align: center;
}

#competition_programs .prog_links {
    padding: 50px 0 0 0;
}

#competition_programs {
    text-align: center;
}

#competition_films h1,
.orange_banner {
    text-align: center;
    color: #fff;
    padding: 15px 0;
    background: #ee7400;
}

#special_programs h1 {
    text-align: center;
}

#special_programs.section {
    padding-bottom: 0;
}

#programs {
    margin: 75px auto;
}

#programs .programs-list {
    float: left;
    width: 34.2%;
}

.fbshare_btn {
 margin-right: 15px;
}

a:hover.fbshare_btn {
    text-decoration: none;
}

a:hover.fbshare_btn .fa {
    text-decoration: none;
}

.fbshare_btn .fa {
    text-decoration: none;
    font-size: 35px;
}

a.fbshare_btn span{
    position: relative;
    top: -5px;
    left: 5px;
}

a:hover.fbshare_btn span{
    text-decoration: underline;
}

#programs .programs-list ul {
    margin: 0;
    padding: 0;
}

#programs .programs-list ul li {
    margin: 15px 0;
    padding: 0;
    display: table;
}

#programs .programs-list ul li:first-child {
    margin-top: 0;
}

#programs .programs-list ul li a,
.program-button {
    background: #ee7400;
    width: 320px;
    height: 40px;
    overflow: hidden;
    text-decoration: none;
    border: 2px solid transparent;
    padding: 10px;
    font: bold 14px 'gothambook';
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
    margin: 0 0 20px 0;
}

.program-button {
    display: block;
    margin: 0 auto 30px;
}

#programs .programs-list ul li a.current {
    background: #fff;
    color: #000;
    border: 2px solid #000;
}

#programs .programs-list ul li a p {
    margin: 0;
    padding: 0;
    color: #fff;
}

#programs .programs-list ul li a:hover,
a.program-button:hover {
    border: 2px solid #000;
    text-decoration: none;
}

#programs .program {
    float: right;
    background: #fff;
    min-height: 400px;
    width: 64%;
}

#programs .program .head {
    padding: 25px;
}

#programs .program .head .number {
    float: left;
    width: 75%;
    padding: 10px 0 0 0;
}

#programs .program .head .number p {
    font: bold 18px 'gothambook';
    text-transform: uppercase;
}

#programs .program .head .locations {
    float: left;
    width: 360px;
}

#programs .program .head .locations p {
    font: normal 14px 'gothambook';
    text-transform: uppercase;
    padding: 3px 0;
}

#programs .program .presentateur {
    border-top: 1px solid #B2B2B2;
    text-align: left;
    padding: 25px;
}

#programs .program .presentateur img {
    margin-right: 10px;
}

#programs .program .presentateur h2 {
    margin-bottom: 10px;
}

#programs .program .invites {
    border-top: 1px solid #B2B2B2;
    text-align: left;
    padding: 25px;
}

#programs .program .box-invite {
    padding: 25px 0 0;
}

#programs .program .box-invite strong {
    display: block;
    text-transform: uppercase;
    font-size: 0.8em;
    padding-bottom: 10px;
}

#programs .program .box-invite img {
    float:left;
    margin: 0 10px 5px 0;
    position:relative;
    top: 5px;
}

#programs .program .filmmakers {
    border-top: 1px solid #b2b2b2;
    border-bottom: 1px solid #b2b2b2;
    padding: 25px;
}

#programs .program p {
    margin: 0;
    padding: 0;
    font: normal 14px/17px 'gothamhtfbook';
    color: #202020;
}

#programs .program .filmmakers p {
    padding: 15px 0 0 0;
}

#programs .program h2 {
    font: bold 14px 'gothambook';
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

.logo-rouge {
    background-image: url(../../../../assets/wp-content/themes/regard-sur-le-court/images/logo-rouge.png);
}

.logo-bleu {
    background-image: url(../../../../assets/wp-content/themes/regard-sur-le-court/images/logo-bleu.png);
}

.films-list {
    padding: 25px;
}

.films-list ul {
    margin: 0;
    padding: 25px 0 0 0;
}

.films-list ul li {
    padding: 0;
    list-style-type: none;
    margin: 0 0 20px 0;
    background-position: right center;
    background-repeat: no-repeat;
}

.films-list ul li img {
    float: left;
    width: 14%;
}

.films-list ul li .content {
    float: left;
    width: 85%;
    padding: 5px 35px 0 20px;
}

.films-list h2 {
    font: bold 14px 'gothambook';
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

.films-list .legend {
    position: relative;
}

.legend ul {
    padding: 0px;
    position: absolute;
    top: -23px;
    right: -15px;
}

.legend ul li {
    display: inline-block;
    padding-right: 25px;
    margin: 0 15px 0 0;
    font-size: 10px !important;
    background-size: 12px;
}

.prizes .legend ul li {
    font-size: 14px !important;
    background-size: 18px;
    margin: 0px 0 0px 16px;
}

.prizes .legend ul li a  {
    color: #000;
}

#special_programs #programs .program {
    background: #f7f6f6;
}

#special_programs #programs .programs-list ul li a {
    font-size: 15px;
}

#special_programs #programs .programs-list ul li a:hover {
    border: 2px solid #000;
}


/* =Participer
----------------------------------------------- */

.participer .pastille-holder.soumettre {
    margin: 0 0 0 -250px;
}

.participer .pastille-holder {
    margin-bottom: 0;
}


/* =Détails d'un Film
----------------------------------------------- */

#film .content {
    border-top: 1px solid #ee7400;
    border-bottom: 1px solid #ee7400;
    padding: 65px 0;
    position: relative;
}

#film .content.marche {
    border-top: 1px solid #51a126;
    border-bottom: 1px solid #51a126;
    padding: 65px 0;
}

#film .top {
    padding: 0 0 10px 0;
}

#film .top p {
    float: left;
    color: #808080;
    font: 14px 'gothambook';
    padding :0;
    margin: 0;
    text-transform: uppercase;
}

#film .top a {
    color: #ee7400;
    float: right;
    text-decoration: none;
    font: 12px 'gothambook';
    text-transform: uppercase;
}

#film .top a.marche {
    color: #51a126;
}

#film .top a span {
    float: left;
    padding: 6px 0 0 0;
}

#film .top a i {
    font-size: 25px;
    margin: 0 0 0 10px;
}

#film .top a:hover {
    color: #000;
}

#film .title h1 {
    padding: 0;
    font: 36px 'gothamlight';
    color: #ee7400;
    text-transform: uppercase;
    margin :0;
}

#film .title h1.marche {
    color: #51a126;
}

#film .title p.subtitle {
    font: 18px 'gothamlight';
    color: #393939;
    text-transform: uppercase;
    margin: 0;
    padding: 0 0 15px 0;
}

#film .content .left {
    width: 50%;
}

#film .content .right {
    width: 45%;
}

#film .content p {
    font: 14px/20px Verdana, sans-serif;
}

#film .content .info {
    text-align: justify;
    padding: 20px 0 0 0;
}

#film .content h2 {
    font: 16px Verdana, sans-serif;
    color: #ee7400;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

#film .content .info h2.marche {
    color: #51a126;
}

#film .content .info .locations {
    padding: 25px 0 0 0;
}

#film .content .info .locations p {
    font: 14px 'gothambook';
    text-transform: uppercase;
    padding: 2px 0;
    color: #ee7400;
    text-transform: uppercase;
}

#film .content .invites {
    padding:  0;
}

#film .content .partner-logo {
    padding-bottom: 25px;
}

#film .content .box-invite {
    padding: 25px 0 0;
}

#film .content .box-invite strong {
    display: block;
    text-transform: uppercase;
    font-size: 0.8em;
    padding-bottom: 10px;
}

#film .content .box-invite img {
    float:left;
    margin: 0 10px 5px 0;
    position:relative;
    top: 5px;
}

#film .content  p {
    padding: 0 0 25px 0;
}


#film .content .right ul {
    margin: 0;
    padding: 0;
}

#film .content .right ul li {
    margin: 0;
    padding: 0 0 25px 0;
    list-style-type: none;
}

#film .content .right ul li p {
    font: 16px 'gothambook';
    color: #ee7400;
    text-transform: uppercase;
    padding: 0 0 5px 0;
}

#film .content .right ul li span {
    font: 14px Verdana, sans-serif;
    color: #393939;
}

#film .bottom a.previous-link,
#film .bottom a.next-link {
    color: #808080;
    font: 12px 'gothambook';
    text-decoration: none;
    text-transform: uppercase;
    padding: 15px 0;
}

#film .bottom a.previous-link {
    float: left;
}

#film .bottom a.next-link {
    float: right;
}

#film .bottom a.previous-link:hover,
#film .bottom a.next-link:hover {
    color: #000;
}


/* =Médias
----------------------------------------------- */

.page-template-template-medias-php .content-area h4 {
    padding-bottom: 0;
}

.page-template-template-medias-php .content-area ul {
    margin: 0;
    padding: 10px 0;
}

.page-template-template-medias-php .content-area ul li {
    list-style-type: none;
    padding: 3px 0;
}

.medias .downloads a {
    display: block;
    float: left;
    text-decoration: none !important;
    margin: 0 5% 0 0;
}

.medias .downloads a img {
    display: block;
}

.medias .downloads a small {
    display: block;
    padding: 15px 0;
    font-size: 14px;
}

.medias .downloads a:hover small {
    color: #000;
    text-decoration: none !important;
}

/* =Liste de partenaires
----------------------------------------------- */

#content.info {
    padding: 50px 0;
}

#ambassadors ul.partners-list {
    margin: 50px 0 0 0;
}

.partners-list {
    width: 90%;
    margin: 0 auto;
    padding: 0;
}

.partners-list li {
    float: left;
    list-style-type: none;
    padding: 0;
    margin: 0 5% 50px 0;
    width: 28%;

    text-align: center;
}

.partners-list li:nth-child(3n+1) {
    clear: left;
}

.partners-list li p {
    padding: 0; margin: 0;
    font-size: 14px;
}

.partners-list h2 {
    font: normal 18px/20px 'gothambook';
    color: #000;
    padding: 0 0 10px 0;
    text-transform: none;
}

ul#information-logos.partners-list {
    margin: 75px 0 0 0;
}

ul#information-logos.partners-list li {
    width: 125px;
    margin: 10px 10% 10px 0;
    min-height: 125px;
    filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}


/* =Billetterie
----------------------------------------------- */

#prices {
    padding: 60px 0;
}

#prices #paypal {
    float: left;
    width: 45%;
    margin: 0 5% 0 0;
}

#prices #regular_prices {
    float: left;
    width: 45%;
}


/* =Programmation
----------------------------------------------- */

#prog {
    text-align: center;
}

#prog #dates {
    display: inline-block;
}

#prog #dates a {
    width: 90px;
    height: 90px;
    padding: 14px 0;
    border: none !important;
    background: #e0dfdf;
    cursor: pointer;
    margin: 0 10px;
}

#prog #dates a.current,
#prog #dates a:hover {
    background: #ee7400;
}

#prog #dates a span {
    font-size: 17px;
}

#prog #dates a h1 {
    font-size: 42px;
    line-height: 42px;
}

#schedule {
    padding: 75px 0 0 0;
    display: table;
    position: relative;
    width: 100% !important;
}


#schedule a {
    font-weight: 600;
    font-size: 14px;
    color: #000;
}

#schedule .mobile-schedule {
    display: none;
}

#schedule .column {
    float: left;
    width: 18%;
    display: table-column;
}

#schedule .column h2 {
    font: 14px 'gothambook';
    color: #000;
    font-weight: bold;
    margin: 0;
    text-align: left;
    height: 50px;
    display: table-cell;
    vertical-align: bottom;
    padding: 0 0 10px 15px;
}

#schedule .items {
    border: 5px solid;
}

#schedule .items.labels {
    padding: 1px 0 9px;
}

#schedule .column:first-child .items {
    border-top: none;
    border-bottom: none;
    border-left: none;
}

#schedule .column .items .item {
    width: 100%;
    height: 160px;
    padding: 0 7px;
    display: table;
    border-bottom: 1px solid #cac8c8;
}
#schedule .column .items .item:last-child { border: none; }

#schedule .column:first-child .items .item {
    border: none;
}

#schedule .column:first-child {
    width: 10%;
}

#schedule .column .items .item div {
    display: table-cell;
    vertical-align: middle;
}

#schedule .column:last-child .items .item {
    border-right: 1px solid #cac8c8;
}

#schedule .column .items .item h1,
#schedule .column .items .item h5 {
    padding: 0;
    font: 14px 'gothambook';
    text-transform: uppercase;
    color: #000;
    text-align: left;
}

#schedule .column .items .item h5 {
    margin-top: 10px;
}

#schedule .column .items .item h5 a {
    font-size: 11px;
}

#schedule .column .items .item h1 {
    font-weight: bold !important;
    text-align: right;
}

#schedule .column .items .item p {
    padding: 0;
    color: #000;
    text-align: left;
    font: 11px 'gothambook' !important;
    margin-bottom: 10px;
}

a.calendar {
    float: right;
    display: block;
    font: 14px 'gothambook';
    color: #616161;
    text-transform: uppercase;
    margin: 25px 0 0 75px;
    text-decoration: none;
}

a.calendar:hover {
    color: #000;
}

#schedule .mobile-schedule .items {
    margin: 0 0 50px 0;
}

#schedule .mobile-schedule .items .item {
    border-bottom: 1px solid #cac8c8;
    border-right: 1px solid #cac8c8;
}

#schedule .mobile-schedule .items .item h5 {
    padding-bottom: 0;
}


#schedule .mobile-schedule .items .item p {
    padding-top: 0;
}

/* =Blog
----------------------------------------------- */

.blog .inner_banner {
    height: auto;
}

.blog .inner_banner h1 {
    background: rgb(238, 116, 0);
    margin-top: 0;
}

#blog {
    padding: 100px 0;
}

#blog .main {
    width: 65%;
    float: left;
}

#blog .main .post h1,
#blog .main .post h1 a {
    color: #525252;
    font: 46px/48px 'gothamcondmedium';
    text-transform: uppercase;
    padding: 0;
    margin: 0;
}

#blog .main .post img {
    margin: 20px 0 10px 0;
}

#blog .main .post .info p {
    font: 12px Verdana, sans-serif;
    color: #000;
    padding: 0;
    margin: 0;
}

#blog .main .post .info a {
    color: #ee7400;
}

#blog .main .post h5.subtitle,
#blog .main .post h5.subtitle a {
    color: #ee7400;
    font: 14px 'gothambook';
    text-transform: uppercase;
}

#blog .main .post p,
#blog .main .post p a {
    font: 14px/20px Verdana, sans-serif;
    color: #535252;
    padding: 0;
}

#blog .main .post {
    border-bottom: 1px solid #cfcfcf;
    padding: 0 0 30px 0;
    margin: 0 0 30px 0;
}

#blog .main .post a {
    text-decoration: none !important;
}

#blog .main .post a:hover {
    text-decoration: underline !important;
}

#blog .post.single p {
    padding: 15px 0 !important;
}

#blog .main .post.single img {
    margin-top: 0;
}

#blog .main .post.single {
    border: none;
    padding: 0;
    margin: 0;
    position: relative;
}



/* =Partenaires
----------------------------------------------- */

#partners {
    background: #202020;
}

ul.partners-page {
    text-align: center;
    margin: 0;
    padding: 0;
}

.partners-page li {
    display: inline-block;
    word-break: break-word;
    padding: 0;
    margin-bottom: 25px;
    list-style-type: none;
    width: 220px;
    line-height: 200px;
    text-align: center;
    position: relative;
}

.partners-page li.first {
    width: 100%;
}

.partners-page .separation {
    display: block;
    clear: both;
    height: 1px;
    border-bottom: 1px dashed #000;
    margin: 0 0 25px 0;
}

.partners-page li img {
    vertical-align: middle;
}

.fancybox-inner > div {
    max-width: 1000px;
}

.fancybox-inner .partners-page ul {
    text-align: center;
    margin: 0;
}

.partnerspage {
    text-align: center;
}

.partnerspage .fancybox.button {
    margin: 10px;
    display: inline-block !important;
}

/* =Sidebar
----------------------------------------------- */

#sidebar {
    float: right;
    width: 32%;
}

#sidebar h1 {
    background: #525252;
    color: #fff;
    font: 34px 'gothamcondmedium';
    text-transform: uppercase;
    padding: 5px 10px;
    margin: 0 0 25px 0;
}

#sidebar ul.aside {
    margin: 0;
    padding: 0 15px 25px 15px;
}

#sidebar ul.aside li {
    list-style-type: none;
}

#sidebar ul li a {
    font: 14px 'gothambook';
    color: #000;
    text-decoration: none !important;
    display: block;
    padding: 2px 0;
}

#sidebar ul.archives li {
    color: #ee7400;
}

#sidebar ul.archives li a {
    display: inline-block;
}

#sidebar ul li a:hover {
    color: #ee7400;
}

ul#caterogies-list li a span {
    color: #ee7400;
}

#sidebar ul.posts li {
    padding: 0 0 20px 0;
}

#sidebar ul.posts li span {
    font: 12px Verdana, sans-serif;
    color: #ee7400;
}

#sidebar ul.posts li a {
    text-transform: uppercase;
}

#sidebar ul.posts li a:hover {
    color: #000;
    text-decoration: underline !important;
}


/* =Maps
----------------------------------------------- */

#maps {
    background: #eeeeed;
    position: relative;
}

#maps #map {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

#maps .acf-map {
    width: 100%;
    height: 100%;
}

#maps img {
    max-width: none !important;
}

#maps h1 {
    font: 60px 'canterbold';
    color: #000;
    text-transform: uppercase;
}

#maps .places {
    padding: 90px 0;
    min-height: 600px;
    width: 50%;
}

#maps .places #marker_selector {
    padding: 30px 0;
}

#maps .places #marker_selector  .item {
    margin: 10px 0;
    cursor: pointer;
    padding: 15px 0;
}

#marker_selector .item img {
    float: left;
    margin: 0 3% 0 0;
}

#marker_selector .item .info {
    float: left;
    width: 85%;
}

#marker_selector .item .info h2 {
    color: #ee7400;
    font: 18px 'gothambook';
    text-transform: uppercase;
    margin: 0;
    padding: 5px 0;
}

#marker_selector .item .info p {
    font: 12px Verdana, sans-serif;
    color: #3f3d3f;
    margin: 0;
    padding: 0;
}

/* =Footer
----------------------------------------------- */

footer #partners {
    background: #231f20;
    padding: 50px 0 200px 0;
}

footer #partners h1 a {
    color: #bbbbbb;
    font-size: 66px;
    text-decoration: none;
}

footer #partners h1 a:hover {
    color: #ee7400;
}

footer #partners h1 {
    text-align: center;
}

footer #partners .bx-wrapper {
    max-width: 100% !important;
}

#partners ul li {
    text-align: center;
}

#partners ul li a {
    display: block;
    height: 120px;
    line-height: 120px;
    width: 145px;
}

#partners ul li a img {
    vertical-align: middle;
    text-align: center;
}

footer #bottom-footer {
    background: #181818;
    padding: 175px 0;
}

footer #ads {
    position: absolute;
    left: 0;
    right: 0;
    margin-top: -125px;
    text-align: center;
}

footer #ads > a{
    width: 22%;
    display: inline-block;
    margin: 0 1%;
    max-width: 300px;
}

footer .ads-separator {
    display: none;
}

footer #menu ul li {
    float: left;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

footer #menu ul {
    padding: 0;
    margin: 30px 0;
}

footer #menu ul li {
    position: relative;
    width: 16.5%;
}

footer #menu ul li ul.sub-menu {
    margin: 0;
}

footer #menu ul li a {
    text-transform: uppercase;
    color: #fff;
    font: 12px 'gothambook';
    display: block;
    padding: 10px;
    margin: 0 5px;
    text-decoration: none;
}


footer #menu ul.sub-menu li {
    width: 100%;
}

footer #menu ul.sub-menu li a {
    display: block;
    padding: 5px 10px;
    text-transform: none;
}

footer #menu ul li a:hover {
    color: #ee7400;
}

footer #contact .left {
    width: 60%;
}

footer #contact {
    padding: 150px 0 150px 0;
}

footer #contact ul li a {
    color: white;
    text-decoration: none;
}

footer #contact ul li a:hover {
    color: #ee7400;
}

footer #contact .left .information p {
    color: #d1d1d1;
    text-transform: uppercase;
    margin: 0;
    padding: 0 0 25px 0;
    font: 18px 'gothambook';
}

footer #contact .left .information ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 45%;
}

footer #contact .left .information ul:first-child {
    margin: 0 5% 0 0;
}

footer #contact .left .information ul li {
    margin: 0;
    padding: 0;
    font: 14px Verdana, sans-serif;
    padding: 2px 0;
    color: #d1d1d1;
    list-style-type: none;
}

footer #contact .left p {
    color: #d1d1d1;
    font: 18px 'gothambook';
    text-transform: uppercase;
    margin: 0;
    padding: 0 0 35px 0;
}

footer #contact .right {
    width: 25%;
}

footer #contact .right p {
    font: 10px Verdana;
    color: #d1d1d1;
}

footer #copyright p {
    text-align: center;
    color: #d1d1d1;
    font: 10px Verdana, sans-serif;
}

/* =Media
----------------------------------------------- */

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
.wp-caption {
    border: 1px solid #ccc;
    margin-bottom: 1.5em;
    max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 1.2% auto 0;
    max-width: 98%;
}
.wp-caption-text {
    text-align: center;
}
.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}
.site-main .gallery {
    margin-bottom: 1.5em;
}
.gallery-caption {
}
.site-main .gallery a img {
    border: none;
    height: auto;
    max-width: 90%;
}
.site-main .gallery dd {
    margin: 0;
}
.site-main .gallery-columns-4 .gallery-item {
}
.site-main .gallery-columns-4 .gallery-item img {
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
    max-width: 100%;
}


/* =Navigation
----------------------------------------------- */

i#error {
    color: #ee7400;
    font-size: 80px;
    display: block;
}

.main.error {
    text-align: center;
}

#nav-links .previous-page a ,
#nav-links .next-page a {
    font: 12px Verdana, sans-serif;
    color: #585757;
    text-decoration: none;
    width: 50%;
}

#nav-links .previous-page a:hover,
#nav-links .next-page a:hover {
    text-decoration: underline;
}

#nav-links .next-page a {
    float: right;
    text-align: right;
    padding: 10px 0;
}

#nav-links .previous-page a {
    float: left;
    text-align: left;
    padding: 10px 0;
}

#nav-links .previous-page a i {
    float: left;
    font-size: 28px;
    color: #9c9b9b;
}

#nav-links .next-page a i {
    float: right;
    font-size: 28px;
    color: #9c9b9b;
}

#nav-links .previous-page a span {
    float: left;
    padding: 6px 10px;
}

#nav-links .next-page a span {
    float: right;
    padding: 6px 10px;
}

#nav-links .previous-page a:hover i,
#nav-links .previous-page a:hover span,
#nav-links .next-page a:hover i,
#nav-links .next-page a:hover span {
    color: #000;
}

/* Hamburger menu */

.hamburger {
    position: absolute;
    width: 100%;
    height: 0;
    z-index: 10000;
    display: block;
    text-align: center;

    -webkit-transition: 0.8s all ease;
    -moz-transition: 0.8s all ease;
    -o-transition: 0.8s all ease;
    transition: 0.8s all ease;
}

.hamburger.active {
    height: 100%;
}

.hamburger .drawer {
    height: 0;
    width: 100%;
    overflow: hidden;

    -webkit-transition: 0.8s all ease;
    -moz-transition: 0.8s all ease;
    -o-transition: 0.8s all ease;
    transition: 0.8s all ease;
}

.hamburger.active .drawer {
    height: 100%;
}

.hamburger .menu_wrapper {
    display: table;
    text-align: center;
    height: 100%;
    width: 100%;
    background: #ee7400;
}

header .hamburger ul {
    display: table-cell;
    vertical-align: middle;
}

header .hamburger ul li {
    float: none;
    display: inline-block;
    font-size: 5px;
    margin: 0 1%;
}

header .hamburger ul li a {
    text-decoration: none;
    text-transform: uppercase;
    font: 35px/60px "canterbold";
    color: #fff;
}

header .hamburger ul li a:hover {
    color: #202020;
}

.hamburger-btn {

}

header .right ul li .hamburger-btn {
    font-size: 13px;
    font-weight: bold;
    margin: 3px 0;
}

.hamburger-btn-icon {
    float: right;
    font-size: 21px;
    margin-left: 30px;
}

.hamburger-btn .fa-times,
.hamburger-btn.active .fa-bars
{
    opacity: 0;

    -webkit-transition: 0.8s all ease;
    -moz-transition: 0.8s all ease;
    -o-transition: 0.8s all ease;
    transition: 0.8s all ease;
}

.hamburger-btn .fa-bars,
.hamburger-btn.active .fa-times {
    opacity: 1;

    -webkit-transition: 0.8s all ease;
    -moz-transition: 0.8s all ease;
    -o-transition: 0.8s all ease;
    transition: 0.8s all ease;
}

.hamburger-btn .fa {
    position: absolute;
    top: 1px;
    right: 0;
}

.ticket-btn {
    display: block;
    position: absolute;
    right: 0;
    line-height: 38px;
    background: #ff7400 url(../../../../assets/wp-content/themes/regard-sur-le-court/images/icon-ticket.png) right 7px center no-repeat;
    padding: 0 40px 0 8px;
    color: #fff;
    font-size: 11px;
    font-family: Gotham, Arial, sans-serif;
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase;
}

.ticket-btn:hover {
    background-color: #202020;
    text-decoration: none;
}

.fixxy .ticket-btn {
    margin-top: 4px;
}

header .menu-btn {
    position: absolute;
    top: 31px;
    right: 24px;
    font-size: 23px;

    -webkit-transition: 0.8s all ease;
    -moz-transition: 0.8s all ease;
    -o-transition: 0.8s all ease;
    transition: 0.8s all ease;
}

.fixxy .menu-btn {
    top: 13px;
}

.menu-btn a .fa-times,
.hamburger.active .menu-btn a .fa-bars
{
    opacity: 0;

    -webkit-transition: 0.8s all ease;
    -moz-transition: 0.8s all ease;
    -o-transition: 0.8s all ease;
    transition: 0.8s all ease;
}

.hamburger .menu-btn a .fa-bars,
.hamburger.active .menu-btn a .fa-times {
    opacity: 1;

    -webkit-transition: 0.8s all ease;
    -moz-transition: 0.8s all ease;
    -o-transition: 0.8s all ease;
    transition: 0.8s all ease;
}

header .hamburger .menu-btn a {
    color: #EE7400;
    position: relative;
    display: block;
}

header .hamburger .menu-btn a .fa {
    position: absolute;
    right: 0;
    top: 0;
}

header .hamburger.active .menu-btn a {
    color: #fff;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: none !important;
}


/* Publicité
------------------------------------------------*/

.ad-banners {
    position: relative;
    width: 100%;
    background: #f0f0f0;
    padding: 5px;
    margin-top: 65px;
    text-align: center;
}

#edition-activite .ad-banners {
    margin-top: 0;
    margin-bottom: 65px;
}

#content.marche .ad-banners {
    margin-top: 0;
    margin-bottom: 65px;
}

.ad-banners a, .ad-banners span {
    height: 90px;
    display: inline-block;
    margin: 5px;
    vertical-align: top;
}

.ad-banners a.ad768x90 { max-width: 768px; }
.ad-banners a.ad234x60 { max-width: 234px; }
.ad-banners a.ad120x90 { max-width: 120px; margin: 5px 0; }

.ad-banners img {
    width: 100%;
    height: auto;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ad-banners .disclaimer {
    display: block;
    height: 100%;
    color: #9f9f9f;
    font: 13px/20px "gothambook";
    text-transform: uppercase;
    position: absolute;
    top: 0;
    right: 20px;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}


/* =Liste des films
----------------------------------------------- */

.films-list table tr td:first-child {
    padding: 10px;
    vertical-align: top;
    width: 10%;
}

.films-list table tr td {
      padding: 10px;
      vertical-align: top;
}

.films-list table .content p {
    margin: 10px 0 0 0;
    padding: 0;
}

#film-list {
    padding-top: 50px;
}

#film-list .even {
    background: #f6f6f6;
}

#film-list tr, #film-list_length {
    font-size: 12px;
}

#film-list_filter {
    font-size: 12px;
    margin-right: 33px;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 10px 11px !important;
}

table.dataTable thead th, table.dataTable thead td {
    font-size: 10px;
}

.dataTables_wrapper .dataTables_filter input {
    border: 1px solid #000;
}

.dataTables_wrapper .select-wrapper select {
    background: transparent;
    padding: 5px;
    font-size: 10px;
    line-height: 1;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    width: 170px;
}

.dataTables_wrapper .select-wrapper {
    overflow: hidden;
    background: #fff url(../../../../assets/wp-content/themes/regard-sur-le-court/images/sort_desc.png) no-repeat right 0;
    border: 1px solid #000;
    max-width: 140px;
}

.page table.dataTable thead .sorting_asc {
    background-image: url(../../../../assets/wp-content/themes/regard-sur-le-court/images/sort_asc.png);
}

.page table.dataTable thead .sorting_desc {
    background-image: url(../../../../assets/wp-content/themes/regard-sur-le-court/images/sort_desc.png);
}

/* =Comments
----------------------------------------------- */

.comment-content a {
    word-wrap: break-word;
}
.bypostauthor {
}


/* =Widgets
----------------------------------------------- */

.widget {
    margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets */
.widget select {
    max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
    display: none;
}


/* =Infinite Scroll
----------------------------------------------- */

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
    display: block;
}


/* MOBILE_MENU STYLES */

#mobile_nav {
    display: none;
    background: rgba(0,0,0, 0.6);
    width: 100%;
    padding: 0;
}

#mobile_nav ul.menu { display: none; padding: 0 25px; }

#mobile_nav ul.menu > li:last-child { padding-bottom: 30px; }

#mobile_nav ul li {
    float: none;
}

#mobile_nav ul li a {
    padding: 0;
    display: block !important;
    padding: 5px 0 !important;
}

#mobile_nav ul li ul {
    position: relative;
    display: block;
}

#mobile_nav ul li ul.sub-menu {
    padding: 0 0 25px 10px;
    left: 0 !important;
    top: 10px;
}

#mobile_nav span i {
    color: #fff;
    font-size: 24px;
    padding: 15px;
    cursor: pointer;
    display: block;
    width: 100px;
}

#mobile_nav span i:hover {
    color: #ee7400;
}

/* END */




/* style_alex.css */


/* ---------------------------------------------------------------------------- */
/* Page | Default */
/* ---------------------------------------------------------------------------- */

h1 {
    position: relative;
}
h1:after {
    background: url(../../../../assets/wp-content/themes/regard-sur-le-court/images/stripe_black.png);
    -webkit-background-clip: text;
    content: attr(data-text);
    color: transparent;
    left: 3px;
    position: absolute;
    top: 3px;
    z-index: -1;
    width: 100%;
    text-align: center;
}

/* ---------- Banner ---------- */

.banner {
    padding: 173px 0 0 0;
    background: #000;
}
.inner_banner {
    height: 380px;
    position: relative;
}
#banner-description {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 11px !important;
    color: #fff;
    padding: 5px 20px;
    background: rgba(0,0,0, 0.6);
    border-top-left-radius: 3px;
}

/* Title */
.inner_banner h1 {
    color: #fff;
    font: 66px/60px 'canterbold';
    text-transform: uppercase;
    text-align: center;
    padding: 32px 100px 28px;
    /*margin: 130px 0 0;*/
    background: rgba( 238, 116, 0, 0.75);

    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 620px) {
    .inner_banner h1 {
        font-size: 60px;
    }
}



/* ---------------------------------------------------------------------------- */
/* Team */
/* ---------------------------------------------------------------------------- */

.team_list {
    list-style: none;
    margin: 0 0 50px;
}
.team_list li {
    float: left;
    width: 31%;
    height: 100px;
    margin: 0 1% 45px 1%;
}

.team h1 { text-align: center; }

.motdelequipe {
    margin-bottom: 30px;
}


/* ---------- Portrait ---------- */

.team_list li .team_portrait {
    float: left;
    width: 23%;
    margin: 0 3% 0 0;
}

.team_list_prod li .team_portrait {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.team_list li .team_portrait img {
    display: block;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
}


/* ---------- Content ---------- */

.team_list li .team_content {
    float: left;
    width: 68%;
}

.team_list li h2 {
    color: #ec7404;
    font: normal 14px/20px 'gothambook';
    text-transform: uppercase;
    padding: 0 0 5px;
}


.team_list li h3,
.team_list li p {
    color: #000;
    font: normal 16px/20px 'gothambook';
    text-transform: none;
    padding: 0;
}
.team_list li p { font-size: 14px; }

.team_list.team_list_prod li h3 { padding-top: 15px; }


/* Hide language */

/*
#lang_sel_list {
    display: none;
}

@media screen and (max-width: 1120px) {
    header .right .links {
        right: -18px;
    }

}

@media screen and (max-width: 925px) {
    header .right .links {
        right: 0;
    }
}
*/



/* ---------------------------------------------------------------------------- */
/* Médias */
/* ---------------------------------------------------------------------------- */

.layout_half {
    float: left;
    width: 48%;
    padding: 0 0 50px;
}
.layout_half:nth-of-type(2n) {
    float: right;
}

.layout_half h2 {
    font-size: 42px;
    line-height: 45px;
    padding-top: 0;
}


/* ---------- Newsletter ---------- */

#mc_embed_signup_scroll { padding: 15px 0 0; }
#mc_embed_signup_scroll br,
#mc_embed_signup_scroll p { display: none; }

/* Label */
#mc_embed_signup_scroll label {
    display: block;
    font: bold 14px/18px Arial;
    margin: 0 0 5px;
}

/* Fields */
#mc_embed_signup_scroll .mc-field-group input {
    display: block;
    width: 100%;
    height: 36px;
    color: #000;
    font: 14px Arial;
    padding: 0 15px;
    margin: 0 0 15px;
    outline: none;
    border: 1px solid #ccc;
}

/* Error */
#mc_embed_signup div.mce_inline_error {
    font-size: 12px;
    margin: -15px 0 15px !important;
}

/* Submit */
#mc-embedded-subscribe {
    float: right;
    color: #fff;
    font: bold 14px 'gothambook';
    text-transform: uppercase;
    text-align: center;
    padding: 8px 20px;
    margin: 0;
    cursor: pointer;
    background: #ee7400;
    border: 2px solid #ee7400;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#mc-embedded-subscribe:hover {
    color: #ee7400;
    background: #fff;
}




/* =Responsive
----------------------------------------------- */


@media screen and (max-width: 1200px){

    header .middle p { font-size: 13px; }
    header .middle p.small { font-size: 10px; }
    header h1 {
        padding-right: 12%;
    }
    header .right ul li a, #lang_sel_list ul li a { font-size: 12px; }
    header h1 { font-size: 21px; }
    header .right ul.social li a { font-size: 21px; }
    header .hamburger .menu-btn { font-size: 20px; right: 10px; }
    header .black .wrapper { width: 670px; max-width: 100%; }
    header .black #mainmenu ul { margin-left: 20px; }
    header .black #mainmenu ul li a { padding: 34px 14px 34px 0; font-size: 12px; }
    header.fixxy .black #mainmenu ul li a { padding: 20px 14px 20px 0; font-size: 12px; }
    header.fixxy .black #mainmenu ul li:last-child a { padding-right: 0; }
    header .black #mainmenu ul li:nth-child(3), header.fixxy .black #mainmenu ul li:nth-child(3) { margin: 0 75px 0 0; }
    header .black a.logo { width: 35px; height: 40px; right: 0; top: 20px; }
    header.fixxy .black #mainmenu a.logo { top: 8px; }
    header .black a.logo.en { right: 23px; }
    header .black #mainmenu ul li:first-child > a { padding-left: 0; }
    header .black #mainmenu ul.sub-menu { top: 84px; left: -25px; }
    header .black #mainmenu ul.sub-menu li a { padding: 10px 20px !important; }
    header .right ul li a { margin: 0; }
    header .white .wrapper { max-width: 100%; }

    header .right {
        margin-right: 6%;
        margin-top: -6px;
    }

    header.fixxy .right {
        margin-right: 6%;
        margin-top: 0;
    }

    header .right .links {
        float: none;
        position: relative;
        right: 0;
    }

    header .right ul {
        padding: 0;
    }

    header .right ul li .hamburger-btn {
        margin: 3px 2px 0 3px;
    }

    #lang_sel_list {
        height: 15px;
        top: 4px;
    }

    #lang_sel_list ul {
        height: 15px;
        padding: 0 !important;*/
}

    #programmation .sections a.button { width: 220px; padding: 14px 0; }
    #programmation .sections a.circle { width: 280px; height: 280px; padding: 115px 0; background: rgba(238, 116, 0, 0.75) url(../../../../assets/wp-content/themes/regard-sur-le-court/images/proglines.png) no-repeat center 45px / 75%; }
    #programmation .sections a.circle h2 { font-size: 34px; background: url(../../../../assets/wp-content/themes/regard-sur-le-court/images/progtitlebg.png) no-repeat center center / 75%; }
    #programmation .sections a.circle h1 { font-size: 44px; }
    #programmation.activite-marche .sections a.circle h2 { padding: 10px 0; font-size: 30px;  }

    footer #ads { margin-top: -100px; }
    footer #contact { padding-top: 150px; }

}

@media screen and (max-width: 1120px) {
    #dates a { width: 100px; height: 100px; }
    #dates a span { font-size: 18px; }
    #dates a h1 { font-size: 42px; line-height: 42px; }
    a.button { font: 16px/20px 'gothambook'; }
    #marche .circles .circle span { font-size: 24px; }
    #marche .circles .circle h1 { font-size: 50px; line-height: 50px; }
    #marche .circles .circle { width: 125px; height: 125px; }
    #content #jury_pro .pastille { width: 150px !important; height: 150px !important; }
    #content #jury_pro ul li { display: inline-block; float: none; }
    .pastille-holder { display: block; text-align: center; }
    .pastille { vertical-align: top; display: inline-block; float: none; }
    .marche .pastille { font-size: 40px; }
    .pastille span { display: block; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

    header .right .links {
        float: none;
        position: relative;
        right: 0;
    }

    header .right ul {
        padding: 0;
    }

    #lang_sel_list {
        height: 15px;
    }

    #lang_sel_list ul {
        height: 15px;
        padding: 0 !important;
    }

    .ad-banners {
        text-align: center;
    }

    .ad-banners a {
        display: inline-block;
        width: auto;
        float: none;
    }

    .ad-banners .disclaimer {
        position: relative;
        top: 0;
        right: auto;
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

}

@media screen and (max-width: 1000px) {
    #jeunesse .wrapper { width: 600px; }
    #jeunesse .circles_links { margin: -75px 0 0 0; height: 550px; }
    #jeunesse .circles_links a { font: 30px 'canterbold'; }
    #jeunesse .circles_links a.left { left: 15%; top: 18%; }
    #jeunesse .circles_links a.bottom { right: 22%; top: 46%; }
    #jeunesse .circles_links a.right { top: 12%; right: 8.5%; }
    #schedule .column .items .item { height: 175px; }
    .pastille span { line-height: 35px; }

    #programmation.activite-marche .sections a.circle h2 { padding: 10px 0; font-size: 30px;  }
    .dataTables_wrapper .select-wrapper { width: 140px; }

    .dataTables_wrapper select { width: 170px; }
    .dataTables_wrapper .select-wrapper { width: 140px; }
}

@media screen and (max-width: 925px) {

    #vimeoEmbedder { margin-top: 0; }
    .team_list li { width: 48%; }
    header { position: relative; }
    .banner { padding: 0 !important; }
    #slides_container { padding: 0; }
    header .hamburger { height: 100%; pointer-events: none; }
    header .hamburger.active {
        height: 100%;
        pointer-events: auto;
    }
    header .hamburger .menu-btn a .fa { top: -2px; pointer-events: auto; }
    header .hamburger .menu-btn { top: auto; bottom: 50px; z-index: 1000001; }
    header .white { padding: 0 2%; }
    header h1 { float: none !important; padding: 10px 0; text-align: center; }
    .middle.left { float: none !important; }

    #lang_sel_list {
        float: right;
        margin-right: 19px;
        top: 1px;
    }
    header .right { float: none !important; padding: 10px 0; width: 200px; margin: 0 auto; text-align: center;}
    header .right ul {
        float: none;
        display: inline-block;
    }
    header .right .links {
        float: none;
        position: static;
        display: inline-block;
    }
    .ticket-btn {
        position: relative;
        width: 120px;
        margin: 0 auto 20px;
    }
    .black .wrapper { width: 750px; }
    header.fixxy h1 { padding: 0 0 10px 0; }
    header.fixxy .right { padding: 0; }
    header .right ul li a { margin: 0 5px; }
    #schedule .mobile-schedule h5 {
        font-size: 25px;
    }
    #schedule .mobile-schedule h5 a {
        font-size: 25px;
    }
    #maps #map { width: 100%; height: 450px; position: relative; }
    #maps .places { float: none; width: 100%; padding: 90px 0 0 0; min-height: 0;}
    #bottom-footer #menu { display: none; }
    footer #bottom-footer { padding: 0 0 125px 0; }
    footer #ads > a { width: 30%; }
    footer #contact .left { width: 100%; float: none; }
    footer #contact .right { width: 100%; float: none; padding: 35px 0 0 0; }
}

@media screen and (max-width: 875px) {
    h1, h2 { font-size: 35px; line-height: 40px; }
    header .black a.logo, header.fixxy .black #mainmenu a.logo { top: 6px; }
    header .hamburger .menu-btn { top: auto; bottom: 35px; }
    #mobile_nav { display: block; }
    #mainmenu { display: none; }
    .partners-page { text-align: center; }
    #programmation .sections a.circle { margin 25px auto; position: relative; display: block; float: none; }
    #programmation .sections a.button { float: none; margin: 35px 0; }
    #programmation .sections { padding: 0; }
    #programmation { height: auto; }
    #programmation.activite-marche .sections { padding: 120px 0 0; }
    #marche .block { float: none; width: 100%; margin: 0 0 50px 0; }
    #marche div.circle { display: none; }
    #marche .circles { display: inline-block; float: none; width: 100%; }
    .inner_banner h1 { padding: 32px 0 28px !important; }
    .pastille { width: 160px !important; height: 160px !important; font-size: 36px; }
    .hamburger.active { height: 79%; }
    #schedule .mobile-schedule { display: block; }
    #schedule .desktop-schedule { display: none; }

    #film-list_filter { margin-right: 10px; }x

    #film-list_info {
        font-size: 12px;
    }

    #film-list_paginate {
        font-size: 12px;
    }

    .page table.dataTable thead tr th:nth-child(4), .page table.dataTable tr td:nth-child(4) {
        display: none;
    }

    .page table.dataTable thead tr th:nth-child(5), .page table.dataTable tr td:nth-child(5) {
        display: none;
    }
}

@media screen and (max-width: 768px) {


    footer #contact .left .information ul { float: none; width: 100%; padding: 15px 0; }
    #blog .main { width: 100%; float: none; }
    #sidebar { float: none; width: 100%; margin: 30px 0 0 0; }
    #content.home #jury ul li { float: none; padding: 25px 0; margin: 0; width: 100%; text-align: center; }
    #content.home #jury ul li .photo { width: 170px; margin: 0 auto 20px auto; }
    #content.home #jury ul li p { display: inline-block; }
    #porte_parole .avatar { float: none; margin: 0 auto 25px auto; width: 320px; max-width: 100% !important; }
    #porte_parole .bio { float: none; width: 100%; padding: 0; }
    #dates a { margin: 0 5px 15px 5px; }
    p, ul li, ol li { font 12px/20px Verdana !important; }
    #content.festival #porte_parole .image { width: 320px; max-width: 100%; float: none; margin: 0 auto 50px auto; }
    #content.festival #porte_parole .content { float: none; width: 100%; }
    #content .jury-public ul li { float: none; width: 100%; margin: 15px 0; }
    #content .jury-public ul li .content p { padding: 15px 0; }
    #content .jury-public ul li .jury-photo { width: 160px !important; height: 160px !important; margin: 0 auto 35px; }
    .inner_banner h1 { font: 50px/50px 'canterbold'; }
    .marche .pastille { font-size: 35px; }
    .pastille.invites, .pastille.videotheque { font-size: 35px; }
    #programs .programs-list { float: none; width: 100%; }
    #programs .programs-list ul li { display: block; }
    #programs .programs-list ul li a { height: auto; margin: 0; display: block; width: 100%; }
    #programs .program { float: none; width: 100%; margin: 35px 0 0 0; }
    #film .content .left, #film .content .right { float: none; margin: 0 0 50px 0; width: 100%; }
    #maps { display: none; }
    .films-list { padding: 1%; }
    #film-list_filter { margin-right: 10px; }
    .program-button {
        width: 100%;
        max-width: 320px;
    }
}

@media screen and (max-width: 735px) {

    a.button { margin: 20px auto; }
    #ads a, #ads img { display: block; float: none; }
    #ads a { width: 300px; max-width: 100%; margin: 15px auto; }

    .inner_banner .wrapper { width: 100%; }
    .single-content { width: 90%; }
    .pastille-holder, .pastille.jury-pro { display: none; }
    .pastille-content { display: block; }
    .pastille-content .wrapper { width: 100%; max-width: 100%; }
    .jury-pro-box .header-group { width: 90%; }

    #content #jury_pro ul li .photo { margin: 0 auto 35px; float: none; }

    .prix h3 { font-size: 34px; }

    .partners-list { left: 4%; }
    .partners-list .partner { padding-bottom: 35px; height: auto; min-height: 330px;top: 0 !important; }
    .partners-list li { margin: 0 10% 0 0; width: 23%; }

    footer #bottom-footer { padding: 200px 0 50px 0; }
    footer #contact { padding: 350px 0 150px; }
    footer #ads > a { width: 44%; }

    #activities .activity { float: none; width: 100%; position: static !important; }
    #activities #activity-list { margin: 0; }
    .films-list ul li .content { padding-top: 0; }


    .films-list h2 { font-size: 11px; }
    #film-list tr { font-size: 10px; }
    .dataTables_wrapper .select-wrapper { width: 140px; }
    .page-template-template-liste-films-php .wrapper { width: 100%; }
    .page table.dataTable thead tr th:nth-child(6), .page table.dataTable tr td:nth-child(6) {
        display: none;
    }
    .films-list .legend ul li {
        float: right;
        display: block;
        clear: both;
    }
}


@media screen and (max-width: 620px) {

    .team_list li { width: 100%; min-height: 60px; height: auto; margin: 0 0 25px; }
    .team_list_prod li .team_portrait { float: left; width: 60px; height: 60px; }
    .team_list li .team_content { float: none; width: auto; }
    .team_list.team_list_prod li .team_content { float: left; width: 75%; }
    .team_list li h3 { font-size: 13px; line-height: 16px; }
    .team_list.team_list_prod li h3 { padding-top: 7px; }
    .team_list li h2 { font-size: 12px; line-height: 20px; padding: 5px 0 0; }
    .team_list li p { font-size: 10px !important; line-height: 16px !important; color: #444; }

    #jeunesse .circles_links { background: none; margin: 0; height: auto; }
    #jeunesse .circles_links a { color: #000; position: relative !important; left: 0 !important; top: 0 !important; margin: 20px 0; float: none; width: 100%; text-align: center; display: block; }
    #jeunesse .circles_links a:hover { text-decoration: underline; }
    #jeunesse a.prog { margin: 35px 0 0 0; }
    #content #jury_pro ul li { padding: 10px 20px; }
    #content #jury_pro ul li .photo { margin: 0 auto 25px; }
    .jury-pro-box .header-group { float: none; width: auto; color: #fff; font-size: 13px; margin: 0; }
    #content #jury_pro ul li .photo { width: 320px; max-width: 100%; margin: 0 auto 35px auto; float: none; }
    #content #jury_pro ul li .content { float: none; width: 100%; }
    #content #jury_pro ul li.odd .photo { float: none; }
    #activities #jeunesse .circles_links { background: none; }
    #activities #jeunesse .circles_links a { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background: rgba( 255, 192, 0, 0.75); }
    #activities #jeunesse .circles_links a:hover { text-decoration: none; }

    #dates { display: block !important; }
    #dates a, .circles .circle { float: none; width: 100% !important; display: block; border-radius: 0 !important; height: auto !important; padding: 5px 0 !important; margin: 5px auto !important; }
    #dates a span, .circles .circle span { display: inline-block !important; padding: 0 10px; font-weight: bold; }
    #dates a h1, .circles .circle h1 { display: inline-block !important; }
    #prices #paypal { float: none; width: 100%; }
    #prices #regular_prices { float: none; width: 100%; margin: 25px 0 0 0; }
    #marche .block h1 { font: 39px 'canterbold'; padding-top: 28px; }
    .partners-list { left: 0; height: auto !important; padding: 0; }
    .partners-list .partner { padding-bottom: 35px; height: auto; min-height: 0; top: 0 !important; }
    .partners-list li { margin: 0; width: 100%; }
    #marche .block a { width: 100%; }

    .layout_half { float: none; width: auto; }

    footer #partners { padding: 30px 0 90px; }
    footer #ads { margin-top: -60px; }
    footer #contact { padding: 250px 0 10px; }
    footer #contact .right p { float: left; font-size: 9px !important; padding: 6px 0; }
    footer #contact .right img { float: left; width: 70px; margin: 0 0 0 10px; }
    footer #bottom-footer { padding: 0; }
    footer #copyright p { font-size: 9px !important; text-align: left; padding: 0 0 25px; }

}


@media screen and (max-width: 555px) {


    header .hamburger ul li a { font-size: 25px; }
    #partners ul li { width: 100%; }
    #partners ul li a { margin: 0 auto; }

    .prix table td {
        display: block;
        border: none;
        float: left;
        text-align: center;
        width: 100% !important;
    }

    .fbshare_btn {
        display: block;
    }

    .fbshare_btn.link {
        display: none;
    }

    .gagnant-row td {
        border-top: 0 !important;
    }

}