/******************************************************************
Theme Name: Doc and Film
Theme URI: http://www.besync.fr/
Description: DÃ©veloppÃ© spÃ©cifiquement pour Doc & Film.
Author: Samuel Brunet
Author URI: http://www.k-mi.fr/
Version: 1.0
*******************************************************************/
/* -- normalize.css ----->*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
    display: block
    }
audio, canvas, video {
    display: inline-block
    }
audio:not([controls]) {
    display: none;
    height: 0
    }
[hidden] {
    display: none
    }
html {
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
    }
button, html, input, select, textarea {
    font-family: sans-serif
    }
body {
    margin: 0
    }
a:focus {
    outline: thin dotted
    }
a:active, a:hover {
    outline: 0
    }
h1 {
    font-size: 2em;
    margin: 0.67em 0
    }
h2 {
    font-size: 1.5em;
    margin: 0.83em 0
    }
h3 {
    font-size: 1.17em;
    margin: 1em 0
    }
h4 {
    font-size: 1em;
    margin: 1.33em 0
    }
h5 {
    font-size: 0.83em;
    margin: 1.67em 0
    }
h6 {
    font-size: 0.67em;
    margin: 2.33em 0
    }
abbr[title] {
    border-bottom: 1px dotted
    }
b, strong {
    font-weight: 700
    }
blockquote {
    margin: 1em 40px
    }
dfn {
    font-style: italic
    }
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
    }
mark {
    background: #ff0;
    color: #000
    }
p, pre {
    margin: 1em 0
    }
code, kbd, pre, samp {
    font-family: monospace, serif;
    _font-family: "courier new", monospace;
    font-size: 1em
    }
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
    }
q {
    quotes: none
    }
q:after, q:before {
    content: "";
    content: none
    }
small {
    font-size: 80%
    }
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
    }
sup {
    top: -0.5em
    }
sub {
    bottom: -0.25em
    }
dl, menu, ol, ul {
    margin: 1em 0
    }
dd {
    margin: 0 0 0 40px
    }
menu, ol, ul {
    padding: 0 0 0 40px
    }
nav ol, nav ul {
    list-style: none;
    list-style-image: none
    }
img {
    border: 0;
    -ms-interpolation-mode: bicubic
    }
svg:not(:root) {
    overflow: hidden
    }
figure, form {
    margin: 0
    }
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
    }
legend {
    border: 0;
    padding: 0;
    white-space: normal
    }
button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline
    }
button, input {
    line-height: normal
    }
button, select {
    text-transform: none
    }
button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
    }
input[type="submit"]:focus {
    outline: none
    }
button[disabled], html input[disabled] {
    cursor: default
    }
input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
    }
input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
    }
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
    }
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
    }
textarea {
    overflow: auto;
    vertical-align: top
    }
table {
    border-collapse: collapse;
    border-spacing: 0
    }
html, button, input, select, textarea {
    color: #222
    }
html {
    font-size: 1em;
    line-height: 1.4
    }
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
    }
::selection {
    background: #b3d4fc;
    text-shadow: none
    }
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
    }
audio, canvas, img, video {
    vertical-align: middle
    }
fieldset {
    border: 0;
    margin: 0;
    padding: 0
    }
textarea {
    resize: vertical
    }
#browsehappy {
    padding: 1em;
    margin: 0 3%;
    background: #900;
    font-family: arial;
    font-size: 1.5em;
    color: #fff !important;
    z-index: 9999;
    position: fixed;
    width: 90%
    }
#browsehappy p {
    color: #fff
    }
#browsehappy_down {
    color: #fff;
    position: absolute;
    right: 15px;
    font-size: 0.8em;
    top: 10px
    }
a:hover, a:focus {
    outline: none
    }
/* Flexslider */
.flex-container a:active, .flexsilder a:active, .flex-container a:focus, .flexslider a:focus {
    outline: none
    }
.slides, .flex-control-nav, .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none
    }
.flexslider {
    margin: 0;
    padding: 0
    }
.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden
    }
.flexslider .slides > div {
    display: none;
    -webkit-backface-visibility: hidden
    }
.flexslider .slides img {
    width: 100%;
    display: block;
    height: auto
    }
.flex-pauseplay span {
    text-transform: capitalize
    }
.slides:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
    }
html[xmlns] .slides {
    display: block
    }
* html .slides {
    height: 1%
    }
.no-js .slides > li:first-child {
    display: block
    }
.slides > li:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1000
    }
/* Author: Samuel Brunet // Kami --> AtmosphÃ¨re Communication ============== */
img {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none
    }
#contain {
    width: 100%;
    padding: 0;
    background-color: #181919
    }
.centrer {
    width: 980px;
    margin: auto
    }
.bg_sprite {
    background: url(library/images/sprite.png);
    position: relative;
    display: block;
    text-indent: -9999px
    }
.liste_none {
    margin: 0;
    padding: 0;
    list-style-type: none
    }
.boxsize {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
    }
.cols_wrapper {
    display: block;
    position: relative;
    float: none;
    clear: both;
    width: 100%;
    margin: 0 auto
    }
.cols_wrapper > .col {
    position: relative;
    float: left;
    margin: 0
    }
.col_left {
    padding-left: 2%
    }
.col_right {
    padding-right: 2%
    }
.col_25 {
    width: 25%
    }
.col_33 {
    width: 29.3333%;
    margin: 0 2% !important
    }
.col_35 {
    width: 35%
    }
.col_50 {
    width: 50%
    }
.col_65 {
    width: 65%
    }
.col_75 {
    width: 75%
    }
.col_100 {
    width: 100%
    }
.cols_wrapper .flex_home img {
    max-width: 100%;
    height: auto
    }
@font-face {
    font-family: "raleway";
    src: url(library/fonts/raleway-regular-webfont.eot);
    src: url(library/fonts/raleway-regular-webfont.eot?#iefix) format("embedded-opentype"), url(library/fonts/raleway-regular-webfont.woff2) format("woff2"), url(library/fonts/raleway-regular-webfont.woff) format("woff"), url(library/fonts/raleway-regular-webfont.ttf) format("truetype");
    font-weight: normal;
    font-style: normal
    }
@font-face {
    font-family: "raleway";
    src: url(library/fonts/raleway-italic-webfont.eot);
    src: url(library/fonts/raleway-italic-webfont.eot?#iefix) format("embedded-opentype"), url(library/fonts/raleway-italic-webfont.woff2) format("woff2"), url(library/fonts/raleway-italic-webfont.woff) format("woff"), url(library/fonts/raleway-italic-webfont.ttf) format("truetype");
    font-weight: normal;
    font-style: italic
    }
@font-face {
    font-family: "raleway";
    src: url(library/fonts/raleway-bold-webfont.eot);
    src: url(library/fonts/raleway-bold-webfont.eot?#iefix) format("embedded-opentype"), url(library/fonts/raleway-bold-webfont.woff2) format("woff2"), url(library/fonts/raleway-bold-webfont.woff) format("woff"), url(library/fonts/raleway-bold-webfont.ttf) format("truetype");
    font-weight: bold;
    font-style: normal
    }
@font-face {
    font-family: "raleway-m";
    src: url(library/fonts/raleway-medium-webfont.eot);
    src: url(library/fonts/raleway-medium-webfont.eot?#iefix) format("embedded-opentype"), url(library/fonts/raleway-medium-webfont.woff2) format("woff2"), url(library/fonts/raleway-medium-webfont.woff) format("woff"), url(library/fonts/raleway-medium-webfont.ttf) format("truetype");
    font-weight: normal;
    font-style: normal
    }
@font-face {
    font-family: "raleway-t";
    src: url(library/fonts/raleway-thin-webfont.eot);
    src: url(library/fonts/raleway-thin-webfont.eot?#iefix) format("embedded-opentype"), url(library/fonts/raleway-thin-webfont.woff2) format("woff2"), url(library/fonts/raleway-thin-webfont.woff) format("woff"), url(library/fonts/raleway-thin-webfont.ttf) format("truetype");
    font-weight: normal;
    font-style: normal
    }
@font-face {
    font-family: "raleway-t";
    src: url(library/fonts/raleway-thinitalic-webfont.eot);
    src: url(library/fonts/raleway-thinitalic-webfont.eot?#iefix) format("embedded-opentype"), url(library/fonts/raleway-thinitalic-webfont.woff2) format("woff2"), url(library/fonts/raleway-thinitalic-webfont.woff) format("woff"), url(library/fonts/raleway-thinitalic-webfont.ttf) format("truetype");
    font-weight: normal;
    font-style: italic
    }
@font-face {
    font-family: "icon";
    src: url(library/fonts/icomoon.eot?-t84vfp);
    src: url(library/fonts/icomoon.eot?#iefix-t84vfp) format("embedded-opentype"), url(library/fonts/icomoon.woff?-t84vfp) format("woff"), url(library/fonts/icomoon.ttf?-t84vfp) format("truetype"), url(library/fonts/icomoon.svg?-t84vfp#icomoon) format("svg");
    font-weight: normal;
    font-style: normal
    }
[class^="icon-"], [class*=" icon-"], .flex_col .flex-direction-nav li a {
    font-family: "icon";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
    }
.icon-fleche-bas:before {
    content: ""
    }
.icon-camera:before {
    content: ""
    }
.icon-clap:before {
    content: ""
    }
.icon-fleche-droite:before {
    content: ""
    }
.icon-fleche-droite-carre:before, .flex-next:before {
    content: ""
    }
.icon-fleche-gauche:before {
    content: ""
    }
.icon-fleche-gauche-carre:before, .flex-prev:before {
    content: ""
    }
.icon-lineup:before {
    content: ""
    }
.icon-play:before {
    content: ""
    }
.icon-search:before {
    content: ""
    }
.icon-search-fiche:before {
    content: ""
    }
.icon-search-tag:before {
    content: ""
    }
.icon-television:before {
    content: ""
    }
/* ---> Header --- */
/* general */
#contain {
    font-family: "raleway", arial, sans-serif
    }
#contain > header {
    position: relative
    }
/* menu + logo */
.position_header {
    position: absolute;
    z-index: 99;
    left: 4%;
    bottom: 8%;
    width: 400px
    }
.top_header {
    position: fixed;
    width: 100%;
    height: 95px;
    z-index: 9999;
    padding: 2% 3.3% 0;
    background-image: url(library/images/bg_noir.png);
    border-bottom: 1px solid #4c4e4e
    }
.logo {
    background: url(library/images/logo-header-3.png) no-repeat;
    width: 107px;
    height: 75px;
    text-indent: -9999px;
    margin: -1.5% 0 0 0;
    display: inline-block
    }
span.logo {
    display: block
    }
/* -- MENU -- */
/* -- Responsive */
.menu_deroulant {
    display: none
    }
.awd_simple_menus {
    position: absolute;
    bottom: 0;
    right: 4%
    }
.awd_simple_menus > ul {
    list-style-type: none;
    margin: 0;
    padding: 0
    }
.awd_simple_menus > ul > li {
    display: inline-block;
    text-transform: uppercase
    }
.awd_simple_menus > ul > li > a, .awd_simple_menus > ul > li > a:visited {
    text-decoration: none;
    font-weight: bold;
    font-size: 1em;
    color: #cbac8e;
    text-shadow: 0 1px #000;
    display: inline-block;
    padding: 5px 10px 10px;
    border-bottom: 5px solid transparent;
    transition: border 0.2s ease
    }
.awd_simple_menus > ul > li:hover > a, .awd_simple_menus > ul > li:focus > a, .awd_simple_menus > ul > li > .awd-current {
    border-bottom: 5px solid #fff !important;
    color: #fff
    }
.awd_simple_menus > ul > li:last-child > a {
    padding-right: 0
    }
.position_header > form {
    height: 46px
    }
.position_header > form input[type="text"] {
    border: 1px solid #dfdfdf;
    color: #5d5d5d;
    font: italic 1.125em "raleway", arial, sans-serif;
    background-image: url(library/images/bg_search.png);
    width: 88.5%;
    padding: 10px 10px 11px;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
    }
.position_header > form input[type="text"]:focus {
    background: #fff;
    font-style: normal
    }
.position_header > form input[type="submit"] {
    float: left;
    width: 45px;
    height: 45px;
    border: none;
    font-size: 1.75em;
    color: #b53e3e
    }
.position_header > form input[type="submit"]:hover, .position_header > form input[type="submit"]:focus {
    color: #202323
    }
.position_header > a {
    border-bottom: 5px solid #b53e3e;
    box-shadow: 0 1px #000;
    color: #fff;
    font-size: 0.75em;
    text-transform: uppercase;
    text-shadow: 0 1px #000;
    width: 100%;
    margin: 5px 0 0;
    padding: 0;
    transition: all 0.2s ease
    }
.position_header > a > div {
    float: right
    }
.position_header > a .icon-search-tag {
    font-size: 2em;
    float: left;
    margin: -4px 5px 0 0
    }
.position_header > a:hover, .position_header > a:focus {
    color: #fff;
    border-bottom: 10px solid #fff
    }
.social {
    position: absolute;
    top: 10%;
    right: 3.3%;
    margin-right: 65px
    }
.social li {
    float: left;
    margin: 0 5px
    }
.social .fb {
    background-position: -10px -10px;
    width: 17px;
    height: 17px
    }
.social .tw {
    background-position: -30px -10px;
    width: 21px;
    height: 17px
    }
.traduction {
    position: absolute;
    z-index: 99;
    top: 10%;
    right: 3.3%;
    font-size: 0.813em
    }
.traduction > li {
    float: left;
    color: #fff
    }
.traduction a, .traduction a:visited {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    transition: color 0.5s ease
    }
.traduction a:hover, .traduction a:focus {
    color: #b53e3e
    }
.traduction a.active {
    font-weight: bold
    }
.flex_home {
    max-height: 450px;
    overflow: hidden;
    position: relative;
    width: auto
    }
.flex_home:before {
    content: "";
    background: url(library/images/degrade_bandeau.png);
    width: 100%;
    height: 92px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10
    }
.flex_home .flex-control-nav {
    position: absolute;
    bottom: 8%;
    right: 4%;
    z-index: 999
    }
.flex_home .flex-control-nav li {
    float: left
    }
.flex_home .flex-control-nav li a, .flex_home .flex-control-nav li a:visited {
    width: 50px;
    height: 3px;
    display: block;
    background-color: #fff;
    text-indent: -9999px;
    overflow: hidden;
    margin: 3px 0 0 3px;
    cursor: pointer;
    transition: all 0.2s ease
    }
.flex_home .flex-control-nav li a:hover, .flex_home .flex-control-nav li a:focus, .flex_home li .flex-active {
    height: 6px !important;
    background-color: #b53e3e !important;
    margin: 0 0 0 3px !important
    }
/* *****GENERALE******** */
h1, .h1 {
    font: 3.75em "raleway-t", arial, sans-serif;
    text-transform: uppercase
    }
.home h1, .home .h1 {
    color: #cbac8e
    }
/* - Cinema / lineup GENERALE - */
.cinema_col, .tv_col {
    padding: 2% 3.33%
    }
.cinema_col > header, .tv_col > header, .lineup_col .espace_lineup > header, .entreprise {
    position: relative
    }
.cinema_col > header .h1, .tv_col > header .h1, .lineup_col .espace_lineup > header .h1, .entreprise .h1 {
    width: 100%;
    padding-right: 70px;
    float: left;
    margin: 0 0 0 -5px;
    position: relative
    }
.cinema_col > header .h1:after, .tv_col > header .h1:after, .lineup_col .espace_lineup > header .h1:after, .entreprise .h1:after {
    content: "";
    width: 100px;
    height: 5px;
    position: absolute;
    bottom: -5px;
    left: 5px
    }
.cinema_col > header .icon-camera, .tv_col > header .icon-television, .lineup_col .espace_lineup > header .icon-lineup {
    font-size: 3.75em;
    color: #cbac8e;
    position: absolute;
    top: 5px;
    right: 0
    }
/* ---------> cinema COL */
.cinema_col, .tv_col {
    background-color: #202323
    }
.cinema_col > header .h1:after, .tv_col > header .h1:after {
    background-color: #b53e3e
    }
.flex_col .flex-direction-nav {
    margin: 0 auto;
    overflow: hidden;
    width: 82px
    }
.flex_col .flex-direction-nav li {
    float: left
    }
.flex_col .flex-direction-nav li a, .flex_col .flex-direction-nav li a:visited {
    text-decoration: none;
    color: #fff;
    font-size: 2.5em
    }
.flex_col .flex-direction-nav li a:hover, .flex_col .flex-direction-nav li a:focus {
    color: #b53e3e
    }
.liste_film {
    padding: 3% 0 0
    }
.liste_film > li {
    width: 273px;
    height: 365px;
    position: relative;
    margin: 0 3% 3%;
    float: left;
    box-shadow: 0 2px 0 #000;
    overflow: hidden;
    background-color: #fff
    }
.flex-active-slide .liste_film > li {
    z-index: 10
    }
/*
.liste_film > li:nth-child(3n){margin-right:0;}
.liste_film > li > img{width: auto !important;height: 430px !important;}*/
.description_film {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    padding: 6%;
    transition: opacity 0.5s ease, background-color 0.5s ease
    }
.liste_film > li:hover > .description_film, .liste_film > li:focus > .description_film {
    opacity: 1;
    background-color: #fff
    }
/* archive film*/
.archive .liste_film_tv > li {
    /*width: 21%;*/
    margin: 0 1% 2%;
    height: auto;
    vertical-align: top;
    display: inline-block;
    float: inherit
    }
.archive .liste_film_tv > li > img {
    width: 100% !important;
    height: auto !important
    }
.archive .liste_film_tv h3 {
    max-height: inherit;
    margin-bottom: 0;
    min-height: 70px
    }
/* archive DOC */
.auteur_doc {
    color: #b53e3e;
    font-weight: bold;
    font-size: 1.125em;
    position: relative
    }
.auteur_doc:after {
    background-color: #b53e3e;
    bottom: -5px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 30px
    }
.duree_doc {
    color: #9f9f9f;
    margin: 10px 0 0 0
    }
/* Description film */
.description_film > header {
    margin-bottom: 10px
    }
.description_film > header h3 {
    margin: 0;
    font-size: 1.25em
    }
.description_film > header h3 a, .description_film > header h3 a:visited {
    color: #4b4141;
    text-decoration: none
    }
.description_film > header h3 a:hover, .description_film > header h3 a:focus {
    color: #b53e3e
    }
.auteur_descrip {
    color: #b53e3e;
    text-decoration: none
    }
.auteur_descrip:hover, .auteur_descrip:focus {
    color: #4b4141
    }
.description_film > header strong {
    position: relative;
    font-size: 1.125em
    }
.description_film > header strong:after {
    content: "";
    background-color: #b53e3e;
    width: 30px;
    height: 2px;
    bottom: -5px;
    left: 0;
    position: absolute
    }
.liste_tag > li {
    position: relative;
    float: left
    }
.description_film .liste_tag {
    color: #5e6464;
    font-size: 0.75em;
    text-decoration: none
    }
.description_film > footer {
    bottom: 4%;
    left: 6%;
    position: absolute;
    width: 88%
    }
.liste_film_tv footer ul > li {
    float: left;
    width: 100%
    }
.liste_film_tv footer ul > li > a, .liste_film_tv footer ul > li > a:visited {
    text-decoration: none;
    color: #b53e3e
    }
.liste_film_tv footer ul > li > a:hover, .liste_film_tv footer ul > li > a:focus {
    color: #4b4141
    }
.liste_film_tv footer .txt-icon {
    display: block;
    text-align: center
    }
.btn_fiche .icon-search-fiche, .btn_play .icon-play {
    font-size: 2.5em;
    display: block;
    text-align: center
    }
.btn_fiche, .btn_play {
    display: block
    }
/*.btn_fiche{border-right:1px solid #c7c8c8;}*/
/* --------> TV COL */
.liste_tv > li {
    width: 29%;
    margin: 0 2% 3%;
    float: left;
    position: relative;
    border-bottom: 3px solid #9f9f9f;
    padding-bottom: 10px;
    overflow: hidden
    }
.archive .liste_tv > li {
    width: 22.6%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.liste_tv h3 {
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 13px;
    height: 60px;
    overflow: hidden
    }
.liste_tv h3 a, .liste_tv h3 a:visited {
    color: #cbac8e;
    text-decoration: none
    }
.liste_tv h3 a:hover, .liste_tv h3 a:focus {
    color: #b53e3e
    }
.liste_tv .liste_tag {
    padding: 5px 0
    }
.liste_tv .liste_tag {
    font-size: 0.813em;
    font-weight: bold;
    color: #b53e3e;
    text-decoration: none;
    text-transform: uppercase
    }
.liste_tv section p {
    color: #9f9f9f;
    font-size: 0.813em
    }
.home .liste_tv section p {
    max-height: 115px;
    overflow: hidden;
    display: block
    }
.liste_tv section .excerpt-read-more {
    color: #9f9f9f;
    display: block
    }
.liste_tv section .excerpt-read-more:hover, .liste_tv section .excerpt-read-more:focus {
    color: #b53e3e
    }
.liste_tv footer {
    position: relative;
    /*height:200px; */
    overflow: hidden
    }
.liste_tv footer > img {
    height: auto !important;
    width: 100% !important
    }
.liste_tv footer > .liste_none {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    box-shadow: 0 2px 3px #000
    }
.liste_tv footer > .liste_none li {
    position: absolute;
    top: 50%;
    margin-top: -40px
    }
.liste_tv footer > img[src$=".jpg"] + .liste_none {
    opacity: 0
    }
.liste_tv footer:hover > img[src$=".jpg"] + .liste_none, .liste_tv footer:focus > img[src$=".jpg"] + .liste_none {
    opacity: 1
    }
.liste_tv footer img {
    box-shadow: 0 2px 0 #000
    }
.liste_tv footer .transparent_img {
    box-shadow: none
    }
.no_trailer, .no_fiche {
    color: #aaa !important;
    cursor: inherit
    }
/* ---------> Lineup COL */
.lineup_col .espace_lineup {
    padding: 6% 9.99%
    }
.lineup_col {
    background: url(library/images/bg_rouge.png)
    }
.lineup_col .espace_lineup > header .h1:after {
    background-color: #202323
    }
.lineup_col > .espace_lineup > section {
    margin: 40px 0 0 0
    }
.lineup_col .liste_none li {
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #cbac8e;
    min-height: 50px
    }
.lineup_col .liste_none li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
    }
.date_lineup {
    font-size: 1.125em;
    color: #202323;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1em;
    width: 50px;
    height: 50px
    }
.info_lineup {
    display: block;
    text-decoration: none;
    width: 100%;
    padding-left: 0;
    line-height: 1em
    }
.info_lineup .h4 {
    font-size: 1em;
    color: #cbac8e;
    transition: color 0.5s ease
    }
.info_lineup small {
    font-size: 0.75em;
    color: #202323;
    font-weight: bold;
    transition: color 0.5s ease
    }
.info_lineup:hover .h4, .info_lineup:focus .h4, .info_lineup:hover small, .info_lineup:focus small {
    color: #fff
    }
.lineup_col > footer > a, .lineup_col > footer > a:visited {
    color: #fff;
    display: block;
    height: auto;
    position: relative;
    width: 100%;
    overflow: hidden
    }
.lineup_col > footer img {
    width: 100%;
    height: auto
    }
.lineup_col > footer .border_img {
    border: 5px solid #fff;
    height: 85%;
    margin: 5%;
    position: absolute;
    width: 90%;
    transition: all 0.5s ease
    }
.lineup_col > footer .header_img {
    bottom: 3%;
    left: 3%;
    position: absolute;
    width: 94%
    }
.lineup_col > footer .header_img .h1 {
    width: 100%;
    padding-right: 70px;
    float: left;
    margin: 0;
    position: relative;
    color: #fff
    }
.lineup_col > footer .header_img .h1:after {
    content: "";
    width: 100px;
    height: 5px;
    position: absolute;
    bottom: -5px;
    left: 5px
    }
.lineup_col > footer .header_img .icon-television, .lineup_col > footer .header_img .icon-camera {
    font-size: 3.75em;
    color: #fff;
    position: absolute;
    top: 5px;
    right: 0
    }
.lineup_col > footer > a:hover .border_img {
    height: 73%;
    margin: 10%;
    width: 80%
    }
.post-type-archive-lineup-3 .info_lineup img {
    max-width: 100%;
    height: auto;
    margin: 10px 0 0 0
    }
/* -- Entreprise -- */
.entreprise {
    padding: 3%;
    overflow: hidden;
    background-color: #cbac8e
    }
.entreprise .col_65 .h1 {
    color: #fff;
    margin-bottom: 0.45em;
    font-size: 2.5em
    }
.entreprise .col_65 .h1:after {
    background-color: #4d4944
    }
.entreprise p {
    color: #fff
    }
.bouton {
    text-transform: uppercase;
    color: #fff;
    border: 2px solid #fff;
    background-color: transparent;
    font: bold 1.25em "raleway", arial, sans-serif;
    text-decoration: none;
    padding: 10px;
    width: 235px;
    display: block;
    position: relative;
    transition: all 0.5s ease
    }
.bouton .txt-icon {
    width: 100%;
    padding-right: 50px
    }
.bouton .icon-fleche-droite {
    position: absolute;
    top: 13px;
    right: 10px
    }
.bouton:hover, .bouton:focus {
    width: 250px;
    color: #4d4944;
    border: 2px solid #4d4944
    }
.entreprise > aside {
    position: relative
    }
.entreprise > aside > img {
    position: absolute;
    top: 0;
    left: 0
    }
.coordonnees {
    border-left: 1px solid #4d4944;
    font-size: 1em;
    font-weight: bold;
    margin-left: 145px;
    padding-left: 22px;
    width: 66%
    }
.coordonnees address {
    color: #4d4944;
    font-style: normal;
    font-weight: bold
    }
.coordonnees div {
    color: #b53e3e
    }
/* FOOTER */
#contain > footer {
    background-color: #cbac8e;
    text-align: center;
    color: #4d4944
    }
#contain > footer small {
    font-size: 0.65em;
    border-top: 1px solid #4d4944;
    display: block;
    margin: 0 3%;
    padding: 10px 0
    }
#contain > footer a, #contain > footer a:visited {
    color: #4d4944;
    text-decoration: underline
    }
#contain > footer a:hover, #contain > footer a:focus {
    text-decoration: none;
    color: #fff
    }
/* FICHE */
.generique #contain {
    background-color: #202323
    }
.generique #main {
    margin-top: 95px
    }
.fil-arianne {
    font-size: 0.688em;
    color: #9c9d9d;
    padding: 2% 3.33% 1%
    }
.fil-arianne a, .fil-arianne a:visited {
    color: #9c9d9d
    }
.fil-arianne a:hover, .fil-arianne a:focus {
    text-decoration: none;
    color: #fff
    }
.article_page > .col_65 {
    padding: 1% 0 2% 3.33%
    }
.article_page > .col_35 {
    padding: 1% 3.33% 2%
    }
.article_page .bouton {
    width: 100%;
    max-width: 300px
    }
.article_page header {
    color: #cbac8e
    }
.category_page {
    color: #b53e3e;
    font-weight: bold;
    font-size: 1.5em;
    position: relative
    }
.category_page:before {
    content: "";
    width: 100px;
    height: 5px;
    position: absolute;
    top: -10px;
    left: 0;
    background-color: #b53e3e
    }
.article_page header h1 {
    font-size: 5em;
    margin: 0;
    text-transform: inherit
    }
.author_page {
    display: block;
    border-top: 2px solid #b53e3e;
    font-weight: bold;
    font-size: 1.5em;
    padding: 15px 0 25px;
    margin: 10px 0
    }
.description_page, .description_page a, .description_page a:visited {
    color: #9d9d9d
    }
.description_page li {
    margin: 5px 0
    }
.description_page a:hover, .description_page a:focus {
    text-decoration: none;
    color: #b53e3e
    }
.description_page > .col {
    border-top: 2px solid #b53e3e;
    padding: 15px 0
    }
.description_page .col_35 p, .description_page .col_100 p {
    margin: 0 0 0.75em 0;
    font-size: 0.813em
    }
.description_page .col_65 {
    width: 63%;
    margin-left: 2%
    }
.list_page {
    color: #000;
    border-top: 2px solid #b53e3e;
    padding: 15px 0;
    margin-top: 10px
    }
.list_page > .col_65 {
    color: #cbac8e;
    font-size: 1.125em
    }
.list_page > .col_65 strong {
    color: #b53e3e
    }
.list_page > .col_35 {
    color: #9c9d9d;
    font-size: 0.813em
    }
.list_page > .col_35:before {
    content: "î";
    font-family: "icon";
    font-size: 4em;
    position: absolute;
    left: -1.25em;
    top: -10px;
    color: #cbac8e
    }
.affiche_page img {
    width: 100%;
    height: auto;
    box-shadow: 0 2px 3px #000
    }
.affiche_page .bouton {
    margin: 20px 0
    }
.button_search {
    color: #b53e3e;
    text-decoration: none;
    font-size: 1.75em;
    position: absolute;
    right: 3.5%;
    bottom: 13px
    }
.button_search:hover, .button_search:focus {
    color: #fff
    }
.generique .awd_simple_menus {
    margin-right: 35px
    }
/* Catalogue search */
.form_catalogue {
    float: left;
    padding: 1% 3.333%;
    width: 100%
    }
.form_catalogue.col_35 {
    width: 35%
    }
.form_catalogue header h1, .form_catalogue header .h1 {
    color: #cbac8e;
    position: relative;
    font-size: 3.75em;
    text-transform: inherit
    }
.form_catalogue header h1:after, .form_catalogue header .h1:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    height: 5px;
    width: 90px;
    background-color: #b53e3e
    }
.form_catalogue > .cols_wrapper {
    margin-bottom: 1%
    }
.form_catalogue .icon-search-tag {
    color: #fff;
    font-size: 2em;
    float: left;
    margin: -4px 5px 0 0
    }
.form_catalogue .txt-icon {
    color: #fff;
    text-transform: uppercase;
    font-size: 0.875em
    }
.form_catalogue .col_100 > div {
    border-bottom: 1px solid #9f9f9f;
    overflow: hidden;
    margin-bottom: 3%
    }
.form_catalogue input[type="text"] {
    border: 1px solid #dfdfdf;
    color: #5d5d5d;
    font: italic 1.125em "raleway", arial, sans-serif;
    background-image: url(library/images/bg_search.png);
    width: 88.5%;
    padding: 10px 10px 11px;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
    }
.form_catalogue input[type="text"]:focus {
    background: #fff;
    font-style: normal
    }
.form_catalogue input[type="submit"] {
    float: left;
    width: 45px;
    height: 45px;
    border: none;
    font-size: 1.75em;
    color: #b53e3e;
    background-color: #f0f0f0
    }
.form_catalogue input[type="submit"]:hover, .form_catalogue input[type="submit"]:focus {
    color: #fff
    }
.form_catalogue .col_25 {
    width: 21%;
    margin: 0 2% 1%
    }
.form_catalogue .col_25 > label {
    color: #cbac8e;
    font-size: 1.25em;
    position: relative;
    margin: -2px 0 0 5px
    }
.list_checkbox label, .list_checkbox input {
    display: inline-block
    }
.form_catalogue .col_25 > select {
    width: 100%;
    margin: 3% 0
    }
.box-search {
    position: relative
    }
.search-catalogue {
    position: absolute;
    top: 0;
    left: 0;
    width: 500px
    }
.form_catalogue.col_35 .search-catalogue {
    position: relative;
    top: inherit;
    left: inherit;
    width: auto
    }
.form_catalogue.col_35 .search-catalogue .h1 {
    margin-top: 0;
    margin-bottom: 0.67em;
    display: block
    }
.form_catalogue.col_35 .col_100 > div {
    margin: 10px 0 30px
    }
.form_catalogue.col_35 .col_25 {
    width: 46%;
    font-size: 0.688em
    }
.resultat {
    padding: 1% 3.33%;
    position: relative
    }
.resultat > header {
    border-bottom: 1px solid #dfdfdf
    }
.resultat > header > h1 {
    font-size: 3.75em
    }
.resultat > section > div {
    padding: 20px;
    font-size: 0.88em;
    position: relative
    }
.resultat > section > div h3 {
    margin: 0 0 10px 0;
    font-size: 1.25em
    }
.resultat > section > div p {
    margin: 0 0 10px 0
    }
.resultat > section > div h3 a, .resultat > section > div h3 a:visited {
    color: #cbac8e;
    text-decoration: none
    }
.resultat > section > div h3 a:hover, .resultat > section > div h3 a:focus {
    color: #8C302B;
    text-decoration: underline
    }
.resultat > section > div:nth-child(odd) {
    background-color: #2A2B2B
    }
.resultat > section > div:nth-child(even) {
    background-color: #323333
    }
.resultat > section aside {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 150px;
    height: auto
    }
.resultat > section aside > a, .resultat > section aside > a:visited {
    text-decoration: none;
    transition: all 0.4s ease
    }
.resultat > section aside > a:hover, .resultat > section aside > a:focus {
    opacity: 0.6
    }
.resultat > section aside img {
    max-width: 100%;
    height: auto
    }
.content_article_search {
    padding-left: 170px;
    min-height: 150px
    }
.content_article_search strong {
    color: #8c302b
    }
.content_article_search strong a, .content_article_search strong a:visited {
    text-decoration: none;
    color: #8c302b
    }
.content_article_search strong a:hover, .content_article_search strong a:focus {
    text-decoration: underline;
    color: #cbac8e
    }
.bandeau-catalogue {
    width: 100%;
    padding-left: 550px;
    overflow: hidden
    }
.bandeau-catalogue img {
    max-width: 100%;
    height: auto
    }
/*max-height: 245px;*/
/* - Tpl contact - */
.contact .article_page {
    color: #9d9d9d
    }
.contact .article_page a, .contact .article_page a:visited {
    color: #cbac8e
    }
.contact .article_page a:hover, .contact .article_page a:focus {
    color: #fff
    }
#googlemap {
    height: 500px;
    width: 100%
    }
.gm-style-iw * {
    display: block;
    width: 200px
    }
.gm-style-iw h4, .gm-style-iw p {
    margin: 0;
    padding: 0
    }
.gm-style-iw a {
    color: #4272db
    }
.contact .info_contact {
    position: absolute;
    top: 40px;
    left: 8%;
    z-index: 9999;
    background: url(library/images/bg_noir.png);
    padding: 40px;
    color: #fff
    }
.contact .info_contact p {
    margin-top: 0
    }
.contact .info_contact p a, .contact .info_contact p a:visited {
    color: #fff;
    display: block;
    border: 2px solid #fff;
    padding: 10px;
    text-transform: uppercase;
    text-decoration: none;
    margin: 1.5em 0 0;
    font: bold 1em "raleway", arial, sans-serif
    }
.contact .info_contact p a:hover, .contact .info_contact p a:focus {
    color: #4d4944;
    border: 2px solid #4d4944
    }
.contact table a, .contact table a:visited {
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    color: #B53E3E !important
    }
.contact table a:hover, .contact table a:focus {
    color: #fff !important
    }
.contact table {
    width: 100%
    }
.contact table td {
    padding: 15px
    }
.contact h2 {
    font-family: "raleway-t", arial, sans-serif
    }
.titre_contact {
    border-bottom: 1px solid #444;
    font-weight: bold;
    padding-bottom: 5px !important
    }
/* - Switch FILM / TV - */
/*.films .film_nav, .doc .tv_nav, */
.films .tv_col, .doc .cinema_col, .films .link_home_cinema, .doc .link_home_tv {
    display: none
    }
.generique .films .film_nav, .generique .doc .tv_nav {
    display: inline-block
    }
/* - page iframe - */
.lineup_page .col_50_left, .lineup_page .col_50_right {
    padding: 1% 3.33% 2%
    }
.lineup_page p {
    color: #fff
    }
.page_iframe iframe {
    width: 100%;
    border: none
    }
/* - liste lineup - */
.article_page > .col_100 {
    padding: 1% 3.33% 2%
    }
.liste_lineup {
    margin: 2% 0
    }
.liste_lineup > li {
    width: 29.3333%;
    padding: 1%;
    margin: 0 2% 2%;
    float: left;
    background-image: url(library/images/bg_rouge.png);
    position: relative
    }
.liste_lineup .date_lineup {
    top: 10px;
    left: 10px
    }
/* - pagination - */
.page-navigation {
    margin: 10px 0
    }
.atm_page_navi {
    margin: 0;
    padding: 0;
    list-style-type: none
    }
.atm_page_navi li {
    float: left
    }
.atm_page_navi li a, .atm_page_navi li a:visited, .bpn-current {
    display: block;
    padding: 5px 10px;
    color: #B53E3E;
    text-decoration: none;
    margin: 0 1px
    }
.atm_page_navi .bpn-current, .page-navigation .atm_page_navi li a:hover, .atm_page_navi li a:focus {
    background-color: #B53E3E !important;
    color: #fff !important
    }
/* Media query ================================================================================================ */
@media only screen and (max-width: 1720px) {
    .liste_film > li {
        margin: 0 2% 3%
        }
    }
@media only screen and (max-width: 1600px) {
    .liste_film > li {
        margin: 0 1.65% 3%;
        width: 245px;
        height: 325px
        }
    }
@media only screen and (max-width: 1400px) {
    /*.liste_film > li{height: 300px;}
    	.liste_film > li > img{height: 380px !important}*/
    .liste_film > li {
        margin: 0 6% 3%
        }
    }
@media only screen and (max-width: 1110px) {
    h1, .h1, .cinema_col > header .icon-camera, .tv_col > header .icon-television, .lineup_col .espace_lineup > header .icon-lineup, .btn_fiche .icon-search-fiche, .btn_play .icon-play, .lineup_col > footer .header_img .icon-television, .lineup_col > footer .header_img .icon-camera {
        font-size: 3em
        }
    .btn_play .txt-icon, .btn_fiche .txt-icon {
        font-size: 0.688em
        }
    .description_film > header h3, .liste_tv h3 {
        font-size: 1.115em
        }
    .description_film > header strong {
        font-size: 0.875em
        }
    .description_film .liste_tag > li > span {
        font-size: 0.688em
        }
    .liste_film .liste_tag > li {
        height: 13px
        }
    /*.liste_film > li > img{height: 300px !important}*/
    .entreprise .col_65 .h1 {
        font-size: 2em
        }
    .entreprise .col_65 {
        width: 55%
        }
    .entreprise .col_35 {
        width: 45%
        }
    .lineup_page .col_50_left {
        width: 35%
        }
    .lineup_page .col_50_right {
        width: 65%
        }
    .page_iframe iframe {
        height: 690px
        }
    .lineup_page header h1 {
        font-size: 3em
        }
    .archive .liste_tv > li {
        width: 30%
        }
    .liste_film > li {
        width: 159px;
        height: 210px;
        margin: 0 2% 3%
        }
    .liste_tv > li {
        width: 46%
        }
    }
@media only screen and (max-width: 940px) {
    .liste_film > li {
        width: 159px;
        height: 210px;
        margin: 0 1% 3%
        }
    }
@media only screen and (max-width: 870px) {
    h1, .h1, .cinema_col > header .icon-camera, .tv_col > header .icon-television, .lineup_col .espace_lineup > header .icon-lineup {
        font-size: 2.5em
        }
    .entreprise .col_65 .h1 {
        font-size: 1.5em
        }
    .entreprise .col_65 {
        width: 50%
        }
    .entreprise .col_35 {
        width: 50%
        }
    .entreprise p, .coordonnees {
        font-size: 0.875em
        }
    .bouton {
        font-size: 0.875em
        }
    .entreprise .bouton {
        width: 180px
        }
    .entreprise .bouton:hover, .entreprise .bouton:focus {
        width: 200px
        }
    .liste_film > li {
        margin: 0 6% 3%
        }
    /*
    	.liste_film > li{height: 370px;}
    	.liste_film > li > img{height: 370px !important}
    	.liste_film > li:nth-child(3n){margin:0 3% 3% 0;}
    	.liste_film > li:nth-child(even){margin-right: 0 !important;}*/
    .flex_home {
        height: 280px
        }
    .flex_home .slides img {
        max-height: 280px;
        width: auto !important
        }
    .description_page > .col {
        width: 100%;
        margin: 0 0 2% 0
        }
    .article_page h1 {
        font-size: 3.5em
        }
    .list_page > .col_65 {
        font-size: 0.813em
        }
    .bandeau-catalogue {
        display: none
        }
    .search-catalogue {
        position: relative;
        top: inherit;
        left: inherit;
        overflow: hidden;
        margin-bottom: 45px;
        width: 100%
        }
    }
@media only screen and (max-width: 750px) {
    /*.archive .liste_film_tv > li{width: 46%;}*/
    .awd_simple_menus > ul > li > a, .awd_simple_menus > ul > li > a:visited {
        padding: 5px 5px 10px;
        font-size: 0.875em
        }
    .cinema_col, .tv_col {
        width: 55%
        }
    .lineup_col {
        width: 45%
        }
    .coordonnees {
        margin-left: 135px;
        padding-left: 15px
        }
    .liste_tv > li {
        width: 100%;
        margin: 0
        }
    .liste_tv h3 {
        height: auto
        }
    .tv_col .flex-direction-nav {
        margin-top: 5%
        }
    .article_page > .col_65, .article_page > .col_35 {
        width: 50%
        }
    .list_page > .col_35, .list_page > .col_65 {
        width: 100%;
        margin-bottom: 2%
        }
    .list_page > .col_35::before {
        left: inherit;
        right: 0
        }
    .lineup_page .col_50 {
        width: 100%
        }
    .page_iframe iframe {
        height: 480px
        }
    .article_page header {
        margin-top: 10px
        }
    .article_page header h1 {
        font-size: 3em
        }
    .archive .liste_tv > li {
        width: 47%
        }
    .liste_film {
        padding-top: 10%
        }
    .liste_film > li {
        margin: 0 2% 3%;
        height: 190px;
        width: 144px
        }
    /*.liste_film > li{width: 100%;margin:0 0 3% 0 !important;}
    	.liste_film > li{height: auto;}
    	.liste_film > li > img{height: auto !important;width: 100% !important;}*/
    }
@media only screen and (max-width: 650px) {
    .flex_home .flex-control-nav {
        bottom: 4%
        }
    .position_header {
        width: 92%
        }
    .position_header > form input[type="text"] {
        width: 90%
        }
    .position_header > form input[type="submit"] {
        width: 10%
        }
    .awd_simple_menus {
        bottom: 12px
        }
    .awd_simple_menus > ul {
        display: none
        }
    .awd_simple_menus > .menu_deroulant {
        display: block;
        width: 250px
        }
    .awd_simple_menus > .menu_deroulant select {
        width: 100%;
        padding: 5px 10px;
        border: 1px solid #4c4e4e
        }
    .entreprise .col_35, .entreprise .col_65 {
        width: 100%
        }
    .entreprise .col_35 {
        margin-top: 5%
        }
    .form_catalogue .col_25 {
        width: 46%
        }
    .liste_film > li {
        margin: 0 20% 3%
        }
    }
@media only screen and (max-width: 540px) {
    .cinema_col, .tv_col, .lineup_col {
        width: 100%
        }
    .liste_tag, .flex_col li footer .txt-icon {
        display: none
        }
    .article_page header h1, .form_catalogue header h1 {
        font-size: 2em
        }
    .article_page > .col_65, .article_page > .col_35 {
        width: 100%;
        padding: 2% 3.33%
        }
    }
@media only screen and (max-width: 450px) {
    .archive .liste_film_tv > li {
        width: 96%;
        margin: 0 2% 20px
        }
    .position_header > form input[type="text"] {
        width: 80%
        }
    .position_header > form input[type="submit"] {
        width: 20%
        }
    .awd_simple_menus > .menu_deroulant {
        width: 150px
        }
    .entreprise > aside > img {
        width: 80px;
        height: auto
        }
    .coordonnees {
        margin-left: 90px
        }
    .form_catalogue .col_25 {
        width: 96%
        }
    .form_catalogue input[type="text"] {
        width: 80%
        }
    .archive .liste_tv > li {
        width: 96%
        }
    }
.clearfix:before, .clearfix:after {
    content: " ";
    display: table
    }
.clearfix:after {
    clear: both
    }
.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%
    }
.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
    }
/* Positionnement images Wordpress par dÃ©faut */
img.alignleft, div.alignleft {
    float: left;
    margin: 10px
    }
img.alignright, div.alignright {
    float: right;
    margin: 10px
    }
img.aligncenter, div.aligncenter {
    text-align: center;
    margin: 0 auto;
    display: block
    }
/* -- Formulaire WP -- */
.wpcf7-form {
    padding: 1% 0 3%;
    position: relative;
    width: 100%
    }
.wpcf7-form h1, .wpcf7-form h2, .wpcf7-form h3, .wpcf7-form h4, .wpcf7-form h5, .wpcf7-form h6 {
    color: #9a9f97;
    margin: 0 0 25px
    }
.wpcf7-form p {
    margin: 10px 0 0
    }
.wpcf7-form input[type="submit"] {
    background-color: #a57873;
    border: 0 none;
    color: #fff;
    display: inline-block;
    outline: 0 none;
    padding: 1% 5%
    }
.wpcf7-form input[type="submit"]:hover, .wpcf7-form input[type="submit"]:focus {
    background-color: #757474
    }
.wpcf7-form select {
    border: 1px solid #ddd;
    margin: 0;
    padding: 1% 2%;
    width: 100%;
    color: #6D6550
    }
.wpcf7-form textarea, .wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="password"], .wpcf7-form input[type="tel"] {
    border: 1px solid #ddd;
    color: #757474;
    margin: 0;
    padding: 1% 2%;
    width: 96%;
    font-style: italic
    }
.wpcf7-form textarea {
    min-height: 200px
    }
.wpcf7-form textarea:focus, .wpcf7-form input[type="text"]:focus, .wpcf7-form input[type="email"]:focus, .wpcf7-form input[type="password"]:focus, .wpcf7-form input[type="tel"]:focus {
    background-color: #efefef;
    color: #a57873
    }
.wpcf7-not-valid-tip, .wpcf7-not-valid-tip-no-ajax {
    background-color: #b2351c !important;
    border: medium none !important;
    color: #ededed !important;
    font-size: 0.75em !important;
    padding: 5px 10px !important
    }
.wpcf7-validation-errors {
    background-color: #b2351c;
    border: medium none !important;
    color: #fff !important;
    margin: 2% 0 !important;
    padding: 2% !important;
    text-align: center !important;
    width: 96%
    }
.wpcf7-mail-sent-ok {
    background-color: #93bc51;
    border: medium none !important;
    color: #fff !important;
    margin: 2% 0 !important;
    padding: 2% !important;
    text-align: center !important;
    width: 96%
    }
.wpcf7-form-control-wrap {
    display: block !important;
    position: relative
    }
/* Print */
@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
        }
    a, a:visited {
        text-decoration: underline
        }
    a[href]:after {
        content: ""
        }
    abbr[title]:after {
        content: ""
        }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
        content: ""
        }
    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
        }
    thead {
        display: table-header-group
        }
    tr, img {
        page-break-inside: avoid
        }
    img {
        max-width: 100% !important
        }
    @page {
        margin: 0.5cm
        }
    p, h2, h3 {
        orphans: 3;
        widows: 3
        }
    h2, h3 {
        page-break-after: avoid
        }
    }
/* Skype phone */
span.skype_pnh_container {
    display: none !important
    }
span.skype_pnh_print_container {
    display: inline !important
    }
/* iPad phone */
a[href^=tel] {
    color: inherit;
    text-decoration: none
    }
/* Apparence input webkit */
input {
    /*-webkit-appearance: none; */
    border-radius: 0
    }