@charset 'UTF-8';
/*-----------------------------------------------------------------------------------------------------
    [Master Stylesheet]
		by : mr-rayures.com
    Version : 1.0

    Projet : 
    Website : 
  
-------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------
    [variables]
    
    + Neat
    + Breackpoint
    + Typo
-------------------------------------------------------------------------------------------------------*/
/* Neat Overrides */
/* Breakpoint */
/* Typo */
/* Animation */
/*-----------------------------------------------------------------------------------------------------
    [mixins]
-------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------
    [settings]
-------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------
    [Reset]

    http://meyerweb.com/eric/tools/css/reset/ 
    v2.0 | 20110126
    License: none (public domain)    
-------------------------------------------------------------------------------------------------------*/
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,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  font-size: 100%;
  margin: 0;
  padding: 0;
  border: 0;
    /*font: inherit;
  vertical-align: baseline;*/
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
    /*list-style: none;*/
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}



/* quick print reset */
@media print {
  p,
    blockquote {
    orphans: 2;
    widows: 2;
  }

  blockquote,
    ul,
    ol {
    page-break-inside: avoid;
  }

  h1,
    h2,
    h3,
    caption {
    page-break-after: avoid;
  }

  * {
    color: black !important;
    background: transparent !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
            filter: none !important;
    -ms-filter: none !important;
  }
    /* Black prints faster: h5bp.com/s */
  a,
    a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: ' (' attr(href) ')';
  }

  abbr[title]:after {
    content: ' (' attr(title) ')';
  }

  .ir a:after,
    a[href^='javascript:']:after,
    a[href^='#']:after {
    content: '';
  }
    /* Don't show links for images, or javascript/internal links */
    pre,
    blockquote
    {
        border: 1px solid #999;

        page-break-inside: avoid;
    }
    thead
    {
        display: table-header-group;
    }
    /* h5bp.com/t */
    tr,
    img
    {
        page-break-inside: avoid;
    }
    img
    {
        max-width: 100% !important;
    }
    @page
    {
        margin: .5cm;
    }
    p,
    h2,
    h3
    {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3
    {
        page-break-after: avoid;
    }
}

/* orientation iOS font-size fix */
@media (orientation: landscape) and (max-device-width: 720px)
{
    html,
    body
    {
        -webkit-text-size-adjust: 100%;
    }
}

/*-----------------------------------------------------------------------------------------------------
    [colors]
-------------------------------------------------------------------------------------------------------*/
/* Application colors */
/* Typography colors */
/* Category colors */
/* Shades of grey */
/* Alerts colors */
/* Social colors */
/*-----------------------------------------------------------------------------------------------------
    [typography]
-------------------------------------------------------------------------------------------------------*/
body
{
    font-family: Arial, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 140%; 

    color: #333;
}

h1,
h2,
h3,
h4,
h5,
h6
{
    font-family: 'Noto Serif', serif;
    line-height: 120%; 

    margin: 0;

    color: #121210;
}

h1,
.h1-like
{
    font-size: 32px;
}
@media only screen and (max-width: 720px)
{
    h1,
    .h1-like
    {
        font-size: 18px;
    }
}

h2,
.h2-like
{
    font-size: 18px;
}
@media only screen and (max-width: 720px)
{
    h2,
    .h2-like
    {
        font-size: 15px;
    }
}

h3,
.h3-like
{
    font-size: 15px;
}
@media only screen and (max-width: 720px)
{
    h3,
    .h3-like
    {
        font-size: 14px;
    }
}

h4,
.h4-like
{
    font-size: 14px;
}

h5,
.h5-like
{
    font-size: 14px;
}

h6,
.h6-like
{
    font-size: 14px;
}

/*-----------------------------------------------------------------------------------------------------
    [helpers]
-------------------------------------------------------------------------------------------------------*/

.can-2019
	{
		background: #2d440f;
	}

.people237
    {
        background: #000;
    }	
	
.clear
{
    clear: both;
}

.clearfix:after
{
    display: block;
    visibility: hidden;
    clear: both; 

    height: 0;

    content: ' ';
}

@media only screen and (max-width: 720px)
{
    .desktop-only
    {
        display: none !important;
    }
}

.mobile-only
{
    display: none !important;
}
@media only screen and (max-width: 720px)
{
    .mobile-only
    {
        display: block !important;
    }
}

/*-----------------------------------------------------------------------------------------------------
    [Grid]
-------------------------------------------------------------------------------------------------------*/
.container
{
    max-width: 1200px;
    margin: 0 auto;
}

/*-----------------------------------------------------------------------------------------------------
    [commons]
-------------------------------------------------------------------------------------------------------*/
*
{
    box-sizing: border-box;
}

/*
::-webkit-selection { background : #ccc; }
::-moz-selection { background : #ccc; }
::selection { background : #ccc; }
*/
@media only screen and (max-width: 720px)
{
    #wpadminbar
    {
        display: none;
    }
}

body
{
    padding-top: 160px; 

    background: #f9f9f9;
}
@media only screen and (max-width: 720px)
{
    body
    {
        padding-top: 52px;
    }
}
body.full-jdmad
{
    overflow-x: hidden; 

    padding-top: 500px;
}
@media only screen and (max-width: 1200px)
{
    body.full-jdmad
    {
        padding-top: 41%;
    }
}
@media only screen and (max-width: 1024px)
{
    body.full-jdmad
    {
        padding-top: 44%;
    }
}
@media only screen and (max-width: 960px)
{
    body.full-jdmad
    {
        padding-top: 46%;
    }
}
@media only screen and (max-width: 820px)
{
    body.full-jdmad
    {
        padding-top: 48%;
    }
}
@media only screen and (max-width: 720px)
{
    body.full-jdmad
    {
        padding-top: 52px;
    }
}
body.admin-bar
{
    /*padding-top: 192px;*/
}
@media only screen and (max-width: 720px)
{
    body.admin-bar
    {
        /*padding-top: 52px;*/
        padding-top: 0;
    }
}

a
{
    text-decoration: none;

    color: #121210;
}
a:hover
{
    text-decoration: none; 

    color: #333;
}

ul,
ol
{
    margin: 0;

    list-style: none;
}

p
{
    margin: 0;
}

img
{
    display: block; 

    max-width: 100%;
    height: auto;
}
@media only screen and (max-width: 720px)
{
    img
    {
        width: 100%;
        max-width: 100%;
    }
}

blockquote
{
    font-family: 'Noto Sans', sans-serif;
    font-size: 13px;
    font-style: normal;
    line-height: 140%; 

    color: #121210;
}
blockquote p:before
{
    content: ' “ ';

    color: #121210;
}
blockquote p:after
{
    content: ' ” ';

    color: #121210;
}
blockquote span
{
    font-size: 13px;

    display: block; 

    text-align: right;

    color: #888884;
}

hr
{
    height: 1px; 

    border: none;
    background: #f0f0f0;
}

table
{
    border-spacing: 0; 
    border-collapse: collapse;
}
table th
{
    padding: .2em;

    text-align: left; 

    border: 1px solid gray;
}
table td
{
    padding: .2em; 

    border: 1px solid gray;
}

.txtleft
{
    text-align: left;
}

.txtright
{
    text-align: right;
}

.txtcenter
{
    text-align: center;
}

.hidden
{
    visibility: hidden;
}

img.alignright
{
    float: right;

    margin: 0 0 1em 1em;
}

img.alignleft
{
    float: left;

    margin: 0 1em 1em 0;
}

img.aligncenter
{
    display: block;

    margin-right: auto; 
    margin-left: auto;
}

a img.alignright
{
    float: right;

    margin: 0 0 1em 1em;
}

a img.alignleft
{
    float: left;

    margin: 0 1em 1em 0;
}

a img.aligncenter
{
    display: block;

    margin-right: auto; 
    margin-left: auto;
}

/*-----------------------------------------------------------------------------------------------------
    [Buttons]

    + Primary
    + Secondary
-------------------------------------------------------------------------------------------------------*/
.primary-btn,
.secondary-btn
{
    display: inline-block;
}
.primary-btn:hover,
.secondary-btn:hover
{
    opacity: .8;
}

/* === Primary === */
.primary-btn
{
    font-family: 'Noto Sans', sans-serif;
    font-size: 16px; 

    position: relative;

    height: 38px;
    padding: 8px 20px 0 20px;

    text-align: center;

    color: #fff;
    border-radius: 3px;
    background: #2d440f;
}
.primary-btn [class*='icon-']
{
    font-size: 14px;

    position: absolute;
    top: 50%;
    left: 20px;

    margin-top: -8px;
}
.primary-btn.left-icon
{
    padding-right: 50px; 
    padding-left: 50px;
}
.primary-btn:hover
{
    color: #fff;
}

input.primary-btn,
button.primary-btn
{
    padding-top: 0; 

    border: none;
}

/* === Secondary === */
.secondary-btn
{
    font-family: 'Noto Sans', sans-serif;
    font-size: 16px;

    position: relative;

    height: 30px;
    padding: 0 15px 0 25px;

    cursor: pointer;
    transition: 300ms; 
    text-align: center;
    text-transform: uppercase;

    opacity: 1;
    color: #fff;
    border: none;
    border-radius: 2px;
    background: #121210;
}
.secondary-btn [class*='icon-']:before
{
    font-size: 10px;

    position: absolute;
    top: 50%;
    left: 10px;

    margin-top: -5px; 

    color: #fff;
}
.secondary-btn:hover
{
    opacity: .8;
}

/* === Back Top === */
.back-top
{
    position: fixed;
    z-index: 9;
    right: 30px;
    bottom: 10px;

    visibility: hidden;

    width: 50px;
    height: 50px;

    transition: 300ms; 
    text-align: center;

    opacity: 0;
    background: #2d440f;
}
@media only screen and (max-width: 720px)
{
    .back-top
    {
        right: 10px;
    }
}
.back-top.active
{
    bottom: 130px;

    visibility: visible;

    opacity: 1;
}
@media only screen and (max-width: 720px)
{
    .back-top.active
    {
        bottom: 10px;
    }
}
.back-top [class*='icon-']:before
{
    font-size: 24px;

    position: relative;
    top: 14px;

    transition: 300ms; 

    color: #fff;
}
.back-top span
{
    display: none;
}
.back-top:hover [class*='icon-']:before
{
    top: 10px;
}

/*=== Menu & search BTN === */
.menu-btn,
.search-btn
{
    position: absolute;
    top: 0;

    display: none;

    width: 50px;
    height: 50px;

    cursor: pointer; 

    border: none;
    background: none;
}
@media only screen and (max-width: 720px)
{
    .menu-btn,
    .search-btn
    {
        display: block;
    }
}
.menu-btn span,
.search-btn span
{
    display: none;
}

.menu-btn
{
    left: 0;
}
.menu-btn .svg-menu
{
    width: 22px; 

    fill: #5c5c5c;
}

.search-btn
{
    right: 0;
}
.search-btn [class*='icon-']:before
{
    font-size: 22px;

    color: #5c5c5c;
}




/*=== Menu & search BTN === */
.menu-btn,
.search-btn2
{
	position: absolute;
	display: none;
	width: 50px;
	height: 50px;
	cursor: pointer;
	border: none;
	background: none;
	left: 230px;
	top: 0px;
}
@media only screen and (max-width: 720px)
{
    .menu-btn,
    .search-btn2
    {
        display: block;
    }
}
.menu-btn span,
.search-btn2 span
{
    display: none;
}

.menu-btn
{
    left: 0;
}
.menu-btn .svg-menu
{
    width: 22px; 

    fill: #5c5c5c;
}

.search-btn2
{
    right: 100;
}
.search-btn2 [class*='icon-']:before
{
    font-size: 22px;

    color: #5c5c5c;
}




/* === Calendar btn === */
.open-calendar,
.close-calendar
{
    font-family: 'Noto Sans', sans-serif;

    position: absolute;
    top: 18px;
    right: 10px;

    display: none;

    cursor: pointer; 

    border: none;
    background: none;
}
@media only screen and (max-width: 720px)
{
    .open-calendar,
    .close-calendar
    {
        display: block;
    }
}
.open-calendar [class*='icon-']:before,
.close-calendar [class*='icon-']:before
{
    font-size: 10px;

    position: relative;
    top: 1px;

    display: inline-block; 

    margin-left: 5px;
}

.close-calendar
{
    top: auto; 
    bottom: 0;
}

/*-----------------------------------------------------------------------------------------------------
    [Forms]

    + Basics
        _Error

    + Custom select
    + Custom Checkbox & Radio
-------------------------------------------------------------------------------------------------------*/
/* Basics
-------------------------------------------------------------------------------------------------------*/
form
{
    max-width: 600px;
}
@media only screen and (max-width: 720px)
{
    form
    {
        max-width: none;
    }
}
form p
{
    display: flex;
    clear: both;

    margin-bottom: 20px;

    align-items: center;
}
@media only screen and (max-width: 1024px)
{
    form p
    {
        display: block;
    }
}
form p.label-top
{
    align-items: flex-start;
}
form label
{
    font-weight: 400;

    display: block;

    width: 150px; 

    color: #333;
}
@media only screen and (max-width: 1024px)
{
    form label
    {
        width: auto; 
        margin-bottom: 10px;
    }
}
form button,
form input,
form select,
form textarea
{
    font-family: Arial, Helvetica, Arial, sans-serif;
    font-size: 100%;
}
form input[type='text'],
form input[type='email'],
form input[type='date'],
form input[type='password'],
form textarea,
form select
{
    width: 300px;
    height: 38px;
    padding: 0 10px;

    color: #333;
    border: 1px solid #eee;
    -webkit-border-radius: 0;
    background: #fff;
    /*-webkit-appearance: none !important;*/
}
@media only screen and (max-width: 1024px)
{
    form input[type='text'],
    form input[type='email'],
    form input[type='date'],
    form input[type='password'],
    form textarea,
    form select
    {
        width: 100%;
    }
}
form textarea
{
    width: 450px;
    height: 200px;
    padding: 10px;

    vertical-align: top;
}
@media only screen and (max-width: 1024px)
{
    form textarea
    {
        width: 100%;
    }
}
form button,
form input[type='submit']
{
    padding: 0;

    cursor: pointer;
}
form select[multiple='multiple']
{
    height: auto;
}
form input[type='radio'],
form input[type='checkbox']
{
    margin: 0 5px 0 0;
}
form form input:disabled
{
    font-style: italic; 

    background: #f0f0f0;
    box-shadow: none;
}
form input[type='text']:focus,
form input[type='email']:focus,
form input[type='date']:focus,
form input[type='password']:focus,
form textarea:focus,
form select:focus
{
    border: 1px solid #888;
}
form .wpcf7-form-control-wrap
{
    text-align: right;
}
form .wpcf7-form-control-wrap .recaptcha
{
    display: inline-block;

    margin-bottom: 20px;
}
form .submit-field
{
    text-align: right;

    justify-content: flex-end;
}
form .submit-field .secondary-btn
{
    height: 35px; 
    padding-top: 0 !important;
    padding-bottom: 0 !important;

    text-transform: uppercase !important;
}
form .submit-field .secondary-btn [class*='icon-']:before
{
    position: relative;
    top: auto;
    left: -10px;
}

/* === Error & Alert === */
form .error-field label
{
    color: #ff4160;
}

form .error-field input[type='text'],
form .error-field input[type='email'],
form .error-field input[type='date'],
form .error-field input[type='password'],
form .error-field textarea,
form .error-field select,
form .error-field .customSelect
{
    border: 1px solid #ff4160;
}

form .error-info
{
    font-size: 14px;
    font-weight: 600;
    font-style: italic;

    position: relative;

    display: block;

    max-width: 470px; 
    margin: 10px 0 0 0;
    padding: 10px;

    color: #fff;
    background: #ff4160;
}

form .valid-field input[type='text'],
form .valid-field input[type='email'],
form .valid-field input[type='date'],
form .valid-field input[type='password'],
form .valid-field textarea,
form .valid-field select,
form .valid-field .customSelect
{
    border: 1px solid #0047bb;
}

span.wpcf7-not-valid-tip
{
    padding-top: 5px;

    text-align: left;

    color: #ff4160 !important;
}

.wpcf7-response-output
{
    border: none !important;
}
.wpcf7-response-output.wpcf7-validation-errors
{
    margin: 0; 
    padding: 10px;

    color: #fff;
    border: none;
    background: #ff4160;
}
.wpcf7-response-output.wpcf7-validation-valid,
.wpcf7-response-output.wpcf7-mail-sent-ok
{
    margin: 0; 
    padding: 10px;

    color: #fff;
    border: none;
    background: #2d440f;
}

div.wpcf7 img.ajax-loader
{
    width: auto;
    height: auto;
}

/* Custom select pointer
/* DOC : Filament Group | Doc : https://github.com/filamentgroup/select-css/
-------------------------------------------------------------------------------------------------------*/
.custom-select
{
    position: relative;

    display: block;

    max-width: 470px; 

    border: 1px solid #f3f3f3;
}

.custom-select select
{
    box-sizing: border-box;
    width: 100%;
    margin: 0;

    border: 1px solid transparent;
    outline: none;
    background: #fff;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.custom-select:after
{
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 1em;

    width: 12px;
    height: 8px;
    margin-top: -4px;

    content: '';
    pointer-events: none; 

    background-image: url('../img/custom-select-pointer.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.custom-select:hover
{
    border-color: #888;
}

.custom-select select:focus
{
    /*border-color: $grey-darker;*/
    border-color: #fff; 
    outline: none;
}

.custom-select option
{
    font-weight: normal;
}

/* START OF UGLY BROWSER-SPECIFIC HACKS */
x:-o-prefocus,
.custom-select::after
{
    display: none;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
{
    .custom-select select::-ms-expand
    {
        display: none;
    }
    .custom-select select:focus::-ms-value
    {
        color: #222; 
        background: transparent;
    }
}

@-moz-document url-prefix()
{
    .custom-select
    {
        overflow: hidden;
    }
    .custom-select select
    {
        width: 120%;
        width:      calc(100% + em);
    }
}

.custom-select select:-moz-focusring
{
    color: transparent;
    text-shadow: 0 0 0 #000;
}

/* Custom Checkbox & Radio
/* DOC : http://www.creativejuiz.fr/blog/tutoriels/personnaliser-aspect-boutons-radio-checkbox-css
-------------------------------------------------------------------------------------------------------*/
form .custom-checkbox,
form .custom-radio
{
    line-height: 100%;
}

form .custom-radio input + label
{
    margin-right: 20px;
    padding-top: 4px;
}

form .custom-checkbox input[type='checkbox']:not(:checked),
form .custom-checkbox input[type='checkbox']:checked,
form .custom-radio input[type='radio']:not(:checked),
form .custom-radio input[type='radio']:checked
{
    position: absolute;
    left: -9999px;
}

form .custom-checkbox input[type='checkbox']:not(:checked) + label,
form .custom-checkbox input[type='checkbox']:checked + label,
form .custom-radio input[type='radio']:not(:checked) + label,
form .custom-radio input[type='radio']:checked + label
{
    position: relative;

    padding-left: 30px;

    cursor: pointer;
}

form .custom-checkbox label
{
    margin-bottom: 10px;
}

form .custom-checkbox input[type='checkbox']:not(:checked) + label:before,
form .custom-checkbox input[type='checkbox']:checked + label:before,
form .custom-radio input[type='radio']:not(:checked) + label:before,
form .custom-radio input[type='radio']:checked + label:before
{
    position: absolute;
    top: 3px;
    left: 1px;

    width: 16px;
    height: 16px;

    content: '';

    border: 1px solid #f3f3f3;
    background: #fff;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

form .custom-checkbox input[type='checkbox']:not(:checked) + label:before,
form .custom-checkbox input[type='checkbox']:checked + label:before
{
    top: -1px;

    border-radius: 4px;
}

form .custom-radio input[type='radio']:not(:checked) + label:before,
form .custom-radio input[type='radio']:checked + label:before
{
    border-radius: 20px;
}

form .custom-checkbox input[type='checkbox']:checked + label:before,
form .custom-radio input[type='radio']:checked + label:before
{
    border: 1px solid #f3f3f3;
}

form .custom-checkbox input[type='checkbox']:not(:checked) + label:after,
form .custom-checkbox input[type='checkbox']:checked + label:after,
form .custom-radio input[type='radio']:not(:checked) + label:after,
form .custom-radio input[type='radio']:checked + label:after
{
    font-size: 14px;

    position: absolute;
    top: 0;
    left: 5px;

    content: '✔';
    transition: 300ms; 

    color: #121210;
}

form .custom-radio input[type='radio']:not(:checked) + label:after,
form .custom-radio input[type='radio']:checked + label:after
{
    top: 8px;
    left: 6px;

    width: 8px;
    height: 8px;

    content: '';

    border-radius: 10px; 
    background: #121210;
}

form .custom-checkbox input[type='checkbox']:not(:checked) + label:after,
form .custom-radio input[type='radio']:not(:checked) + label:after
{
    -webkit-transform: scale(0);
            transform: scale(0); 

    opacity: 0;
}

form .custom-checkbox input[type='checkbox']:checked + label:after,
form .custom-radio input[type='radio']:checked + label:after
{
    -webkit-transform: scale(1);
            transform: scale(1); 

    opacity: 1;
}

form .custom-checkbox input[type='checkbox']:disabled:not(:checked) + label:before,
form input[type='checkbox']:disabled:checked + label:before
{
    border-color: #bbb;
    background-color: #ddd; 
    box-shadow: none;
}

form .custom-checkbox input[type='checkbox']:disabled:checked + label:after
{
    color: #999;
}

form .custom-checkbox input[type='checkbox']:disabled + label
{
    color: #aaa;
}

form .custom-checkbox input[type='checkbox']:checked:focus + label:before,
form .custom-checkbox input[type='checkbox']:not(:checked):focus + label:before
{
    /*border: 1px dotted blue; */
}

/*-----------------------------------------------------------------------------------------------------
    [form-search]
-------------------------------------------------------------------------------------------------------*/
.form-search
{
    position: relative;
}
.form-search input[type='text']
{
    width: 290px;
}
@media only screen and (max-width: 720px)
{
    .form-search input[type='text']
    {
        float: left;

        width: 78%;
    }
}
.form-search button
{
    position: absolute;
    top: 0;
    right: 0;

    width: 37px;
    height: 37px;

    border: none;
    background: none;
}
@media only screen and (max-width: 720px)
{
    .form-search button
    {
        font-style: 16px;

        position: relative;
        top: auto;
        right: auto;

        float: right;

        width: auto;
        width: 20%;
        height: 37px;
        padding: 0 10px 0 20px;

        text-transform: uppercase;

        color: #fff;
        border-radius: 2px; 
        background: #121210;
    }
}
.form-search button [class*='icon-']
{
    font-size: 20px;

    position: relative;
    top: 3px;

    transition: 300ms; 

    opacity: 1;
}
@media only screen and (max-width: 720px)
{
    .form-search button [class*='icon-search']
    {
        display: none;
    }
}
.form-search button [class*='icon-arrow-right']
{
    position: absolute;
    top: 50%;
    left: 10px;

    display: none;

    margin-top: -13px;
}
@media only screen and (max-width: 720px)
{
    .form-search button [class*='icon-arrow-right']
    {
        display: inline-block;
    }
}
.form-search button [class*='icon-arrow-right']:before
{
    font-size: 12px;

    color: #fff;
}
.form-search button:hover [class*='icon-']
{
    opacity: .6;
}
.form-search button span
{
    display: none;
}
@media only screen and (max-width: 720px)
{
    .form-search button span
    {
        display: inline-block;
    }
}

/*-----------------------------------------------------------------------------------------------------
    [form-newsletter]
-------------------------------------------------------------------------------------------------------*/
.form-newsletter
{
    position: relative;
}
.form-newsletter p
{
    display: block;
}
@media only screen and (max-width: 720px)
{
    .form-newsletter p
    {
        margin-bottom: 0;
    }
}
.form-newsletter .custom-select
{
    margin-bottom: 10px;
}
.form-newsletter .newsletter-email
{
    float: left;

    width: 83%;
}
.form-newsletter .newsletter-email input
{
    width: 100%;
}
.form-newsletter input[type='submit']
{
    float: right;

    width: 38px;
    height: 38px;

    border: none;
}

/*-----------------------------------------------------------------------------------------------------
    [form-comment]
-------------------------------------------------------------------------------------------------------*/
.fb-comments
{
    display: block !important;
}
.fb-comments span
{
    display: block !important; 

    width: 100% !important;
}
.fb-comments span iframe
{
    width: 100% !important;
}
.page-webtv .fb-comments
{
    background: #fff;
}

.comment-form
{
    position: relative;
}
.comment-form p
{
    display: block;
}
.comment-form p.comment-form-author
{
    max-width: 280px;
}
.comment-form p.comment-form-email
{
    max-width: 280px;
}
.comment-form p label
{
    font-weight: normal;

    width: auto; 
    margin-bottom: 5px;

    color: #888884;
}
.comment-form p input[type='text'],
.comment-form p input[type='email'],
.comment-form p textarea
{
    width: 100%; 

    border: 1px solid #d6d6d6;
}
.comment-form p.form-submit
{
    text-align: right;
}
.comment-form p.form-submit button
{
    display: inline-block;
}
.page-webtv .comment-form p label
{
    color: #fff;
}

@font-face
{
    font-family: 'icons';

    src: url('../fonts/icons.eot');
    src: url('../fonts/icons.eot?#iefix') format('eot'), url('../fonts/icons.woff2') format('woff2'), url('../fonts/icons.woff') format('woff'), url('../fonts/icons.ttf') format('truetype'), url('../fonts/icons.svg#icons') format('svg');
}

[class*='icon-']:before
{
    font-family: 'icons';
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    /* speak: none; only necessary if not using the private unicode range (firstGlyph option) */

    text-decoration: none;
    text-transform: none; 

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-2-left:before
{
    content: '\E001';
}

.icon-arrow-2-right:before
{
    content: '\E002';
}

.icon-arrow-down:before
{
    content: '\E003';
}

.icon-arrow-left:before
{
    content: '\E004';
}

.icon-arrow-right:before
{
    content: '\E005';
}

.icon-arrow-top:before
{
    content: '\E006';
}

.icon-bubble-2:before
{
    content: '\E007';
}

.icon-bubble:before
{
    content: '\E008';
}

.icon-calendar:before
{
    content: '\E009';
}

.icon-clock:before
{
    content: '\E00A';
}

.icon-close:before
{
    content: '\E00B';
}

.icon-download:before
{
    content: '\E00C';
}

.icon-email-2:before
{
    content: '\E00D';
}

.icon-email:before
{
    content: '\E00E';
}

.icon-facebook:before
{
    content: '\E00F';
}

.icon-google:before
{
    content: '\E010';
}

.icon-home:before
{
    content: '\E011';
}

.icon-jdc:before
{
    content: '\E012';
}

.icon-jdm:before
{
    content: '\E013';
}

.icon-jdmtv:before
{
    content: '\E014';
}

.icon-menu:before
{
    content: '\E015';
}

.icon-minus:before
{
    content: '\E016';
}

.icon-newspaper:before
{
    content: '\E017';
}

.icon-plus:before
{
    content: '\E018';
}

.icon-question:before
{
    content: '\E019';
}

.icon-quote:before
{
    content: '\E01A';
}

.icon-rss:before
{
    content: '\E01B';
}

.icon-search:before
{
    content: '\E01C';
}

.icon-star:before
{
    content: '\E01D';
}

.icon-twitter:before
{
    content: '\E01E';
}

.icon-whatsapp:before
{
    content: '\E01F';
}

/*-----------------------------------------------------------------------------------------------------
    [breadcrumb]
-------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------
    [pagination]
-------------------------------------------------------------------------------------------------------*/
.block-pagination
{
    margin-bottom: 60px; 

    text-align: center;
}
@media only screen and (max-width: 720px)
{
    .block-pagination
    {
        margin-bottom: 20px;
    }
}
.block-pagination .wp-pagenavi
{
    display: inline-block;
}
.block-pagination .pages
{
    display: none;
}
.block-pagination a,
.block-pagination span
{
    font-family: 'Noto Sans', sans-serif;
    font-size: 15px;

    display: block;
    float: left;

    width: 36px;
    height: 36px;
    margin-right: -1px; 
    padding-top: 8px;

    text-align: center;

    color: #121210;
    border: 1px solid #eee;
}
.block-pagination .current
{
    width: 36px;
    height: 36px;
    padding-top: 8px;

    text-align: center;

    color: #fff; 
    background: #121210;
}
.block-pagination .page:hover
{
    color: #fff; 
    background: #121210;
}
.block-pagination .nextpostslink,
.block-pagination .previouspostslink,
.block-pagination .last,
.block-pagination .first
{
    width: auto;
    padding-right: 10px; 
    padding-left: 10px;
}
.block-pagination .nextpostslink:hover,
.block-pagination .previouspostslink:hover,
.block-pagination .last:hover,
.block-pagination .first:hover
{
    color: #fff; 
    background: #121210;
}
.block-pagination .nextpostslink,
.block-pagination .previouspostslink
{
    display: none;
}
.page-webtv .block-pagination a,
.page-webtv .block-pagination span,
.page-gallery .block-pagination a,
.page-gallery .block-pagination span
{
    color: #fff;
    border-color: #141414;
}
.page-webtv .block-pagination .current,
.page-gallery .block-pagination .current
{
    color: #000; 
    background: #fff;
}
.page-webtv .block-pagination .page:hover,
.page-gallery .block-pagination .page:hover
{
    color: #000; 
    background: #fff;
}
.page-webtv .block-pagination .nextpostslink:hover,
.page-webtv .block-pagination .previouspostslink:hover,
.page-webtv .block-pagination .last:hover,
.page-webtv .block-pagination .first:hover,
.page-gallery .block-pagination .nextpostslink:hover,
.page-gallery .block-pagination .previouspostslink:hover,
.page-gallery .block-pagination .last:hover,
.page-gallery .block-pagination .first:hover
{
    color: #000; 
    background: #fff;
}

/*.pagination {
	text-align: center;
	margin-bottom: 60px;
	ul {
		display: inline-block;
		border-top: 1px solid $border;
		border-bottom: 1px solid $border;
		li {
			float: left;
			font-family: $noto-sans;
			font-size: 15px;
			a {
				display: block;
				width: 36px;
				height: 36px;
				color: $title-font;
				text-align: center;
				padding-top: 8px;
				border-right: 1px solid $border;
				&:hover {
					background: $title-font;
					color: #FFF;
				}
			}
			&.active {
				background: $title-font;
				width: 36px;
				height: 36px;
				text-align: center;
				padding-top: 8px;
				color: #FFF;
			}
			&.next,
			&.previous {
				a {
					width: auto;
					padding-left: 10px;
					padding-right: 10px;
				}
			}
			&:first-child {
				border-left: 1px solid $border;
			}
		}
	}
	.page-webtv & {
		ul {
			border-top: 1px solid #141414;
			border-bottom: 1px solid #141414;
			li {
				a {
					color: #FFF;
					border-right: 1px solid #141414;
					&:hover {
						background: #FFF;
						color: #000;
					}
				}
				&.active {
					background: #FFF;
					color: #000;
				}
				&:first-child {
					border-left: 1px solid #141414;
				}
			}
		}
	}
}*/
/*-----------------------------------------------------------------------------------------------------
    [social-link]
-------------------------------------------------------------------------------------------------------*/
.social-link li a [class*='icon']
{
    color: #d3d3d2;
}

.social-link2 li a [class*='icon']
{
    color: #d3d3d2;
}

.social-link li a:hover
{
    text-decoration: none;
}
.social-link li a:hover [class*='icon']
{
    color: #333;
}

.social-link li.twitter a
{
    background: #55acee;
}
.social-link li.twitter a [class*='icon']
{
    color: #fff;
}

.social-link li.facebook a
{
    background: #3b5998;
}
.social-link li.facebook a [class*='icon']
{
    color: #fff;
}

.social-link li.google a
{
    background: #db4a37;
}
.social-link li.google a [class*='icon']
{
    color: #fff;
}

.social-link li.whatsapp a
{
    background: #25d366;
}
.social-link li.whatsapp a [class*='icon']
{
    color: #fff;
}

.social-link li.email a
{
    background: #ff8306;
}
.social-link li.email a [class*='icon']
{
    color: #fff;
}

.social-link li.rss a
{
    background: #333;
}
.social-link li.rss a [class*='icon']
{
    color: #fff;
}

.footer .social-link
{
    text-align: center;
}
.footer .social-link li
{
    display: inline-block;

    margin: 0 5px;
}

.footer .social-link2
{
    text-align: center;
}
.footer .social-link2 li
{
    display: inline-block;

    margin: 0 5px;
}


.footer .social-link li a
{
    position: relative;

    display: block;

    width: 40px;
    height: 40px;

    border-radius: 3px;
}


.footer .social-link2 li a
{
    position: relative;

    display: block;

    width: 140px;

    border-radius: 3px;
}


.footer .social-link li a [class*='icon']
{
    font-size: 24px;

    position: absolute;
    top: 50%;
    left: 50%;

    margin: -9px 0 0 -12px; 

    color: #fff;
}
.footer .social-link li a:hover
{
    text-decoration: none;

    opacity: .8;
}
.footer .social-link li a:hover [class*='icon']
{
    color: #fff;
}

.post-infos .social-link
{
    text-align: center;
}
.post-infos .social-link li
{
    float: left;

    margin: 0 0 0 4px;
}
@media only screen and (max-width: 720px)
{
    .post-infos .social-link li
    {
        margin: 0 4px 0 0;
    }
}
.post-infos .social-link li:first-child
{
    font-family: 'Noto Sans', sans-serif; 

    padding: 3px 20px 0 10px;

    color: #888884;
}
.post-infos .social-link li a
{
    position: relative; 

    display: block;

    width: 26px;
    height: 26px;
}
.post-infos .social-link li a [class*='icon']
{
    font-size: 16px;

    position: absolute;
    top: 50%;
    left: 50%;

    margin: -9px 0 0 -8px; 

    color: #fff;
}
.post-infos .social-link li a:hover
{
    text-decoration: none;

    opacity: .8;
}
.post-infos .social-link li a:hover [class*='icon']
{
    color: #fff;
}

/*-----------------------------------------------------------------------------------------------------
    [category-title]
-------------------------------------------------------------------------------------------------------*/
.category-title
{
    margin-bottom: 20px; 

    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
}
@media only screen and (max-width: 720px)
{
    .category-title
    {
        display: block;

        margin-bottom: 0; 
        padding: 10px;

        border: none;
    }
}
.category-title p,
.category-title span
{
    display: table-cell;

    vertical-align: middle;
}
.category-title p
{
    font-family: 'Noto Sans', sans-serif;
    font-weight: 700;

    position: relative;

    height: 34px;
    padding: 0 20px 0 20px;

    text-align: center;
    text-transform: uppercase;

    color: #fff;
    background: #333;
}
@media only screen and (max-width: 720px)
{
    .category-title p
    {
        font-size: 13px; 

        display: block;
        float: none;

        height: auto;
        padding: 0;

        text-align: left;
    }
}
.category-title span
{
    font-family: 'Noto Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;

    padding: 7px 15px 7px 20px; 

    color: #121210;
}
@media only screen and (max-width: 720px)
{
    .category-title span
    {
        font-size: 16px;

        display: block;
        float: none;

        height: auto;
        padding: 0;

        color: #fff;
    }
}
.category-title [class*='icon-']
{
    font-size: 26px;

    position: absolute;
    top: 50%;
    left: 15px;

    margin-top: -9px; 

    color: #fff;
    color: #fff;
}
@media only screen and (max-width: 720px)
{
    .category-title [class*='icon-']
    {
        left: 0;
    }
}
.category-title.category-politique p
{
    background: #f30;
}
@media only screen and (max-width: 720px)
{
    .category-title.category-politique
    {
        background: #f30;
    }
    .category-title.category-politique p
    {
        background: none;
    }
}
.category-title.category-eco-et-business p
{
    background: #2c6de9;
}
@media only screen and (max-width: 720px)
{
    .category-title.category-eco-et-business
    {
        background: #2c6de9;
    }
    .category-title.category-eco-et-business p
    {
        background: none;
    }
}
.category-title.category-societe p
{
    background: #bf86ba;
}
@media only screen and (max-width: 720px)
{
    .category-title.category-societe
    {
        background: #bf86ba;
    }
    .category-title.category-societe p
    {
        background: none;
    }
}
.category-title.category-sport p
{
    background: #479700;
}
@media only screen and (max-width: 720px)
{
    .category-title.category-sport
    {
        background: #479700;
    }
    .category-title.category-sport p
    {
        background: none;
    }
}
.category-title.category-sante p
{
    background: #aed80a;
}
@media only screen and (max-width: 720px)
{
    .category-title.category-sante
    {
        background: #aed80a;
    }
    .category-title.category-sante p
    {
        background: none;
    }
}
.category-title.category-culture p
{
    background: #ff719f;
}
@media only screen and (max-width: 720px)
{
    .category-title.category-culture
    {
        background: #ff719f;
    }
    .category-title.category-culture p
    {
        background: none;
    }
}
.category-title.category-personnalites p
{
    background: #d9ad00;
}
@media only screen and (max-width: 720px)
{
    .category-title.category-personnalites
    {
        background: #d9ad00;
    }
    .category-title.category-personnalites p
    {
        background: none;
    }
}
.category-title.category-international p
{
    background: #6b3781;
}
@media only screen and (max-width: 720px)
{
    .category-title.category-international
    {
        background: #6b3781;
    }
    .category-title.category-international p
    {
        background: none;
    }
}
.category-title.category-opinions p
{
    background: #b05000;
}
@media only screen and (max-width: 720px)
{
    .category-title.category-opinions
    {
        background: #b05000;
    }
    .category-title.category-opinions p
    {
        background: none;
    }
}
.category-title.category-debat p
{
    background: #b05000;
}
@media only screen and (max-width: 720px)
{
    .category-title.category-debat
    {
        background: #b05000;
    }
    .category-title.category-debat p
    {
        background: none;
    }
}
.category-title.category-dossiers p
{
    background: #333;
}
@media only screen and (max-width: 720px)
{
    .category-title.category-dossiers
    {
        background: #333;
    }
    .category-title.category-dossiers p
    {
        background: none;
    }
}
.category-title.category-medias p
{
    background: #1a1a1a;
}
@media only screen and (max-width: 720px)
{
    .category-title.category-medias
    {
        background: #1a1a1a;
    }
    .category-title.category-medias p
    {
        background: none;
    }
}
.category-title.category-icon p
{
    padding-left: 50px;
}
@media only screen and (max-width: 720px)
{
    .category-title.category-icon p
    {
        padding-left: 35px;
    }
}

/*-----------------------------------------------------------------------------------------------------
    [block-flash-info]
-------------------------------------------------------------------------------------------------------*/
.block-flash-info
{
    position: relative;

    margin-bottom: 30px; 
    padding: 20px 30px 20px 140px;

    background: #a51a16;
}
@media only screen and (max-width: 720px)
{
    .block-flash-info
    {
        margin-bottom: 10px;
        padding: 15px;
    }
}
.block-flash-info .title
{
    font-family: 'Noto Sans', sans-serif;
    font-size: 26px; 
    font-weight: bold;

    position: absolute;
    top: 22px;
    left: 25px;

    text-align: right;
    text-transform: uppercase;

    color: #fff;
}
.block-flash-info .title span
{
    font-size: 14px;

    display: block;
}
@media only screen and (max-width: 720px)
{
    .block-flash-info .title
    {
        position: relative;
        top: auto;
        left: auto;

        text-align: left;
    }
}
.block-flash-info .text p
{
    font-size: 16px;

    color: #fff;
}
.block-flash-info .link
{
    float: right; 

    color: #fff;
}
.block-flash-info .link [class*='icon-']:before
{
    font-size: 10px;

    position: relative;
    top: 0; 

    color: #fff;
}
.block-flash-info .link:hover
{
    text-decoration: underline;
}

/*-----------------------------------------------------------------------------------------------------
    [block-post]
-------------------------------------------------------------------------------------------------------*/
.block-post
{
    /* === Large POST === */
    /* === Medium POST === */
    /* === Small POST === */
    /* === Menu POST === */
    /* === Agenda POST === */
    /* === Video POST === */
}
.block-post a
{
    display: block;
}
.block-post a .post-img
{
    position: relative;

    display: inline-block;
}
.block-post a .post-img .post-category
{
    font-family: 'Noto Sans', sans-serif;
    font-weight: 700;

    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;

    display: block;

    height: 30px;
    padding: 6px 10px 0 10px; 

    text-transform: uppercase;

    color: #fff;
    background: #121210;
}
.block-post a .post-img img
{
    display: block;

    width: 100%;
    max-width: 100%;
}
.block-post a .post-img .caption
{
    font-size: 13px;

    position: absolute;
    z-index: 9;
    right: 0;
    bottom: 0;
    left: 0;

    padding: 4px 10px 4px 10px;

    transition: 300ms;

    opacity: 0; 
    color: #ccc;
    background: rgba(0, 0, 0, .75);
}
.block-post a .post-img:hover .caption
{
    opacity: 1;
}
.block-post a .post-title
{
    font-family: 'Noto Serif', serif;

    margin-bottom: 8px; 

    color: #121210;
}
.block-post a:hover
{
    text-decoration: none;
    /*opacity: 0.6;*/
}
.block-post a:hover .post-title
{
    text-decoration: none; 

    color: #121210;
}
.block-post .post-date
{
    font-family: 'Noto Sans', sans-serif;

    display: inline-block;

    margin-bottom: 5px; 

    color: #888884;
}
.block-post.large-post
{
    margin-bottom: 30px;
}
.block-post.large-post a .post-title
{
    margin-bottom: 10px;
}
.block-post.large-post a .post-img
{
    overflow: hidden; 

    max-height: 370px;
    margin-bottom: 10px;
}
.block-post.large-post a .post-img img
{
    position: relative;
    top: calc(50% - 220px); 

    display: block;
}
.block-post.large-post.video-post .post-img:before
{
    width: 90px;
    height: 60px;
    margin: -30px 0 0 -45px; 

    background-size: 90px auto;
}
.block-post.medium-post
{
    min-height: 320px;
    margin-bottom: 30px;
}


.block-post.medium-post2
{
    min-height: 380px;
    margin-bottom: 0px;
}

.block-post.medium-post.full
{
    min-height: 0;
    margin-bottom: 20px;
}
.block-post.medium-post.full a
{
    float: left;

    width: 48%;
    margin-right: 20px;
}
.block-post.medium-post.full a .post-img
{
    margin-bottom: 0;
}
.block-post.medium-post.full a .post-img img
{
    width: 100%;
}
.block-post.medium-post.full .post-title
{
    margin-bottom: 10px;
}
.block-post.medium-post.full .post-title a
{
    float: none;

    width: auto;
}
@media screen and (min-width: 720px) and (max-width: 1024px)
{
    .block-post.medium-post.full p
    {
        clear: both;
    }
}
.block-post.small-post
{
    position: relative;
}
.block-post.small-post a .post-img
{
    float: left;

    max-width: 160px; 
    margin-right: 10px;
    margin-bottom: 10px;
}
@media only screen and (max-width: 720px)
{
    .block-post.small-post a .post-img
    {
        max-width: none;
    }
}
.block-post.small-post a .post-img .caption
{
    display: none;
}
.block-post.small-post .title
{
    margin-bottom: 8px;
}
.block-post.small-post p
{
    margin-bottom: 8px;
}
.block-post.small-post .post-date
{
    margin: 0;
}
.block-post.small-post .post-category
{
    font-family: 'Noto Sans', sans-serif; 

    position: absolute;
    right: 0;
    bottom: 0;

    color: #888884;
}
.block-post.menu-post a .post-title
{
    font-family: 'Noto Serif', serif;
    font-size: 15px;
    font-weight: 700;
}
.block-post.menu-post a .post-title:hover
{
    text-decoration: none;
}
.block-post.agenda-post
{
    position: relative;
}
@media only screen and (max-width: 720px)
{
    .block-post.agenda-post
    {
        margin-bottom: 0;
    }
}
.block-post.agenda-post .date
{
    font-family: 'Noto Serif', serif;
    font-size: 16px;
    font-weight: 700;

    display: inline-block;

    margin-bottom: 10px; 
    padding: 5px 0;

    text-align: right;

    color: #121210;
}
@media only screen and (max-width: 720px)
{
    .block-post.agenda-post .date
    {
        margin-left: 20px;
    }
}
.block-post.agenda-post a
{
    float: left;

    margin-right: 20px;
}
@media only screen and (max-width: 720px)
{
    .block-post.agenda-post a
    {
        float: none;

        margin-right: 0;
    }
}
@media only screen and (max-width: 720px)
{
    .block-post.agenda-post a .post-img
    {
        margin-bottom: 10px;
    }
}
.block-post.agenda-post a .post-img img
{
    width: 100%;
}
.block-post.agenda-post .post-title
{
    font-family: 'Noto Serif', serif;
    font-size: 18px;
    font-weight: 700;

    color: #121210;
}
.block-post.agenda-post .post-title a
{
    float: none;

    margin-right: 0;
}
.block-post.agenda-post p
{
    margin-bottom: 10px;
}
.block-post.agenda-post p + a
{
    display: none;
}
.block-post.agenda-post a [class*='icon-']
{
    font-size: 10px;
}
.block-post.small-post.job-post
{
    min-height: 0;
}
@media only screen and (max-width: 720px)
{
    .block-post.small-post.job-post
    {
        padding-left: 10px;
    }
}
.block-post.small-post.job-post .title
{
    margin-bottom: 5px;
}
.block-post.small-post.job-post span
{
    font-size: 12px;
    line-height: 120%; 

    display: block;
}
.block-post.small-post.job-post span.date
{
    font-weight: bold; 

    color: #888884;
}
.block-post.video-post .post-img:before
{
    position: absolute;
    z-index: 9; 
    top: 50%;
    left: 50%;

    display: block;

    width: 60px;
    height: 40px;
    margin: -20px 0 0 -30px;
    margin: -20px 0 0 -30px;

    content: '';

    background: url('../img/player-button.png') no-repeat 0 0;
    background-size: 60px auto;
}
.block-post.category-politique a .post-img .post-category
{
    background: #f30;
}
.block-post.category-eco-et-business a .post-img .post-category
{
    background: #2c6de9;
}
.block-post.category-societe a .post-img .post-category
{
    background: #bf86ba;
}
.block-post.category-sport a .post-img .post-category
{
    background: #479700;
}
.block-post.category-sante a .post-img .post-category
{
    background: #aed80a;
}
.block-post.category-culture a .post-img .post-category
{
    background: #ff719f;
}
.block-post.category-personnalites a .post-img .post-category
{
    background: #d9ad00;
}
.block-post.category-international a .post-img .post-category
{
    background: #6b3781;
}
.block-post.category-opinions a .post-img .post-category
{
    background: #b05000;
}
.block-post.category-debat a .post-img .post-category
{
    background: #b05000;
}
.block-post.category-dossiers a .post-img .post-category
{
    background: #333;
}
.block-post.category-medias a .post-img .post-category
{
    background: #1a1a1a;
}
.block-post .content-type
{
    font-size: 12px; 

    display: inline-block;

    padding: 0 5px;

    color: #5c5c5c;
    background: #f3f3f3;
}

/*-----------------------------------------------------------------------------------------------------
    [block-post-mobile]
-------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 720px)
{
    .block-post
    {
        margin-bottom: 30px;
        /* === Large POST === */
    }
    .block-post a
    {
        display: block;
    }
    .block-post a .post-img
    {
        display: block;
    }
    .block-post a .post-img .post-category
    {
        font-size: 13px;

        display: none;
    }
    .block-post a .post-img .caption
    {
        display: none;
    }
    .block-post a .post-title
    {
        margin-right: 20px; 
        margin-left: 20px;
    }
    .block-post .post-date
    {
        font-size: 12px;

        margin-right: 20px; 
        margin-left: 20px;
    }
    .block-post .post-title
    {
        font-size: 19px;

        margin-right: 20px; 
        margin-left: 20px;
    }
    .block-post p
    {
        font-size: 13px;

        margin-right: 20px; 
        margin-left: 20px;
    }
    .block-post.large-post a .post-title
    {
        font-size: 19px;
    }
    .block-post.large-post a .post-img
    {
        max-height: none;
    }
    .block-post.large-post a .post-img img
    {
        top: auto;
    }
    .block-post.medium-post,
    .block-post.small-post
    {
        position: relative;

        min-height: 0;
        min-height: 132px; 
        margin-bottom: 0;
        padding: 10px 10px 10px 230px;
    }
}
@media only screen and (max-width: 720px) and (max-width: 450px)
{
    .block-post.medium-post,
    .block-post.small-post
    {
        min-height: 76px; 
        padding-left: 130px;
    }
}

@media only screen and (max-width: 720px)
{
    .block-post.medium-post a,
    .block-post.small-post a
    {
        float: none;

        width: auto;
        margin-right: 0;
    }
    .block-post.medium-post .post-img,
    .block-post.small-post .post-img
    {
        position: absolute;
        top: 10px;
        left: 10px;

        width: 200px;
        max-width: none;
    }
}
@media only screen and (max-width: 720px) and (max-width: 450px)
{
    .block-post.medium-post .post-img,
    .block-post.small-post .post-img
    {
        width: 100px;
    }
}

@media only screen and (max-width: 720px)
{
    .block-post.medium-post .post-img .post-category,
    .block-post.small-post .post-img .post-category
    {
        display: none;
    }
    .block-post.medium-post .post-img img,
    .block-post.small-post .post-img img
    {
        width: 100%;
    }
    .block-post.medium-post .post-date,
    .block-post.small-post .post-date
    {
        margin-right: 20px; 
        margin-left: 20px;
    }
    .block-post.medium-post .title,
    .block-post.medium-post .post-title,
    .block-post.small-post .title,
    .block-post.small-post .post-title
    {
        font-size: 16px;

        margin-right: 0; 
        margin-left: 0;
    }
}
@media only screen and (max-width: 720px) and (max-width: 450px)
{
    .block-post.medium-post .title,
    .block-post.medium-post .post-title,
    .block-post.small-post .title,
    .block-post.small-post .post-title
    {
        font-size: 13px;
    }
}

@media only screen and (max-width: 720px)
{
    .block-post.medium-post .post-date,
    .block-post.small-post .post-date
    {
        display: none;
    }
    .block-post.medium-post p,
    .block-post.small-post p
    {
        display: none;
    }
    .home .block-post.large-post a .post-img .post-category
    {
        display: block;
    }
}

/*-----------------------------------------------------------------------------------------------------
    [block-sidebar]
-------------------------------------------------------------------------------------------------------*/
.block-sidebar
{
    margin-bottom: 20px;
}
.mobile-widget .block-sidebar
{
    display: none;
}
@media only screen and (max-width: 720px)
{
    .mobile-widget .block-sidebar
    {
        display: block;

        margin-bottom: 0;
    }
}
.block-sidebar .title
{
    font-family: 'Noto Sans', sans-serif;
    font-weight: 700;

    position: relative;

    height: 34px;
    padding: 7px 20px 0 46px; 

    text-transform: uppercase;

    color: #fff;
    background: #2d440f;
}
@media screen and (min-width: 720px) and (max-width: 1024px)
{
    .block-sidebar .title
    {
        height: auto;
        padding-bottom: 7px;
    }
}
.block-sidebar .title span
{
    position: absolute;
    top: 0;
    left: 0;

    width: 34px; 
    height: 34px;

    background: #546c35;
}
@media screen and (min-width: 720px) and (max-width: 1024px)
{
    .block-sidebar .title span
    {
        height: 100%;
    }
}
.block-sidebar .title span [class*='icon-']
{
    font-size: 14px;

    position: absolute;
    top: 50%;
    left: 50%;

    margin: -10px 0 0 -8px; 

    color: #fff;
}
.block-sidebar .block-content
{
    padding: 20px; 

    border: 1px solid #eee;
}
.block-sidebar.dark .title
{
    background: #121210;
}
.block-sidebar.dark .title span
{
    background: #5c5c5c;
}
.page-webtv .block-sidebar .title
{
    background: #121210;
}
.page-webtv .block-sidebar .title span
{
    background: #5c5c5c;
}
.page-webtv .block-sidebar .block-content
{
    border-color: #1a1a1a; 
    background: #1a1a1a;
}
.page-webtv .block-sidebar.block-sidebar-hebdo a
{
    color: #fff;
}
.page-webtv .block-sidebar.block-sidebar-hebdo a span
{
    color: #fff;
}
.page-webtv .block-sidebar.block-sidebar-hebdo a [class*='icon-']
{
    color: #fff;
}

/*-----------------------------------------------------------------------------------------------------
    [block-sidebar-agenda]
-------------------------------------------------------------------------------------------------------*/
.block-sidebar-agenda .block-content
{
    padding-bottom: 10px;
}
.block-sidebar-agenda .block-content ul li
{
    margin-bottom: 10px;
    padding-bottom: 10px;

    border-bottom: 1px solid #eee;
}
.block-sidebar-agenda .block-content ul li:last-child
{
    border: none;
}
.block-sidebar-agenda .block-content ul li a figure
{
    float: left;

    margin: 0 10px 0 0;
}
@media screen and (min-width: 720px) and (max-width: 1024px)
{
    .block-sidebar-agenda .block-content ul li a figure
    {
        float: none;

        margin: 0 0 10px 0;
    }
}
.block-sidebar-agenda .block-content ul li a figure img
{
    max-width: 140px;
}
@media screen and (min-width: 720px) and (max-width: 1024px)
{
    .block-sidebar-agenda .block-content ul li a figure img
    {
        width: 100%;
        max-width: none;
    }
}
.block-sidebar-agenda .block-content ul li a span
{
    font-family: 'Noto Sans', sans-serif;

    display: block; 

    margin-bottom: 5px;

    color: #888884;
}
.block-sidebar-agenda .block-content ul + a
{
    display: block;

    padding-top: 10px;

    text-align: center; 

    border-top: 1px solid #eee;
}
.block-sidebar-agenda .block-content ul + a span
{
    position: relative;

    display: inline-block;

    padding-left: 15px;

    color: #121210;
}
.block-sidebar-agenda .block-content ul + a span [class*='icon-']
{
    font-size: 10px;

    position: absolute;
    top: 50%;
    left: 0;

    margin-top: -9px; 

    color: #121210;
}

/*-----------------------------------------------------------------------------------------------------
    [block-sidebar-edito]
-------------------------------------------------------------------------------------------------------*/
.block-sidebar-edito .block-content
{
    padding-bottom: 10px;
}

.block-sidebar-edito .infos
{
    margin-bottom: 10px;
}
.block-sidebar-edito .infos img
{
    float: left;

    max-width: 100px; 
    margin-right: 10px;
}
@media screen and (min-width: 720px) and (max-width: 1024px)
{
    .block-sidebar-edito .infos img
    {
        float: none;

        max-width: none;
        margin-right: 0;
    }
}
@media only screen and (max-width: 720px)
{
    .block-sidebar-edito .infos img
    {
        width: 70px;
    }
}
.block-sidebar-edito .infos span
{
    font-family: 'Noto Sans', sans-serif;

    display: block;

    margin-bottom: 20px; 

    color: #888884;
}
@media screen and (min-width: 720px) and (max-width: 1024px)
{
    .block-sidebar-edito .infos span
    {
        margin-bottom: 0;
    }
}
.block-sidebar-edito .infos p
{
    font-family: 'Noto Serif', serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 120%; 

    color: #121210;
}
.block-sidebar-edito .infos + p
{
    margin-bottom: 20px;
}
.block-sidebar-edito .infos + p + a
{
    display: block;

    padding-top: 10px;

    text-align: center; 

    border-top: 1px solid #eee;
}
.block-sidebar-edito .infos + p + a span
{
    position: relative;

    display: inline-block;

    padding-left: 15px;

    color: #121210;
}
.block-sidebar-edito .infos + p + a span [class*='icon-']
{
    font-size: 10px;

    position: absolute;
    top: 50%;
    left: 0;

    margin-top: -9px; 

    color: #121210;
}

/*-----------------------------------------------------------------------------------------------------
    [block-sidebar-hebdo]
-------------------------------------------------------------------------------------------------------*/
.block-sidebar-hebdo .block-content
{
    padding-bottom: 10px;
}
.block-sidebar-hebdo .block-content p
{
    font-family: 'Noto Sans', sans-serif;
    font-size: 18px;
    font-weight: bold;

    margin-bottom: 20px;

    text-align: center;
}

.block-sidebar-hebdo .current-edition
{
    display: block; 

    text-align: center;
}
.block-sidebar-hebdo .current-edition img
{
    display: inline-block;
}
.block-sidebar-hebdo .current-edition + a
{
    font-size: 13px; 

    display: block;

    margin-top: 10px;

    text-align: center;

    color: #666;
}
.block-sidebar-hebdo .current-edition + a span
{
    position: relative;

    display: inline-block;

    padding-left: 15px;

    color: #666;
}
.block-sidebar-hebdo .current-edition + a span [class*='icon-']
{
    font-size: 10px;

    position: absolute;
    top: 50%;
    left: 0;

    margin-top: -9px; 

    color: #121210;
}

.page-webtv .block-sidebar-hebdo .block-content p
{
    color: #fff;
}

/*-----------------------------------------------------------------------------------------------------
    [block-sidebar-jdmtv-post]
-------------------------------------------------------------------------------------------------------*/
.block-sidebar-jdmtv-post .block-content .list-post.list-full li
{
    margin-bottom: 30px;
    padding-bottom: 0;

    border-bottom: none;
}
.block-sidebar-jdmtv-post .block-content .list-post.list-full li:last-child
{
    margin-bottom: 0;
}
.block-sidebar-jdmtv-post .block-content .list-post.list-full li .block-post a .post-img img
{
    max-width: 120px;
}
.block-sidebar-jdmtv-post .block-content .list-post.list-full li .block-post a .post-img:before
{
    position: absolute;
    z-index: 9; 
    top: 50%;
    left: 50%;

    display: block;

    width: 30px;
    height: 20.5px;
    margin: -10px 0 0 -15px;

    content: '';

    background: url('../img/player-button.png') no-repeat 0 0;
    background-size: 30px auto;
}
.block-sidebar-jdmtv-post .block-content .list-post.list-full li .block-post a .post-title
{
    font-family: arial;
    font-size: 14px;
    font-weight: normal;

    color: #888884;
}

/*-----------------------------------------------------------------------------------------------------
    [block-sidebar-jdmtv]
-------------------------------------------------------------------------------------------------------*/
.block-sidebar-jdmtv
{
    padding: 20px 20px 10px 20px; 

    background: #1a1a1a;
}
.block-sidebar-jdmtv .title-jdmtv
{
    text-align: center;
    /*[class*="icon-jdc"] {
			line-height: 80%;
			font-size: 70px;
			color: $primary;
			margin-bottom: 10px;
			display: block;
			@media screen and (min-width: $small) and (max-width: $medium) {
				margin-bottom: 0;
			}
			@include mq(small) {
				font-size: 55px
			}
		}*/
}
.block-sidebar-jdmtv .title-jdmtv .jdctv
{
    position: relative;
    top: -5px; 

    width: 64px;
    margin: 0 auto 5px auto;
}
.block-sidebar-jdmtv .title-jdmtv p
{
    font-family: 'Noto Sans', sans-serif;
    font-size: 16px;

    position: relative;

    display: inline-block;

    margin-bottom: 35px; 
    padding-left: 100px;

    color: #fff;
}
@media screen and (min-width: 720px) and (max-width: 1024px)
{
    .block-sidebar-jdmtv .title-jdmtv p
    {
        padding-left: 0;
    }
}
@media only screen and (max-width: 720px)
{
    .block-sidebar-jdmtv .title-jdmtv p
    {
        font-size: 13px;

        padding-left: 85px;
    }
}
.block-sidebar-jdmtv .title-jdmtv p img
{
    position: absolute;
    bottom: 0; 
    left: 0;

    width: 95px;
}
@media screen and (min-width: 720px) and (max-width: 1024px)
{
    .block-sidebar-jdmtv .title-jdmtv p img
    {
        position: relative;
        bottom: auto;
        left: auto;

        margin: 0 auto 5px auto;
    }
}
@media only screen and (max-width: 720px)
{
    .block-sidebar-jdmtv .title-jdmtv p img
    {
        bottom: 3px; 

        width: 80px;
    }
}
.block-sidebar-jdmtv ul li
{
    margin-bottom: 28px;
}
@media only screen and (max-width: 720px)
{
    .block-sidebar-jdmtv ul li
    {
        margin-bottom: 10px; 

        border-bottom: 1px solid #141414;
    }
}
@media only screen and (max-width: 720px)
{
    .block-sidebar-jdmtv ul li a
    {
        position: relative;

        display: block;

        min-height: 125px; 
        padding-bottom: 10px;
        padding-left: 220px;
    }
}
@media only screen and (max-width: 450px)
{
    .block-sidebar-jdmtv ul li a
    {
        min-height: 80px; 
        padding-left: 140px;
    }
}
.block-sidebar-jdmtv ul li a figure
{
    position: relative;

    display: block;

    margin-bottom: 6px;
}
@media only screen and (max-width: 720px)
{
    .block-sidebar-jdmtv ul li a figure
    {
        position: absolute;
        top: 0;
        left: 0;

        width: 200px;
    }
}
@media only screen and (max-width: 450px)
{
    .block-sidebar-jdmtv ul li a figure
    {
        width: 120px;
    }
}
.block-sidebar-jdmtv ul li a figure:before
{
    position: absolute;
    z-index: 9; 
    top: 50%;
    left: 50%;

    display: block;

    width: 60px;
    height: 40px;
    margin: -20px 0 0 -30px;

    content: '';

    background: url('../img/player-button.png') no-repeat 0 0;
    background-size: 60px auto;
}
@media only screen and (max-width: 720px)
{
    .block-sidebar-jdmtv ul li a figure:before
    {
        margin: -10px 0 0 -15px; 

        background-size: 30px auto;
    }
}
.block-sidebar-jdmtv ul li a p
{
    font-family: 'Noto Serif', serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 140%; 

    margin-bottom: 6px;

    color: #fff;
}
@media only screen and (max-width: 720px)
{
    .block-sidebar-jdmtv ul li a p
    {
        font-size: 14px;
    }
}
.block-sidebar-jdmtv ul li a span
{
    font-family: 'Noto Sans', sans-serif; 

    color: #888884;
}
.block-sidebar-jdmtv ul li:last-child
{
    margin-bottom: 10px;
}
@media only screen and (max-width: 720px)
{
    .block-sidebar-jdmtv ul li:nth-child(1) a
    {
        padding-bottom: 20px;
        padding-left: 0;
    }
    .block-sidebar-jdmtv ul li:nth-child(1) a figure
    {
        position: relative;
        top: auto;
        left: auto;

        display: block;

        width: auto; 
        margin-bottom: 6px;
    }
}
@media only screen and (max-width: 720px) and (max-width: 450px)
{
    .block-sidebar-jdmtv ul li:nth-child(1) a figure
    {
        width: auto;
    }
}
@media only screen and (max-width: 720px)
{
    .block-sidebar-jdmtv ul li:nth-child(1) a figure:before
    {
        margin: -20.5px 0 0 -30px; 

        background-size: 60px auto;
    }
    .block-sidebar-jdmtv ul li:nth-child(1) a p
    {
        font-family: 'Noto Serif', serif;
        font-size: 19px;
        font-weight: 700;

        margin-bottom: 6px; 

        color: #fff;
    }
}
.block-sidebar-jdmtv ul li:nth-child(3) ~ li
{
    display: none;
}
.block-sidebar-jdmtv ul + a
{
    display: block;

    padding: 10px 0;

    text-align: center; 

    border-top: 1px solid #141414;
}
.block-sidebar-jdmtv ul + a span
{
    position: relative;

    display: inline-block;

    padding-left: 15px;

    color: #fff;
}
.block-sidebar-jdmtv ul + a span [class*='icon-']
{
    font-size: 10px;

    position: absolute;
    top: 50%;
    left: 0;

    margin-top: -9px; 

    color: #fff;
}





















/*-----------------------------------------------------------------------------------------------------
    [block-sidebar-jdmtv-post]
-------------------------------------------------------------------------------------------------------*/
.block-sidebar-jdmtv-post2 .block-content .list-post.list-full li
{
    margin-bottom: 30px;
    padding-bottom: 0;

    border-bottom: none;
}
.block-sidebar-jdmtv-post2 .block-content .list-post.list-full li:last-child
{
    margin-bottom: 0;
}
.block-sidebar-jdmtv-post2 .block-content .list-post.list-full li .block-post a .post-img img
{
    max-width: 120px;
}
.block-sidebar-jdmtv-post2 .block-content .list-post.list-full li .block-post a .post-img:before
{
    position: absolute;
    z-index: 9; 
    top: 50%;
    left: 50%;

    display: block;

    width: 30px;
    height: 20.5px;
    margin: -10px 0 0 -15px;

    content: '';

    background: url('') no-repeat 0 0;
    background-size: 30px auto;
}
.block-sidebar-jdmtv-post2 .block-content .list-post.list-full li .block-post a .post-title
{
    font-family: arial;
    font-size: 14px;
    font-weight: normal;

    color: #888884;
}

/*-----------------------------------------------------------------------------------------------------
    [block-sidebar-jdmtv]
-------------------------------------------------------------------------------------------------------*/
.block-sidebar-jdmtv2
{
    padding: 20px 20px 10px 20px; 

    background: #1a1a1a;
}
.block-sidebar-jdmtv2 .title-jdmtv
{
    text-align: center;
    /*[class*="icon-jdc"] {
      line-height: 80%;
      font-size: 70px;
      color: $primary;
      margin-bottom: 10px;
      display: block;
      @media screen and (min-width: $small) and (max-width: $medium) {
        margin-bottom: 0;
      }
      @include mq(small) {
        font-size: 55px
      }
    }*/
}
.block-sidebar-jdmtv2 .title-jdmtv .jdctv
{
    position: relative;
    top: -5px; 

    width: 64px;
    margin: 0 auto 5px auto;
}
.block-sidebar-jdmtv2 .title-jdmtv p
{
    font-family: 'Noto Sans', sans-serif;
    font-size: 16px;

    position: relative;

    display: inline-block;

    margin-bottom: 35px; 
    padding-left: 100px;

    color: #fff;
}
@media screen and (min-width: 720px) and (max-width: 1024px)
{
    .block-sidebar-jdmtv2 .title-jdmtv p
    {
        padding-left: 0;
    }
}
@media only screen and (max-width: 720px)
{
    .block-sidebar-jdmtv2 .title-jdmtv p
    {
        font-size: 13px;

        padding-left: 85px;
    }
}
.block-sidebar-jdmtv2 .title-jdmtv p img
{
    position: absolute;
    bottom: 0; 
    left: 0;

    width: 95px;
}
@media screen and (min-width: 720px) and (max-width: 1024px)
{
    .block-sidebar-jdmtv2 .title-jdmtv p img
    {
        position: relative;
        bottom: auto;
        left: auto;

        margin: 0 auto 5px auto;
    }
}
@media only screen and (max-width: 720px)
{
    .block-sidebar-jdmtv2 .title-jdmtv p img
    {
        bottom: 3px; 

        width: 80px;
    }
}
.block-sidebar-jdmtv2 ul li
{
    margin-bottom: 28px;
}
@media only screen and (max-width: 720px)
{
    .block-sidebar-jdmtv2 ul li
    {
        margin-bottom: 10px; 

        border-bottom: 1px solid #141414;
    }
}
@media only screen and (max-width: 720px)
{
    .block-sidebar-jdmtv2 ul li a
    {
        position: relative;

        display: block;

        min-height: 125px; 
        padding-bottom: 10px;
        padding-left: 220px;
    }
}
@media only screen and (max-width: 450px)
{
    .block-sidebar-jdmtv2 ul li a
    {
        min-height: 80px; 
        padding-left: 140px;
    }
}
.block-sidebar-jdmtv2 ul li a figure
{
    position: relative;

    display: block;

    margin-bottom: 6px;
}
@media only screen and (max-width: 720px)
{
    .block-sidebar-jdmtv2 ul li a figure
    {
        position: absolute;
        top: 0;
        left: 0;

        width: 200px;
    }
}
@media only screen and (max-width: 450px)
{
    .block-sidebar-jdmtv2 ul li a figure
    {
        width: 120px;
    }
}
.block-sidebar-jdmtv2 ul li a figure:before
{
    position: absolute;
    z-index: 9; 
    top: 50%;
    left: 50%;

    display: block;

    width: 60px;
    height: 40px;
    margin: -20px 0 0 -30px;

    content: '';

    background: url('') no-repeat 0 0;
    background-size: 60px auto;
}
@media only screen and (max-width: 720px)
{
    .block-sidebar-jdmtv2 ul li a figure:before
    {
        margin: -10px 0 0 -15px; 

        background-size: 30px auto;
    }
}
.block-sidebar-jdmtv2 ul li a p
{
    font-family: 'Noto Serif', serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 140%; 

    margin-bottom: 6px;

    color: #fff;
}
@media only screen and (max-width: 720px)
{
    .block-sidebar-jdmtv2 ul li a p
    {
        font-size: 14px;
    }
}
.block-sidebar-jdmtv2 ul li a span
{
    font-family: 'Noto Sans', sans-serif; 

    color: #888884;
}
.block-sidebar-jdmtv2 ul li:last-child
{
    margin-bottom: 10px;
}
@media only screen and (max-width: 720px)
{
    .block-sidebar-jdmtv2 ul li:nth-child(1) a
    {
        padding-bottom: 20px;
        padding-left: 0;
    }
    .block-sidebar-jdmtv2 ul li:nth-child(1) a figure
    {
        position: relative;
        top: auto;
        left: auto;

        display: block;

        width: auto; 
        margin-bottom: 6px;
    }
}
@media only screen and (max-width: 720px) and (max-width: 450px)
{
    .block-sidebar-jdmtv2 ul li:nth-child(1) a figure
    {
        width: auto;
    }
}
@media only screen and (max-width: 720px)
{
    .block-sidebar-jdmtv2 ul li:nth-child(1) a figure:before
    {
        margin: -20.5px 0 0 -30px; 

        background-size: 60px auto;
    }
    .block-sidebar-jdmtv2 ul li:nth-child(1) a p
    {
        font-family: 'Noto Serif', serif;
        font-size: 19px;
        font-weight: 700;

        margin-bottom: 6px; 

        color: #fff;
    }
}
.block-sidebar-jdmtv2 ul li:nth-child(3) ~ li
{
    display: none;
}
.block-sidebar-jdmtv2 ul + a
{
    display: block;

    padding: 10px 0;

    text-align: center; 

    border-top: 1px solid #141414;
}
.block-sidebar-jdmtv2 ul + a span
{
    position: relative;

    display: inline-block;

    padding-left: 15px;

    color: #fff;
}
.block-sidebar-jdmtv2 ul + a span [class*='icon-']
{
    font-size: 10px;

    position: absolute;
    top: 50%;
    left: 0;

    margin-top: -9px; 

    color: #fff;
}







/*-----------------------------------------------------------------------------------------------------
    [block-sidebar-jdmad]
-------------------------------------------------------------------------------------------------------*/
.block-sidebar-jdmad
{
    overflow: hidden; 

    text-align: center;
}
@media only screen and (max-width: 1024px)
{
    .block-sidebar-jdmad .adsbygoogle
    {
        width: 100% !important;
    }
}

/*-----------------------------------------------------------------------------------------------------
    [block-sidebar-job]
-------------------------------------------------------------------------------------------------------*/
.block-sidebar-job .tab-content > li ul + a
{
    display: block;

    margin-top: 10px;

    text-align: center;
}
.block-sidebar-job .tab-content > li ul + a span
{
    position: relative;

    display: inline-block;

    padding-left: 15px;

    color: #121210;
}
.block-sidebar-job .tab-content > li ul + a span [class*='icon-']
{
    font-size: 10px;

    position: absolute;
    top: 50%;
    left: 0;

    margin-top: -9px; 

    color: #121210;
}

/*-----------------------------------------------------------------------------------------------------
    [block-sidebar-newsletter]
-------------------------------------------------------------------------------------------------------*/
.block-sidebar-newsletter p
{
    margin-bottom: 10px;
}

.block-sidebar-newsletter .form-newsletter .newsletter-email
{
    width: 100%;
}
.block-sidebar-newsletter .form-newsletter .newsletter-email input[type='email']
{
    float: none;

    width: 100%;
    margin-bottom: 10px;
}

.block-sidebar-newsletter .form-newsletter .primary-btn
{
    position: relative; 

    float: right;

    width: auto;
    height: 30px;
    padding: 0 25px;

    border: none;
    background: #121210;
}

/*-----------------------------------------------------------------------------------------------------
    [block-sidebar-post]
-------------------------------------------------------------------------------------------------------*/
.block-sidebar-post .list-post.list-featured li
{
    float: none;
    float: none;

    width: auto;
    width: auto; 
    margin: 0;
}
.block-sidebar-post .list-post.list-featured li .block-post
{
    min-height: 0;
}
.block-sidebar-post .list-post.list-featured li .block-post a .post-img img
{
    width: 100%;
}

/*-----------------------------------------------------------------------------------------------------
    [block-sidebar-poll]
-------------------------------------------------------------------------------------------------------*/
.block-sidebar-poll .block-content
{
    position: relative; 

    padding: 15px 20px 24px 20px;
}
.block-sidebar-poll .block-content p
{
    margin: 0; 

    text-align: left !important;
}
.block-sidebar-poll .block-content p strong
{
    font-weight: normal !important;
}
.block-sidebar-poll .block-content .wp-polls-ul
{
    margin: 10px 0 10px 0 !important;
}
.block-sidebar-poll .block-content .wp-polls-ul li
{
    position: relative;

    margin: 0 0 10px 0;
    padding-left: 0;
}
.block-sidebar-poll .block-content .wp-polls-ul li input
{
    position: absolute;
    top: 4px;
    left: 0;
}
.block-sidebar-poll .block-content .wp-polls-ul li label
{
    font-weight: normal;

    margin-left: 20px;
}
.block-sidebar-poll .block-content .wp-polls-ul li .pollbar
{
    font-size: 6px;
    line-height: 8px;

    height: 8px;
    margin: 1px;

    border: none; 
    background: #5c5c5c;
}
.block-sidebar-poll .block-content .secondary-btn
{
    position: absolute;
    right: 20px;
    bottom: 15px;

    border: none; 
    background: #121210;
}
.block-sidebar-poll .block-content a
{
    display: inline-block;

    margin-top: 8px;
}

/*-----------------------------------------------------------------------------------------------------
    [block-sidebar-social]
-------------------------------------------------------------------------------------------------------*/
.block-sidebar-twitter
{
    border: 1px solid #eee; 
    background: #fff;
}

.block-sidebar-facebook iframe
{
    width: 100%;
}

/*-----------------------------------------------------------------------------------------------------
    [block-sidebar-tab]
-------------------------------------------------------------------------------------------------------*/
.block-sidebar-tab .block-content
{
    padding: 0 0 10px 0;
}

.block-sidebar-tab .tab-nav > li
{
    font-family: 'Noto Sans', sans-serif;
    font-size: 16px;

    float: left;

    width: 50%;
    height: 40px;
    padding: 10px 10px 0 10px; 

    text-align: center;

    color: #888884;
    background: #f3f3f3;
}
@media screen and (min-width: 720px) and (max-width: 1024px)
{
    .block-sidebar-tab .tab-nav > li
    {
        height: auto;
        padding-bottom: 10px;
    }
}
.block-sidebar-tab .tab-nav > li.active
{
    color: #121210; 
    background: #fff;
}
.block-sidebar-tab .tab-nav > li.active:hover
{
    cursor: default;
}
.block-sidebar-tab .tab-nav > li:hover
{
    cursor: pointer;
}

.block-sidebar-tab .tab-content
{
    margin: 0 20px;
}
.block-sidebar-tab .tab-content > li
{
    font-size: 13px; 

    display: none;
}
.block-sidebar-tab .tab-content > li.active
{
    display: block;
}
.block-sidebar-tab .tab-content > li ul
{
    margin-top: 10px;
}
.block-sidebar-tab .tab-content > li ul li
{
    line-height: 130%; 

    position: relative;

    padding: 6px 0;

    border-bottom: 1px solid #eee;
}
.block-sidebar-tab .tab-content > li ul li span
{
    font-family: 'Noto Sans', sans-serif; 

    position: absolute;
    top: 6px;
    left: 0;

    width: 50px;

    color: #888884;
}
@media screen and (min-width: 720px) and (max-width: 1024px)
{
    .block-sidebar-tab .tab-content > li ul li span
    {
        position: relative;
        top: auto;
        left: auto;

        width: auto;
        margin-bottom: 5px;
    }
}
.block-sidebar-tab .tab-content > li ul li span + p
{
    margin-left: 60px;
}
@media screen and (min-width: 720px) and (max-width: 1024px)
{
    .block-sidebar-tab .tab-content > li ul li span + p
    {
        margin-left: 0;
    }
}
.block-sidebar-tab .tab-content > li .tab-post li
{
    padding: 0;
}
.block-sidebar-tab .tab-content > li .tab-post li a
{
    display: block; 

    padding: 8px 0;
}
.block-sidebar-tab .tab-content > li .tab-post li:last-child
{
    border: none;
}
.block-sidebar-tab .tab-content + a
{
    display: block;

    margin-top: 10px;

    text-align: center;
}
.block-sidebar-tab .tab-content + a span
{
    position: relative;

    display: inline-block;

    padding-left: 15px;

    color: #121210;
}
.block-sidebar-tab .tab-content + a span [class*='icon-']
{
    font-size: 10px;

    position: absolute;
    top: 50%;
    left: 0;

    margin-top: -9px; 

    color: #121210;
}

/*-----------------------------------------------------------------------------------------------------
    [block-debate]
-------------------------------------------------------------------------------------------------------*/
.block-debate
{
    margin-bottom: 60px; 
    padding-top: 10px;
}
@media only screen and (max-width: 720px)
{
    .block-debate
    {
        margin-bottom: 30px; 
        padding: 10px;
    }
}
.block-debate .title
{
    font-family: 'Noto Serif', serif;
    font-size: 18px;
    font-weight: 700;

    margin: 0 0 30px 0; 

    text-align: center;

    color: #121210;
}
@media only screen and (max-width: 720px)
{
    .block-debate .title
    {
        margin-bottom: 10px; 

        text-align: left;
    }
}
.block-debate ul li
{
    float: left;

    width: calc(50% - 30px);
    min-height: 260px; 
    margin-left: 20px;
    padding: 20px;

    background: #f3f3f3;
}
@media only screen and (max-width: 1024px)
{
    .block-debate ul li
    {
        float: none;

        width: auto;
        min-height: 0;
        margin: 0;
        margin-bottom: 10px;
    }
}
.block-debate ul li .infos
{
    margin-bottom: 20px;
}
.block-debate ul li .infos img
{
    float: left;

    max-width: 60px; 
    margin-right: 20px;
}
.block-debate ul li .infos p
{
    font-family: 'Noto Serif', serif;
    font-size: 18px;
    font-weight: 700;

    margin-bottom: 5px;
}
.block-debate ul li .infos span
{
    line-height: 120%; 

    display: inline-block;

    max-width: 190px;
}
.block-debate ul li .text
{
    position: relative;
}
.block-debate ul li .text span
{
    font-family: 'Noto Serif', serif;
    font-size: 18px;
    font-weight: 700;

    position: absolute;
    top: -2px;
    left: 0;
}
.block-debate ul li .text p
{
    text-indent: 50px;
}
.block-debate ul li:nth-child(even)
{
    margin-bottom: 0;
}

/*-----------------------------------------------------------------------------------------------------
    [block-ad]
-------------------------------------------------------------------------------------------------------*/
.mobile-jdmad
{
    display: none;
}
@media only screen and (max-width: 720px)
{
    .mobile-jdmad
    {
        display: block;
    }
}

.block-jdmad
{
    margin: 20px 0; 

    text-align: center;
}
@media only screen and (max-width: 720px)
{
    .block-jdmad
    {
        margin: 0;
    }
}
.block-jdmad iframe
{
    width: 100%;
}
@media only screen and (max-width: 720px)
{
    .block-jdmad iframe
    {
        display: block;

        width: auto;
        margin: 0 auto;
    }
}
.block-jdmad a
{
    display: inline-block;
}
.block-jdmad img
{
    display: inline-block;
}
@media only screen and (max-width: 720px)
{
    .block-jdmad img
    {
        display: block;

        width: 100% !important;
    }
}
@media only screen and (max-width: 720px)
{
    .block-jdmad.large
    {
        display: none;
    }
}
.block-jdmad.border
{
    padding: 15px 0;
}
.block-jdmad.border a
{
    max-width: 728px; 
    margin: 0 auto;
}
.main .block-jdmad.border
{
    margin-bottom: 20px; 
    padding: 20px 0;

    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
@media only screen and (max-width: 720px)
{
    .main .block-jdmad.border
    {
        margin: 0;
        padding: 0; 

        border: none;
    }
}
.main .block-jdmad.border a
{
    margin: 0 auto;
}
.full-jdmad .block-jdmad.full
{
    position: absolute;
    z-index: 1;
    top: 140px;

    width: 100%;
    height: 100%;

    text-align: center;
}
@media only screen and (max-width: 720px)
{
    .full-jdmad .block-jdmad.full
    {
        display: none;
    }
}
.full-jdmad .block-jdmad.full a
{
    display: inline-block;
}
.full-jdmad .block-jdmad.full a img
{
    position: absolute;
    top: 0;
    left: 50%;

    width: auto;
    max-width: none; 

    -webkit-transform: translateX(-50%); 

            transform: translateX(-50%);
}
@media only screen and (max-width: 1200px)
{
    .full-jdmad .block-jdmad.full a img
    {
        width: 152%;
    }
}

.jdmad-sticky
{
    position: fixed;
    z-index: 20;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 100px;
    padding: 5px 0 0 0;

    text-align: center; 

    border: 1px solid #eee;
    background: #fff;
}
@media only screen and (max-width: 720px)
{
    .jdmad-sticky
    {
        display: none !important;
    }
}
.jdmad-sticky > .container
{
    position: relative;
}
.jdmad-sticky .content
{
    display: inline-block;
}
.jdmad-sticky .close
{
    position: absolute;
    top: 0;
    right: 0;

    width: 50px;
    height: 50px;

    cursor: pointer;
    text-align: center;

    border: none; 
    background: none;
}
.jdmad-sticky .close [class*='icon-']
{
    font-size: 20px; 

    display: block;

    -webkit-transform: rotate(45deg);

            transform: rotate(45deg);
}

/*-----------------------------------------------------------------------------------------------------
    [block-calendar]
-------------------------------------------------------------------------------------------------------*/
.mobile-calendar
{
    position: relative; 

    display: none;
}

@media only screen and (max-width: 720px)
{
    .jdm-calendar
    {
        padding-bottom: 35px;
    }
}

.jdm-calendar .ui-datepicker
{
    background: #fff;
}
.jdm-calendar .ui-datepicker .ui-datepicker-header
{
    font-family: 'Noto Sans', sans-serif;
    font-weight: 700;

    position: relative;
    position: relative; 

    height: 34px;
    padding: 0;

    text-transform: uppercase;

    color: #fff;
    background: #2d440f;
}
.jdm-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.jdm-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next
{
    position: absolute;
    top: 0;

    width: 34px;
    height: 34px;

    cursor: pointer; 
    text-align: center;
}
.jdm-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev [class*='icon-']:before,
.jdm-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next [class*='icon-']:before
{
    position: relative;
    top: 7px;

    color: #fff;
}
.jdm-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover [class*='icon-']:before,
.jdm-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover [class*='icon-']:before
{
    color: #121210;
}
.jdm-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev
{
    left: 0;
}
.jdm-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next
{
    right: 0;
}
.jdm-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-title
{
    padding-top: 7px;

    text-align: center;
    text-transform: none;
}
.jdm-calendar .ui-datepicker .ui-datepicker-calendar
{
    width: 100%;
}
.jdm-calendar .ui-datepicker .ui-datepicker-calendar tr td,
.jdm-calendar .ui-datepicker .ui-datepicker-calendar tr th
{
    font-family: Arial, Helvetica, Arial, sans-serif;
    font-weight: normal;

    padding: 0; 

    text-align: center;

    border-color: #fff;
}
.jdm-calendar .ui-datepicker .ui-datepicker-calendar tr td a,
.jdm-calendar .ui-datepicker .ui-datepicker-calendar tr td span,
.jdm-calendar .ui-datepicker .ui-datepicker-calendar tr th a,
.jdm-calendar .ui-datepicker .ui-datepicker-calendar tr th span
{
    display: block;

    padding: 10px 0;

    background: #f2f2f2;
}
.jdm-calendar .ui-datepicker .ui-datepicker-calendar tr td a:hover,
.jdm-calendar .ui-datepicker .ui-datepicker-calendar tr th a:hover
{
    color: #fff; 
    background: #121210;
}
.jdm-calendar .ui-datepicker .ui-datepicker-calendar tr td.ui-datepicker-current-day a,
.jdm-calendar .ui-datepicker .ui-datepicker-calendar tr th.ui-datepicker-current-day a
{
    background: #fff;
}
.jdm-calendar .ui-datepicker .ui-datepicker-calendar tr td.ui-datepicker-event-day a,
.jdm-calendar .ui-datepicker .ui-datepicker-calendar tr th.ui-datepicker-event-day a
{
    color: #fff; 
    background: #121210;
}
.jdm-calendar .ui-datepicker .ui-datepicker-calendar tr td.ui-datepicker-selected-day a,
.jdm-calendar .ui-datepicker .ui-datepicker-calendar tr th.ui-datepicker-selected-day a
{
    color: #fff; 
    background: #2d440f;
}
.jdm-calendar .ui-datepicker .ui-datepicker-calendar tr td.ui-datepicker-other-month span,
.jdm-calendar .ui-datepicker .ui-datepicker-calendar tr th.ui-datepicker-other-month span
{
    color: #ccc;
}

/*-----------------------------------------------------------------------------------------------------
    [block-press-statement]
-------------------------------------------------------------------------------------------------------*/
.block-press-statement
{
    margin-bottom: 30px;
}
@media only screen and (max-width: 720px)
{
    .block-press-statement
    {
        display: none;
    }
}
.block-press-statement .block-border
{
    float: left;

    width: calc(50% - 30px);
    min-height: 460px;
    margin-left: 20px;
    padding-bottom: 10px; 

    border: 1px solid #eee;
}
.block-press-statement .block-border .title
{
    font-family: 'Noto Sans', sans-serif;
    font-weight: 700;

    height: 40px;
    padding: 10px 20px 0 20px; 

    color: #888884;
    border-bottom: 1px solid #eee;
}
.block-press-statement .block-border ul
{
    margin: 10px 20px 0 20px;
}
.block-press-statement .block-border ul li
{
    padding: 6px 0; 

    border-bottom: 1px solid #eee;
}
.block-press-statement .block-border ul li a
{
    line-height: 130%; 

    display: block;
}
.block-press-statement .block-border ul li a span
{
    color: #888884;
}
.block-press-statement .block-border ul li span
{
    color: #888884;
}
.block-press-statement .block-border ul + a
{
    display: block;

    margin-top: 10px;

    text-align: center;
}
.block-press-statement .block-border ul + a span
{
    position: relative;

    display: inline-block;

    padding-left: 15px;

    color: #121210;
}
.block-press-statement .block-border ul + a span [class*='icon-']
{
    font-size: 10px;

    position: absolute;
    top: 50%;
    left: 0;

    margin-top: -9px; 

    color: #121210;
}

/*-----------------------------------------------------------------------------------------------------
    [block-kiosque]
-------------------------------------------------------------------------------------------------------*/
.block-kiosque
{
    margin-bottom: 30px; 
    padding: 25px;

    border: 1px solid #eee;
    background: #fff;
}
.block-kiosque .title
{
    font-family: 'Noto Sans', sans-serif;
    font-size: 18px;
    font-weight: bold;

    margin-bottom: 25px;
}
.block-kiosque .title a
{
    text-decoration: underline; 

    color: #ac6c0c;
}
.block-kiosque .current-edition
{
    display: block; 

    text-align: center;
}
.block-kiosque .current-edition img
{
    display: inline-block;

    max-width: 130px;
}
.block-kiosque .current-edition + a
{
    font-size: 13px; 

    display: block;

    margin-top: 10px;

    text-align: center;

    color: #666;
}
.block-kiosque .current-edition + a span
{
    position: relative;

    display: inline-block;

    padding-left: 15px;

    color: #666;
}
.block-kiosque .current-edition + a span [class*='icon-']
{
    font-size: 10px;

    position: absolute;
    top: 50%;
    left: 0;

    margin-top: -9px; 

    color: #121210;
}
.main .block-kiosque
{
    border-color: #ac6c0c;
}
.main .block-kiosque .title
{
    text-align: center;
}

/*-----------------------------------------------------------------------------------------------------
    [carousel]
-------------------------------------------------------------------------------------------------------*/
.owl-carousel .owl-item
{
    text-align: center;
}
.owl-carousel .owl-item img
{
    display: inline-block; 

    width: auto;
    margin: 0 !important;
}

.post-carousel
{
    margin-bottom: 20px;
}
.post-carousel .owl-carousel .owl-item figcaption
{
    padding: 5px;

    color: #fff;
}
@media only screen and (max-width: 720px)
{
    .post-carousel .owl-carousel .owl-item figcaption
    {
        padding: 5px 20px;
    }
}
.post-carousel .owl-carousel .owl-nav .owl-prev,
.post-carousel .owl-carousel .owl-nav .owl-next
{
    position: absolute;
    top: 50%;

    width: 40px;
    height: 40px;
    margin: 0;
    margin-top: -40px;

    text-align: center;
}
.post-carousel .owl-carousel .owl-nav .owl-prev [class*='icon-'],
.post-carousel .owl-carousel .owl-nav .owl-next [class*='icon-']
{
    font-size: 30px;

    position: absolute;
    top: 50%;
    left: 50%;

    margin: -10px 0 0 -17px; 

    color: rgba(255, 255, 255, .5);
}
.post-carousel .owl-carousel .owl-nav .owl-prev.disabled,
.post-carousel .owl-carousel .owl-nav .owl-next.disabled
{
    display: none;
}
.post-carousel .owl-carousel .owl-nav .owl-prev
{
    left: 0;
}
.post-carousel .owl-carousel .owl-nav .owl-next
{
    right: 0;
}
.post-carousel.gallery-carousel .owl-carousel .owl-item
{
    height: 440px;
}
.post-carousel.gallery-carousel .owl-carousel .owl-item .item
{
    display: flex;
    flex-direction: column;

    height: 100%; 

    align-items: center;
    justify-content: center;
}
.post-carousel.gallery-carousel .owl-carousel .owl-item .item img
{
    max-height: 370px;
}

.post-thumb-carousel
{
    position: relative;

    margin: 0 60px 35px 60px;
}
@media only screen and (max-width: 720px)
{
    .post-thumb-carousel
    {
        margin: 0 20px 20px 20px;
    }
}
.post-thumb-carousel .owl-carousel .owl-item:after
{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    content: '';
    transition: 300ms; 

    box-shadow: inset 0 0 0 0 #fff;
}
.post-thumb-carousel .owl-carousel .owl-item img
{
    z-index: 1;

    transition: 300ms; 

    opacity: .75;
    border: none;
}
.post-thumb-carousel .owl-carousel .owl-item.current:after
{
    box-shadow: inset 0 0 0 3px #fff;
}
.post-thumb-carousel .owl-carousel .owl-item.current img
{
    opacity: 1;
}
.post-thumb-carousel .owl-carousel .owl-item:hover
{
    cursor: pointer;
}
.post-thumb-carousel .owl-carousel .owl-item:hover:after
{
    box-shadow: inset 0 0 0 3px #fff;
}
.post-thumb-carousel .owl-carousel .owl-item:hover img
{
    /*opacity: 1;*/
}
.post-thumb-carousel .owl-carousel .owl-nav .owl-prev,
.post-thumb-carousel .owl-carousel .owl-nav .owl-next
{
    position: absolute;
    top: 50%;

    width: 50px;
    height: 50px;
    margin: 0;
    margin-top: -25px;

    text-align: center;
}
.post-thumb-carousel .owl-carousel .owl-nav .owl-prev [class*='icon-']:before,
.post-thumb-carousel .owl-carousel .owl-nav .owl-next [class*='icon-']:before
{
    font-size: 20px;

    position: absolute;
    top: 50%;
    left: 50%;

    margin: -10px 0 0 -12px; 

    color: #fff;
}
.post-thumb-carousel .owl-carousel .owl-nav .owl-prev.disabled,
.post-thumb-carousel .owl-carousel .owl-nav .owl-next.disabled
{
    display: none;
}
.post-thumb-carousel .owl-carousel .owl-nav .owl-prev
{
    left: -60px;
}
.post-thumb-carousel .owl-carousel .owl-nav .owl-next
{
    right: -60px;
}

.kiosque-carousel
{
    position: relative; 

    max-width: 240px;
    margin: 0 auto;
}
.kiosque-carousel .owl-nav .owl-prev,
.kiosque-carousel .owl-nav .owl-next
{
    position: absolute;
    top: 50%;

    width: 40px;
    height: 40px;
    margin: 0;
    margin-top: -25px;

    text-align: center;
}
.kiosque-carousel .owl-nav .owl-prev [class*='icon-']:before,
.kiosque-carousel .owl-nav .owl-next [class*='icon-']:before
{
    font-size: 20px;

    position: absolute;
    top: 50%;
    left: 50%;

    margin: -10px 0 0 -12px;
}
.kiosque-carousel .owl-nav .owl-prev.disabled,
.kiosque-carousel .owl-nav .owl-next.disabled
{
    display: none;
}
.kiosque-carousel .owl-nav .owl-prev
{
    left: -40px;
}
.kiosque-carousel .owl-nav .owl-next
{
    right: -40px;
}

.block-kiosque-carousel
{
    position: relative;
}
.block-kiosque-carousel .owl-nav .owl-prev,
.block-kiosque-carousel .owl-nav .owl-next
{
    position: absolute;
    top: 50%;

    width: 40px;
    height: 40px;
    margin: 0;
    margin-top: -25px;

    text-align: center;
}
.block-kiosque-carousel .owl-nav .owl-prev [class*='icon-']:before,
.block-kiosque-carousel .owl-nav .owl-next [class*='icon-']:before
{
    font-size: 20px;

    position: absolute;
    top: 50%;
    left: 50%;

    margin: -10px 0 0 -12px;
}
.block-kiosque-carousel .owl-nav .owl-prev.disabled,
.block-kiosque-carousel .owl-nav .owl-next.disabled
{
    display: none;
}
.block-kiosque-carousel .owl-nav .owl-prev
{
    left: -20px;
}
.block-kiosque-carousel .owl-nav .owl-next
{
    right: -20px;
}

/*-----------------------------------------------------------------------------------------------------
    [colorbox]
-------------------------------------------------------------------------------------------------------*/
#cboxOverlay
{
    background: rgba(0, 0, 0, .8);
}

#cboxLoadingGraphic
{
    background-image: url('../vendor/colorbox/example1/images/loading.gif');
}

#cboxPrevious
{
    background-image: url('../vendor/colorbox/example1/images/controls.png');
}

#cboxNext
{
    background-image: url('../vendor/colorbox/example1/images/controls.png');
}

#cboxClose
{
    background-image: url('../vendor/colorbox/example1/images/controls.png');
}

/*-----------------------------------------------------------------------------------------------------
    [featured-tag]
-------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 720px)
{
    .featured-tag
    {
        position: relative; 

        height: 40px;
        margin-bottom: 30px;
        padding-left: 180px;

        background: #121210;
    }
    .featured-tag p
    {
        font-weight: bold;

        position: relative;
        position: absolute;
        top: 0;
        left: 0;

        width: 180px;
        height: 40px;
        padding-top: 10px;

        text-align: center;
        text-transform: uppercase;

        color: #fff;
        background: #2d440f;
    }
    .featured-tag p [class*='icon-']
    {
        display: none;
    }
    .featured-tag p:after
    {
        position: absolute;
        top: 0;
        right: -15px;

        display: block;

        width: 0;
        height: 0;

        content: '';

        border-width: 20px 0 20px 15px;
        border-style: solid;
        border-color: transparent transparent transparent #2d440f;
    }
    .category-politique .featured-tag p
    {
        background: #f30;
    }
    .category-politique .featured-tag p:after
    {
        border-color: transparent transparent transparent #f30;
    }
    .category-eco-et-business .featured-tag p
    {
        background: #2c6de9;
    }
    .category-eco-et-business .featured-tag p:after
    {
        border-color: transparent transparent transparent #2c6de9;
    }
    .category-societe .featured-tag p
    {
        background: #bf86ba;
    }
    .category-societe .featured-tag p:after
    {
        border-color: transparent transparent transparent #bf86ba;
    }
    .category-sport .featured-tag p
    {
        background: #479700;
    }
    .category-sport .featured-tag p:after
    {
        border-color: transparent transparent transparent #479700;
    }
    .category-sante .featured-tag p
    {
        background: #aed80a;
    }
    .category-sante .featured-tag p:after
    {
        border-color: transparent transparent transparent #aed80a;
    }
    .category-culture .featured-tag p
    {
        background: #ff719f;
    }
    .category-culture .featured-tag p:after
    {
        border-color: transparent transparent transparent #ff719f;
    }
    .category-personnalites .featured-tag p
    {
        background: #d9ad00;
    }
    .category-personnalites .featured-tag p:after
    {
        border-color: transparent transparent transparent #d9ad00;
    }
    .category-international .featured-tag p
    {
        background: #6b3781;
    }
    .category-international .featured-tag p:after
    {
        border-color: transparent transparent transparent #6b3781;
    }
    .category-opinions .featured-tag p
    {
        background: #b05000;
    }
    .category-opinions .featured-tag p:after
    {
        border-color: transparent transparent transparent #b05000;
    }
    .category-debat .featured-tag p
    {
        background: #b05000;
    }
    .category-debat .featured-tag p:after
    {
        border-color: transparent transparent transparent #b05000;
    }
    .category-dossiers .featured-tag p
    {
        background: #333;
    }
    .category-dossiers .featured-tag p:after
    {
        border-color: transparent transparent transparent #333;
    }
    .category-medias .featured-tag p
    {
        background: #1a1a1a;
    }
    .category-medias .featured-tag p:after
    {
        border-color: transparent transparent transparent #1a1a1a;
    }
    .featured-tag ul
    {
        display: table;

        width: 100%;
    }
    .featured-tag ul li
    {
        font-family: 'Noto Sans', sans-serif;

        display: table-cell;

        text-align: center;
    }
    .featured-tag ul li a
    {
        display: block;

        height: 40px;
        padding: 10px 10px 0 10px; 

        color: #fff;
    }
    [class*='category-'] .featured-tag,
    .page-infos .featured-tag
    {
        position: relative; 

        margin-bottom: 40px;
    }
    [class*='category-'] .featured-tag:after,
    .page-infos .featured-tag:after
    {
        position: absolute;
        bottom: -20px;
        left: 0; 

        display: block;

        width: 100%;
        height: 1px;

        content: '';

        background: #eee;
    }
}

@media screen and (max-width: 720px)
{
    .featured-tag
    {
        display: none; 

        border-bottom: 1px solid #eee;
    }
    .featured-tag p
    {
        font-family: 'Noto Sans', sans-serif;
        font-size: 14px;

        position: relative;

        display: block;

        padding: 14px 15px;

        cursor: pointer; 
        text-transform: uppercase;

        border-left: 4px solid #2d440f;
    }
    .featured-tag p [class*='icon-']
    {
        font-size: 10px; 

        position: absolute;
        top: 50%;
        right: 25px;

        margin-top: -8px;
    }
    .featured-tag p.active [class*='icon-']
    {
        color: #2d440f;
    }
    .featured-tag ul
    {
        display: none; 

        margin: 0 19px;
        padding: 10px 0;

        border-top: 1px solid #eee;
    }
    .featured-tag ul li a
    {
        font-family: 'Noto Sans', sans-serif;
        font-size: 13px; 

        display: block;

        padding: 8px 40px 8px 20px;
    }
}

/*-----------------------------------------------------------------------------------------------------
    [featured-photo]
-------------------------------------------------------------------------------------------------------*/
.featured-photo
{
    background: #5a5858;
}
@media only screen and (max-width: 720px)
{
    .featured-photo
    {
        display: none;
    }
}
.featured-photo .block-photo
{
    float: left;

    width: 100%;
}
@media screen and (min-width: 720px) and (max-width: 1024px)
{
    .featured-photo .block-photo
    {
        float: none;

        width: auto;
    }
}
.featured-photo .block-photo .title
{
    height: 34px;
    padding: 7px 20px 0 20px; 

    background: #121210;
}
.featured-photo .block-photo .title p
{
    font-family: 'Noto Sans', sans-serif;

    float: left; 

    text-transform: uppercase;

    color: #fff;
}
.featured-photo .block-photo .title a
{
    font-family: 'Noto Sans', sans-serif;

    position: relative;

    display: block;
    float: right;

    padding-left: 14px; 

    color: #fff;
}
.featured-photo .block-photo .title a [class*='icon-']
{
    font-size: 10px;

    position: absolute;
    top: 50%;
    left: 0;

    margin-top: -9px; 

    color: #fff;
}
@media screen and (min-width: 720px) and (max-width: 1024px)
{
    .featured-photo .block-photo a
    {
        display: block; 

        text-align: center;
    }
}
.featured-photo .block-photo a figure
{
    padding: 20px;
}
@media screen and (min-width: 720px) and (max-width: 1024px)
{
    .featured-photo .block-photo a figure
    {
        display: inline-block;
    }
}
.featured-photo .block-photo a figure img
{
    margin-bottom: 8px;
}
.featured-photo .block-photo a figure figcaption
{
    font-family: 'Noto Serif', serif;
    font-size: 15px;
    font-weight: 700; 

    color: #121210;
}
.featured-photo .block-photo:first-child .title
{
    border-right: 1px solid #fff;
}

/*-----------------------------------------------------------------------------------------------------
    [tab-nav]
-------------------------------------------------------------------------------------------------------*/
.tab-nav > li
{
    font-family: 'Noto Sans', sans-serif;
    font-size: 16px;

    float: left;

    width: 50%;
    height: 40px;
    padding: 10px 10px 0 10px; 

    text-align: center;

    color: #888884;
    background: #f3f3f3;
}
.tab-nav > li a
{
    display: block;

    color: #888884;
}
.tab-nav > li.active
{
    color: #121210; 
    background: #fff;
}
.tab-nav > li.active a
{
    color: #121210;
}
.tab-nav > li.active:hover
{
    cursor: default;
}
.tab-nav > li:hover
{
    cursor: pointer;
}

.tab-content
{
    margin: 0 20px;
}
.tab-content > li
{
    display: none;
}
.tab-content > li.active
{
    display: block;
}

/*-----------------------------------------------------------------------------------------------------
    [timeline]
-------------------------------------------------------------------------------------------------------*/
.timeline > li.info
{
    position: relative;

    padding: 0 0 30px 30px;
}
@media only screen and (max-width: 720px)
{
    .timeline > li.info
    {
        padding-bottom: 15px; 
        padding-left: 10px;
    }
}
.timeline > li.info:after
{
    position: absolute;
    z-index: 1; 
    top: 0;
    left: 3px;

    display: block;

    width: 4px;
    height: 100%;

    content: '';

    background: #cececc;
}
@media only screen and (max-width: 720px)
{
    .timeline > li.info:after
    {
        left: -15px;
    }
}
.timeline > li.info span
{
    font-family: 'Noto Sans', sans-serif;
    font-size: 15px;

    display: block;

    margin-bottom: 4px;

    color: #888884;
    /*&.anchor {
					position: absolute;
					top: -150px;
					visibility: hidden;
				}*/
}
@media only screen and (max-width: 720px)
{
    .timeline > li.info span
    {
        font-size: 13px;
    }
}
.timeline > li.info span:after
{
    position: absolute;
    z-index: 2; 
    top: 4px;
    left: 0;

    display: block;

    width: 10px;
    height: 10px;

    content: '';

    border-radius: 10px;
    background: #cececc;
    box-shadow: 0 0 0 4px #fff;
}
@media only screen and (max-width: 720px)
{
    .timeline > li.info span:after
    {
        left: -18px;
    }
}
.timeline > li.info .title
{
    font-size: 16px; 
    font-weight: bold;

    color: #2d440f;
}
.timeline > li.info p
{
    margin-bottom: 5px; 

    color: #333;
}
.timeline > li.info a
{
    display: block;

    text-decoration: underline;
}

.timeline > li.date
{
    font-family: 'Noto Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;

    position: relative;
    z-index: 4;

    display: inline-block;

    width: auto; 
    height: 30px;
    margin: 10px 0;
    padding: 5px 10px 0 10px;

    color: #fff;
    background: #2d440f;
    box-shadow: 0 0 0 4px #fff;
}
@media only screen and (max-width: 720px)
{
    .timeline > li.date
    {
        left: -16px;
    }
}

.timeline > li .block-jdmad
{
    margin: 10px 0 25px 0;
}

/*-----------------------------------------------------------------------------------------------------
    [header]
-------------------------------------------------------------------------------------------------------*/
.header
{
    position: fixed;
    z-index: 99; 
    top: 0;

    width: 100%;

    background: #fff;
}
@media only screen and (max-width: 720px)
{
    .header
    {
        height: 50px;

        border-bottom: 2px solid #eee;
    }
}
.page-webtv .header
{
    border-bottom: 2px solid #1a1a1a;
}
.admin-bar .header
{
    top: 32px;
}
@media only screen and (max-width: 720px)
{
    .admin-bar .header
    {
        top: 0;
    }
}
.header > .container
{
    position: relative;

    height: 120px;
}
@media only screen and (max-width: 720px)
{
    .header > .container
    {
        height: 50px;
    }
}
.header > .container .header-top
{
    position: absolute;
    top: 0;
    right: 10px;

    padding-top: 4px;
}
@media only screen and (max-width: 720px)
{
    .header > .container .header-top
    {
        display: none;
    }
}
.header > .container .header-top p
{
    font-size: 13px;

    float: left;

    margin-right: 10px;
    padding-top: 2px; 

    color: #888884;
}
.header > .container .header-top .social-link
{
    float: left;
}
.header > .container .header-top .social-link li
{
    float: left;

    border-left: 1px solid #d3d3d2;
}
.header > .container .header-top .social-link li a
{
    padding: 0 5px;
}
.header > .container .header-top .social-link li a [class*='icon']
{
    position: relative;
    top: 1px;
}
.header > .container .header-top .social-link li:first-child
{
    border: none;
}
.header > .container .header-top .social-link li.lang
{
    margin-left: 10px; 

    border: none;
}
.header > .container .header-top .social-link li.lang a
{
    font-family: 'Noto Sans', sans-serif;

    text-decoration: underline;
}
.header > .container .header-top .social-link li.lang a:hover
{
    text-decoration: none; 

    color: #2d440f;
}
.header > .container .header-top .social-link li.lang.active a
{
    text-decoration: none; 

    color: #2d440f;
}
.header > .container .header-top .social-link li.lang + .lang
{
    margin-left: 0; 

    border-left: 1px solid #333;
}
.header > .container .logo
{
    display: block; 
    float: left;

    margin: 36px 9% 0 0;
}
@media only screen and (max-width: 1200px)
{
    .header > .container .logo
    {
        margin-right: 4%;
    }
}
@media only screen and (max-width: 1024px)
{
    .header > .container .logo
    {
        width: 300px; 
        margin-right: 4%;
    }
}
@media only screen and (max-width: 720px)
{
    .header > .container .logo
    {
        

        width: 200px;
        margin: 0 auto;
        padding-top: 14px;
        padding-left: 60px;
    }
    .header > .container .logo img
    {
        max-width: 150px;
    }
}
.header > .container .form-search
{
    float: left;

    margin: 50px 0 0 0;
}
@media only screen and (max-width: 1024px)
{
    .header > .container .form-search
    {
        float: right;

        margin-top: 40px;
    }
}
@media only screen and (max-width: 720px)
{
    .header > .container .form-search
    {
        position: absolute;
        top: 50px;
        right: 0;
        left: 0;

        display: none;
        float: none;

        margin: 0;
        padding: 10px;

        border: 2px solid #eee;
        border-top: none; 
        background: #fff;
    }
}
@media only screen and (max-width: 720px) and (max-width: 720px)
{
    .header > .container .form-search
    {
        padding: 20px 10px;
    }
}
.header > .container .quote
{
    float: right;

    margin: 55px 0 0 0;
}
@media only screen and (max-width: 1024px)
{
    .header > .container .quote
    {
        clear: both; 

        margin-top: 6px;
    }
    .header > .container .quote p
    {
        display: inline-block;
    }
    .header > .container .quote span
    {
        display: inline-block;
    }
}
@media only screen and (max-width: 720px)
{
    .header > .container .quote
    {
        display: none;
    }
}
.sticky-header .header > .container
{
    height: 60px;
}
@media only screen and (max-width: 720px)
{
    .sticky-header .header > .container
    {
        height: 50px;
    }
}
.sticky-header .header > .container .header-top
{
    top: 15px;
}
.sticky-header .header > .container .logo
{
    margin: 10px 20% 0 0;
}
.sticky-header .header > .container .logo img
{
    width: auto; 
    height: 40px;
}
.sticky-header .header > .container .form-search
{
    margin: 10px 0 0 0;
}
.sticky-header .header > .container .quote
{
    display: none;
}

/*-----------------------------------------------------------------------------------------------------
    [footer]
-------------------------------------------------------------------------------------------------------*/
.footer
{
    background: #fff;
}
@media only screen and (max-width: 720px)
{
    .footer .container
    {
        padding: 0;
    }
}
.footer .footer-top
{
    padding: 40px 0; 

    background: #090909;
}
.footer .footer-top .container
{
    display: flex;

    justify-content: space-around;
    align-items: center;
}
@media only screen and (max-width: 720px)
{
    .footer .footer-top .container
    {
        display: block;
    }
}
@media only screen and (max-width: 720px)
{
    .footer .footer-top
    {
        position: relative; 

        padding: 140px 0 20px 0;
    }
}
.footer .footer-top .footer-column
{
    padding: 0 50px; 

    text-align: center;
}
@media only screen and (max-width: 1200px)
{
    .footer .footer-top .footer-column
    {
        padding: 0 20px;
    }
}
@media only screen and (max-width: 1024px)
{
    .footer .footer-top .footer-column
    {
        padding: 0;
    }
}
@media only screen and (max-width: 720px)
{
    .footer .footer-top .footer-column
    {
        padding: 15px 0;
    }
}
.footer .footer-top .footer-column > [class*='icon-']
{
    font-size: 32px; 

    color: #fff;
}
@media only screen and (max-width: 720px)
{
    .footer .footer-top .footer-column > [class*='icon-']
    {
        display: none;
    }
}
.footer .footer-top .footer-column .title
{
    font-family: 'Noto Sans', sans-serif;
    font-weight: 700;
    line-height: 170%;

    max-width: 220px; 
    margin: 10px auto 6px auto;

    color: #fff;
}
@media only screen and (max-width: 720px)
{
    .footer .footer-top .footer-column .title
    {
        font-size: 13px; 
        line-height: 140%;

        margin-bottom: 15px;
    }
}
@media only screen and (max-width: 720px)
{
    .footer .footer-top .footer-column:nth-child(1) .title
    {
        margin-top: 0;
    }
}
@media only screen and (max-width: 720px)
{
    .footer .footer-top .footer-column:nth-child(1) .form-newsletter
    {
        max-width: 400px;
        margin: 0 auto; 
        padding: 0 10px;
    }
}
@media only screen and (max-width: 720px)
{
    .footer .footer-top .footer-column:nth-child(2)
    {
        position: absolute;
        top: 0;

        width: 100%;

        border-bottom: 1px solid #5c5c5c;
    }
}
.footer .footer-top .footer-column:nth-child(2) .social-link
{
    margin-top: 29px;
}
@media only screen and (max-width: 720px)
{
    .footer .footer-top .footer-column:nth-child(2) .social-link
    {
        margin-top: 10px;
    }
}
@media only screen and (max-width: 720px)
{
    .footer .footer-top .footer-column:nth-child(3)
    {
        display: none;
    }
}
.footer .footer-top .footer-column:nth-child(3) .primary-btn
{
    display: block; 

    margin-top: 29px;
}
@media only screen and (max-width: 1200px)
{
    .footer .footer-top .footer-column:nth-child(3) .primary-btn
    {
        height: auto;
        padding-bottom: 8px;
    }
}
.footer .footer-menu-content
{
    padding: 30px 0 0 0;
}
@media only screen and (max-width: 720px)
{
    .footer .footer-menu-content
    {
        display: none;
    }
}
.footer .footer-menu-content .title
{
    font-family: 'Noto Serif', serif;
    font-size: 24px;
    font-weight: 700;

    margin-bottom: 20px; 
    padding-bottom: 18px;

    color: #2d440f;
    border-bottom: 1px solid #e6e6e6;
}
.footer .footer-menu-content .footer-menu > li
{
    float: left;

    width: calc(16.66667% - 23.33333px);
    min-height: 180px; 
    margin-bottom: 35px;
    margin-left: 20px;
}
@media only screen and (max-width: 1200px)
{
    .footer .footer-menu-content .footer-menu > li
    {
        min-height: 200px;
    }
}
@media only screen and (max-width: 1024px)
{
    .footer .footer-menu-content .footer-menu > li
    {
        float: left;

        width: calc(25% - 25px);
        margin-bottom: 35px; 
        margin-left: 20px;
    }
}
.footer .footer-menu-content .footer-menu > li > a
{
    font-family: 'Noto Sans', sans-serif;
    font-weight: 700;

    display: block;

    margin-bottom: 15px;

    text-transform: uppercase; 

    color: #121210;
}
.footer .footer-menu-content .footer-menu > li > a:hover
{
    text-decoration: underline;
}
.footer .footer-link
{
    height: 60px;
    margin-bottom: 30px; 
    padding: 10px;

    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}
@media only screen and (max-width: 1024px)
{
    .footer .footer-link
    {
        height: auto;

        text-align: center;
    }
}
@media only screen and (max-width: 720px)
{
    .footer .footer-link
    {
        height: auto; 

        border-top: none;
    }
}
.footer .footer-link .logo
{
    display: block;
    float: left;

    max-height: 40px;

    text-align: left;
}
@media only screen and (max-width: 1024px)
{
    .footer .footer-link .logo
    {
        display: inline-block;
        float: none;

        margin: 0 auto;
    }
}
@media only screen and (max-width: 720px)
{
    .footer .footer-link .logo
    {
        display: none;
    }
}
.footer .footer-link .logo img
{
    max-height: 40px;
}
.footer .footer-link ul
{
    float: right;

    margin: 10px 0 0 0;
}
@media only screen and (max-width: 1024px)
{
    .footer .footer-link ul
    {
        float: none;

        text-align: center;
    }
}
@media only screen and (max-width: 720px)
{
    .footer .footer-link ul
    {
        float: none;

        margin-top: 0;

        text-align: center;
    }
}
.footer .footer-link ul li
{
    float: left;
}
@media only screen and (max-width: 1024px)
{
    .footer .footer-link ul li
    {
        float: none;

        text-align: center;
    }
}
.footer .footer-link ul li a
{
    display: block;

    padding: 0 45px;

    border-right: 1px solid #e6e6e6;
}
@media only screen and (max-width: 1024px)
{
    .footer .footer-link ul li a
    {
        padding: 5px 10px; 

        border: none;
    }
}
.footer .footer-link ul li:last-child a
{
    border: none;
}
@media only screen and (max-width: 720px)
{
    .footer .footer-extra-link
    {
        padding: 0 10px 10px 10px;

        border-bottom: 1px solid #e6e6e6;
    }
}
.footer .footer-extra-link .title
{
    font-family: 'Noto Serif', serif;
    font-size: 24px;
    font-weight: 700;

    margin-bottom: 30px; 
    padding: 40px 0 0 0;

    color: #2d440f;
    border-top: 1px solid #e6e6e6;
}
@media only screen and (max-width: 720px)
{
    .footer .footer-extra-link .title
    {
        line-height: 120%;
    }
}
.footer .footer-extra-link ul
{
    /*columns: 5;
			column-width: 20%;
			column-gap: 5%;
			column-rule: 1px solid #E6E6E6;*/
    display: flex;

    margin-bottom: 30px; 

    flex-wrap: wrap;
}
.footer .footer-extra-link ul li
{
    width: 20%;
    /*&:nth-child(5n+0) {
					a {
						&:after {
							display: none;
						}
					}
				}*/
}
@media only screen and (max-width: 1200px)
{
    .footer .footer-extra-link ul li
    {
        width: 25%;
    }
}
@media only screen and (max-width: 1024px)
{
    .footer .footer-extra-link ul li
    {
        width: 33%;
    }
}
@media only screen and (max-width: 720px)
{
    .footer .footer-extra-link ul li
    {
        width: 50%;

        text-align: center;
    }
}
@media only screen and (max-width: 450px)
{
    .footer .footer-extra-link ul li
    {
        width: 100%;
    }
}
.footer .footer-extra-link ul li a
{
    position: relative; 

    display: block;

    padding: 2px 0;
}
@media only screen and (max-width: 720px)
{
    .footer .footer-extra-link ul li a
    {
        text-align: left;
    }
}
.footer .footer-extra-link ul li a:hover
{
    color: #2d440f;
}
.footer .footer-extra-link ul li a:after
{
    position: absolute;
    top: 0;
    right: 20%;

    display: block;

    width: 1px;
    height: 100%;

    content: '';

    background: #e6e6e6;
}
@media only screen and (max-width: 720px)
{
    .footer .footer-extra-link ul li a:after
    {
        display: none;
    }
}
.footer .legal
{
    margin-bottom: 30px; 

    text-align: center;
}
@media only screen and (max-width: 720px)
{
    .footer .legal
    {
        font-size: 12px;

        padding: 0 10px; 

        color: #888884;
    }
}
.footer .legal a
{
    color: #888884;
}

/*-----------------------------------------------------------------------------------------------------
    [nav]
-------------------------------------------------------------------------------------------------------*/
.tablet-menu
{
    display: none;
}

.main-menu > .container .nav-prev,
.main-menu > .container .nav-next
{
    display: none;
}

@media screen and (min-width: 720px)
{
    .main-menu
    {
        position: relative; 

        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
    }
    .main-menu > .container .nav-prev,
    .main-menu > .container .nav-next
    {
        display: none;
    }
}
@media screen and (min-width: 720px) and (min-width: 1024px)
{
    .main-menu > .container > ul
    {
        display: table;

        width: 100%;
    }
}
@media screen and (min-width: 720px) and (min-width: 1024px)
{
    .main-menu > .container > ul > li
    {
        display: table-cell;
    }
}

@media screen and (min-width: 720px)
{
    .main-menu > .container > ul > li > a
    {
        font-family: 'Noto Sans', sans-serif;

        position: relative;

        display: block;

        height: 40px;
        padding: 8px 10px 0 10px;

        text-align: center;
        text-transform: uppercase;

        border-bottom: 3px solid #333;
        background: #fff;
    }
    .main-menu > .container > ul > li > a [class*='icon-']
    {
        display: none;
    }
    .main-menu > .container > ul > li > a:hover
    {
        text-decoration: none;
    }
    .main-menu > .container > ul > li > a:after
    {
        position: absolute;
        z-index: 9; 
        top: 0;
        right: 0;

        display: block;

        width: 1px;
        height: 100%;

        content: '';

        background: rgba(223, 223, 223, .4);
    }
    .main-menu > .container > ul > li:last-child > a:after
    {
        display: none;
    }
    .main-menu > .container > ul > li.politique > a
    {
        border-color: #f30;
    }
    .main-menu > .container > ul > li.politique > a:hover
    {
        color: #fff;
        background: #f30;
    }
    .main-menu > .container > ul > li.politique > a.active
    {
        color: #fff;
        background: #f30;
    }
    .main-menu > .container > ul > li.politique:hover > a
    {
        color: #fff; 
        background: #f30;
    }
    .main-menu > .container > ul > li.politique .sub-menu
    {
        border-top: 3px solid #f30;
        background: #fff;
    }
    .main-menu > .container > ul > li.eco-et-business > a
    {
        border-color: #2c6de9;
    }
    .main-menu > .container > ul > li.eco-et-business > a:hover
    {
        color: #fff;
        background: #2c6de9;
    }
    .main-menu > .container > ul > li.eco-et-business > a.active
    {
        color: #fff;
        background: #2c6de9;
    }
    .main-menu > .container > ul > li.eco-et-business:hover > a
    {
        color: #fff; 
        background: #2c6de9;
    }
    .main-menu > .container > ul > li.eco-et-business .sub-menu
    {
        border-top: 3px solid #2c6de9;
        background: #fff;
    }
    .main-menu > .container > ul > li.societe > a
    {
        border-color: #bf86ba;
    }
    .main-menu > .container > ul > li.societe > a:hover
    {
        color: #fff;
        background: #bf86ba;
    }
    .main-menu > .container > ul > li.societe > a.active
    {
        color: #fff;
        background: #bf86ba;
    }
    .main-menu > .container > ul > li.societe:hover > a
    {
        color: #fff; 
        background: #bf86ba;
    }
    .main-menu > .container > ul > li.societe .sub-menu
    {
        border-top: 3px solid #bf86ba;
        background: #fff;
    }
    .main-menu > .container > ul > li.sport > a
    {
        border-color: #479700;
    }
    .main-menu > .container > ul > li.sport > a:hover
    {
        color: #fff;
        background: #479700;
    }
    .main-menu > .container > ul > li.sport > a.active
    {
        color: #fff;
        background: #479700;
    }
    .main-menu > .container > ul > li.sport:hover > a
    {
        color: #fff; 
        background: #479700;
    }
    .main-menu > .container > ul > li.sport .sub-menu
    {
        border-top: 3px solid #479700;
        background: #fff;
    }
    .main-menu > .container > ul > li.sante > a
    {
        border-color: #aed80a;
    }
    .main-menu > .container > ul > li.sante > a:hover
    {
        color: #fff;
        background: #aed80a;
    }
    .main-menu > .container > ul > li.sante > a.active
    {
        color: #fff;
        background: #aed80a;
    }
    .main-menu > .container > ul > li.sante:hover > a
    {
        color: #fff; 
        background: #aed80a;
    }
    .main-menu > .container > ul > li.sante .sub-menu
    {
        border-top: 3px solid #aed80a;
        background: #fff;
    }
    .main-menu > .container > ul > li.culture > a
    {
        border-color: #ff719f;
    }
    .main-menu > .container > ul > li.culture > a:hover
    {
        color: #fff;
        background: #ff719f;
    }
    .main-menu > .container > ul > li.culture > a.active
    {
        color: #fff;
        background: #ff719f;
    }
    .main-menu > .container > ul > li.culture:hover > a
    {
        color: #fff; 
        background: #ff719f;
    }
    .main-menu > .container > ul > li.culture .sub-menu
    {
        border-top: 3px solid #ff719f;
        background: #fff;
    }
    .main-menu > .container > ul > li.personnalites > a
    {
        border-color: #d9ad00;
    }
    .main-menu > .container > ul > li.personnalites > a:hover
    {
        color: #fff;
        background: #d9ad00;
    }
    .main-menu > .container > ul > li.personnalites > a.active
    {
        color: #fff;
        background: #d9ad00;
    }
    .main-menu > .container > ul > li.personnalites:hover > a
    {
        color: #fff; 
        background: #d9ad00;
    }
    .main-menu > .container > ul > li.personnalites .sub-menu
    {
        border-top: 3px solid #d9ad00;
        background: #fff;
    }
    .main-menu > .container > ul > li.international > a
    {
        border-color: #6b3781;
    }
    .main-menu > .container > ul > li.international > a:hover
    {
        color: #fff;
        background: #6b3781;
    }
    .main-menu > .container > ul > li.international > a.active
    {
        color: #fff;
        background: #6b3781;
    }
    .main-menu > .container > ul > li.international:hover > a
    {
        color: #fff; 
        background: #6b3781;
    }
    .main-menu > .container > ul > li.international .sub-menu
    {
        border-top: 3px solid #6b3781;
        background: #fff;
    }
    .main-menu > .container > ul > li.opinions > a
    {
        border-color: #b05000;
    }
    .main-menu > .container > ul > li.opinions > a:hover
    {
        color: #fff;
        background: #b05000;
    }
    .main-menu > .container > ul > li.opinions > a.active
    {
        color: #fff;
        background: #b05000;
    }
    .main-menu > .container > ul > li.opinions:hover > a
    {
        color: #fff; 
        background: #b05000;
    }
    .main-menu > .container > ul > li.opinions .sub-menu
    {
        border-top: 3px solid #b05000;
        background: #fff;
    }
    .main-menu > .container > ul > li.debat > a
    {
        border-color: #b05000;
    }
    .main-menu > .container > ul > li.debat > a:hover
    {
        color: #fff;
        background: #b05000;
    }
    .main-menu > .container > ul > li.debat > a.active
    {
        color: #fff;
        background: #b05000;
    }
    .main-menu > .container > ul > li.debat:hover > a
    {
        color: #fff; 
        background: #b05000;
    }
    .main-menu > .container > ul > li.debat .sub-menu
    {
        border-top: 3px solid #b05000;
        background: #fff;
    }
    .main-menu > .container > ul > li.dossiers > a
    {
        border-color: #333;
    }
    .main-menu > .container > ul > li.dossiers > a:hover
    {
        color: #fff;
        background: #333;
    }
    .main-menu > .container > ul > li.dossiers > a.active
    {
        color: #fff;
        background: #333;
    }
    .main-menu > .container > ul > li.dossiers:hover > a
    {
        color: #fff; 
        background: #333;
    }
    .main-menu > .container > ul > li.dossiers .sub-menu
    {
        border-top: 3px solid #333;
        background: #fff;
    }
    .main-menu > .container > ul > li.can-2019 > a
    {
        border-color: #2d440f;
    }
    .main-menu > .container > ul > li.can-2019 > a:hover
    {
        color: #fff;
        background: #2d440f;
    }
    .main-menu > .container > ul > li.can-2019 > a.active
    {
        color: #fff;
        background: #2d440f;
    }
    .main-menu > .container > ul > li.can-2019:hover > a
    {
        color: #fff; 
        background: #2d440f;
    }
    .main-menu > .container > ul > li.can-2019 .sub-menu
    {
        border-top: 3px solid #2d440f;
        background: #fff;
    }



    .main-menu > .container > ul > li.people237 > a
    {
        border-color: #000;
    }
    .main-menu > .container > ul > li.people237 > a:hover
    {
        color: #fff;
        background: #000;
    }
    .main-menu > .container > ul > li.people237 > a.active
    {
        color: #fff;
        background: #000;
    }
    .main-menu > .container > ul > li.people237:hover > a
    {
        color: #fff; 
        background: #000;
    }
    .main-menu > .container > ul > li.people237 .sub-menu
    {
        border-top: 3px solid #000;
        background: #fff;
    }




    .main-menu > .container > ul > li.medias > a
    {
        border-color: #1a1a1a;
    }
    .main-menu > .container > ul > li.medias > a:hover
    {
        color: #fff;
        background: #1a1a1a;
    }
    .main-menu > .container > ul > li.medias > a.active
    {
        color: #fff;
        background: #1a1a1a;
    }
    .main-menu > .container > ul > li.medias:hover > a
    {
        color: #fff; 
        background: #1a1a1a;
    }
    .main-menu > .container > ul > li.medias .sub-menu
    {
        border-top: 3px solid #1a1a1a;
        background: #1a1a1a;
    }
    .main-menu > .container > ul > li.medias > a
    {
        color: #fff; 
        background: #1a1a1a;
    }
    .main-menu > .container > ul > li.medias > a:hover
    {
        border-color: #333; 
        background: #333;
    }
    .main-menu > .container > ul > li.medias .sub-menu
    {
        background: #1a1a1a;
    }
    .main-menu > .container > ul > li.can-2019 > a
    {
        color: #fff; 
        background: #2d440f;
    }

    .main-menu > .container > ul > li.people237 > a
    {
        color: #fff; 
        background: #000;
    }
    /* Sub Menu */
	
	
    .main-menu
    {
        /*.can-2019 {
			.sub-menu {
				.container,
				.last-post {
					background: #2d440f;
				}
				.sub-category-menu {
					background: rgba(255, 255, 255, 0.1);
				}
				.sub-category-menu li a,
				.last-post .most-recent p,
				.last-post .most-read p,
				.block-post a .post-title,
				.last-post .most-read ul li a {
					color: #FFF;
				}
				.sub-category-menu li a,
				.last-post .most-read ul li a {
					border-bottom: 1px solid rgba(255, 255, 255, 0.3);
				}
				.last-post .most-read {
					border-left: 1px solid rgba(255, 255, 255, 0.3);
				}
				.last-post .most-read ul {
					border-top: 1px solid rgba(255, 255, 255, 0.3);
				}
			}
		}*/
    }
    .main-menu .sub-menu
    {
        position: absolute;
        z-index: 999;
        top: 37px;
        right: 0;
        left: 0;

        display: none;

        width: 100%;

        background: #fff;
        box-shadow: 0 4px 8px -4px rgba(0, 0, 0, .3);
    }
    .main-menu .sub-menu .container
    {
        padding: 0; 

        background: #f3f3f3;
    }
    .main-menu .sub-menu .sub-category-menu
    {
        float: left;

        width: 25%;
        min-height: 290px; 
        padding: 10px 0 0 0;

        background: #fff;
    }
    .main-menu .sub-menu .sub-category-menu li
    {
        margin-right: 10px;
    }
    .main-menu .sub-menu .sub-category-menu li a
    {
        font-family: 'Noto Sans', sans-serif;
        font-weight: 700; 

        display: block;

        height: 60px;
        padding: 20px 15px 0 15px;

        border-bottom: 1px solid #eee;
    }
    .main-menu .sub-menu .sub-category-menu li:last-child a
    {
        /*border-bottom: none;*/
    }
    .main-menu .sub-menu .last-post
    {
        float: left;

        width: 75%;
    }
    .main-menu .sub-menu .last-post .most-recent
    {
        float: left;

        width: 66%;
        padding: 30px;
    }
}
@media only screen and (min-width: 720px) and (max-width: 1024px)
{
    .main-menu .sub-menu .last-post .most-recent
    {
        width: 100%;
    }
}

@media screen and (min-width: 720px)
{
    .main-menu .sub-menu .last-post .most-recent p:not(.post-title)
    {
        font-family: 'Noto Sans', sans-serif;
        font-weight: 700;

        margin-bottom: 15px; 

        color: #121210;
    }
    .main-menu .sub-menu .last-post .most-recent ul li
    {
        float: left;

        width: 45%;
    }
    .main-menu .sub-menu .last-post .most-recent ul li + li
    {
        margin-left: 30px;
    }
    .main-menu .sub-menu .last-post .most-read
    {
        float: left;

        width: 34%;
        padding: 30px 30px 15px 30px;

        border-left: 1px solid #dbdbdb;
    }
}
@media only screen and (min-width: 720px) and (max-width: 1024px)
{
    .main-menu .sub-menu .last-post .most-read
    {
        display: none;
    }
}

@media screen and (min-width: 720px)
{
    .main-menu .sub-menu .last-post .most-read p
    {
        font-family: 'Noto Sans', sans-serif;
        font-weight: 700;

        margin-bottom: 15px; 

        color: #121210;
    }
    .main-menu .sub-menu .last-post .most-read ul
    {
        border-top: 1px solid #eee;
    }
    .main-menu .sub-menu .last-post .most-read ul li a
    {
        display: block;
        display: table-cell;

        height: 50px;

        vertical-align: middle; 

        border-bottom: 1px solid #eee;
    }
    .main-menu .sub-menu .last-post .most-read ul li a:hover
    {
        text-decoration: none;
    }
    .main-menu .medias .sub-menu .container
    {
        padding: 30px 0; 

        color: #fff;
        background: #1a1a1a;
    }
    .main-menu .medias .sub-menu .container .last-video,
    .main-menu .medias .sub-menu .container .last-gallery
    {
        float: left; 

        width: 50%;
    }
    .main-menu .medias .sub-menu .container .last-video .nav-title,
    .main-menu .medias .sub-menu .container .last-gallery .nav-title
    {
        position: relative;
    }
    .main-menu .medias .sub-menu .container .last-video .nav-title p,
    .main-menu .medias .sub-menu .container .last-gallery .nav-title p
    {
        font-family: 'Noto Sans', sans-serif;
        font-size: 18px;
        font-weight: 700;
        line-height: 120%;

        margin-bottom: 20px; 

        color: #fff;
    }
    .main-menu .medias .sub-menu .container .last-video .nav-title a,
    .main-menu .medias .sub-menu .container .last-gallery .nav-title a
    {
        font-family: 'Noto Sans', sans-serif; 

        position: absolute;
        top: 3px;
        right: 25px;

        display: block;

        padding-left: 15px;

        color: #fff;
    }
    .main-menu .medias .sub-menu .container .last-video .nav-title a [class*='icon-'],
    .main-menu .medias .sub-menu .container .last-gallery .nav-title a [class*='icon-']
    {
        font-size: 10px;

        position: absolute;
        top: 50%;
        left: 0;

        margin-top: -9px; 

        color: #fff;
    }
    .main-menu .medias .sub-menu .container .last-video ul li,
    .main-menu .medias .sub-menu .container .last-gallery ul li
    {
        float: left; 

        width: 50%;
    }
    .main-menu .medias .sub-menu .container .last-video ul li .block-post a .post-img img,
    .main-menu .medias .sub-menu .container .last-gallery ul li .block-post a .post-img img
    {
        width: 100%;
    }
    .main-menu .medias .sub-menu .container .last-video ul li .block-post a .post-title,
    .main-menu .medias .sub-menu .container .last-gallery ul li .block-post a .post-title
    {
        color: #fff;
    }
    .main-menu .medias .sub-menu .container .last-video
    {
        padding-right: 10px;
    }
    .main-menu .medias .sub-menu .container .last-video .nav-title p
    {
        font-family: 'Noto Sans', sans-serif;

        position: relative;

        padding-left: 175px;

        color: #fff;
        /*position: relative;
								padding-left: 140px;
								span {
									display: block;
									position: relative;
									img {
										max-width: 90px;
										position: absolute;
										top: -2px;
										left: -100px;
									}
								}
								[class*="icon-jdm"] {
									font-size: 30px;
									color: #FFF;
									position: absolute;
									top: 0;
									left: 0;
								}*/
    }
}
@media only screen and (min-width: 720px) and (max-width: 720px)
{
    .main-menu .medias .sub-menu .container .last-video .nav-title p
    {
        font-size: 13px;

        margin-bottom: 0;
        padding: 20px 20px 20px 130px;

        border-bottom: 0;
    }
}

@media screen and (min-width: 720px)
{
    .main-menu .medias .sub-menu .container .last-video .nav-title p .jdctv
    {
        position: absolute;
        top: -14px;
        left: 0;

        width: 44px;
    }
    .main-menu .medias .sub-menu .container .last-video .nav-title p span
    {
        position: relative; 

        display: block;
    }
    .main-menu .medias .sub-menu .container .last-video .nav-title p span img
    {
        position: absolute;
        top: -4px;
        left: -115px;

        max-width: 100px;
    }
}
@media only screen and (min-width: 720px) and (max-width: 720px)
{
    .main-menu .medias .sub-menu .container .last-video .nav-title p span img
    {
        top: -2px;
        left: -76px;

        max-width: 70px;
    }
}

@media screen and (min-width: 720px)
{
    .main-menu .medias .sub-menu .container .last-video .nav-title p [class*='icon-jdm']
    {
        font-size: 40px;

        position: absolute;
        top: 0;
        left: 0; 

        color: #fff;
    }
}
@media only screen and (min-width: 720px) and (max-width: 720px)
{
    .main-menu .medias .sub-menu .container .last-video .nav-title p [class*='icon-jdm']
    {
        font-size: 26px;

        top: 18px;
        left: 15px;
    }
}

@media screen and (min-width: 720px)
{
    .main-menu .medias .sub-menu .container .last-video ul li
    {
        padding-right: 25px;
    }
    .main-menu .medias .sub-menu .container .last-gallery
    {
        padding-left: 10px;
    }
    .main-menu .medias .sub-menu .container .last-gallery .nav-title p
    {
        margin-left: 25px;
    }
    .main-menu .medias .sub-menu .container .last-gallery ul li
    {
        padding-left: 25px;
    }
}

@media screen and (min-width: 720px) and (max-width: 1024px)
{
    .main-menu:not(.tablet-menu) > .container
    {
        position: relative;

        overflow: hidden;

        width: 100%; 
        height: 40px;
        padding: 0;
    }
    .main-menu:not(.tablet-menu) > .container > ul
    {
        position: absolute;
        top: 0; 
        left: 0;
    }
    .main-menu:not(.tablet-menu) > .container > ul > li
    {
        float: left;
        /*width: 20%;*/
    }
    .main-menu:not(.tablet-menu) > .container > ul > li.medias .sub-menu .container
    {
        padding-right: 20px; 
        padding-left: 20px;
    }
    .main-menu:not(.tablet-menu) > .container > ul > li .sub-menu
    {
        top: 77px;
    }
    .main-menu:not(.tablet-menu) > .container > ul > li .sub-menu .sub-category-menu li a
    {
        height: auto;
        padding: 10px 15px;
    }
    .main-menu:not(.tablet-menu) > .container > ul > li .sub-menu .last-post .most-recent ul li
    {
        width: 45%;
    }
    .main-menu:not(.tablet-menu) > .container.end .nav-prev
    {
        display: block;
    }
    .main-menu:not(.tablet-menu) > .container.end .nav-next
    {
        display: none;
    }
    .main-menu:not(.tablet-menu) > .container .nav-prev,
    .main-menu:not(.tablet-menu) > .container .nav-next
    {
        position: absolute;
        z-index: 100; 
        top: 0;

        display: block;

        width: 50px;
        height: 42px;

        cursor: pointer;
        text-align: center;

        background: none;
        background: #fff;
    }
    .main-menu:not(.tablet-menu) > .container .nav-prev [class*='icon-'],
    .main-menu:not(.tablet-menu) > .container .nav-next [class*='icon-']
    {
        position: relative;
        top: 12px;
    }
    .main-menu:not(.tablet-menu) > .container .nav-prev
    {
        left: 0;

        display: none;

        border-right: 1px solid rgba(223, 223, 223, .4);
    }
    .main-menu:not(.tablet-menu) > .container .nav-next
    {
        right: 0;

        border-left: 1px solid rgba(223, 223, 223, .4);
        /*&:after {
					content: "";
					display: block;
					height: 40px;
					width: 40px;
					position: absolute;
					left: -50px;
					top: 0;
					background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));
				}*/
    }
    .tablet-menu
    {
        position: relative;
        z-index: 1010; 

        display: block;
    }
    .tablet-menu .sub-menu
    {
        position: absolute;
        z-index: 99;
        top: -4px;
        right: 0;
        left: 0;

        display: none;

        background: #fff;
        box-shadow: 0 4px 8px -4px rgba(0, 0, 0, .3);
    }
    .tablet-menu .sub-menu.politique
    {
        border-top: 3px solid #f30;
    }
    .tablet-menu .sub-menu.eco-et-business
    {
        border-top: 3px solid #2c6de9;
    }
    .tablet-menu .sub-menu.societe
    {
        border-top: 3px solid #bf86ba;
    }
    .tablet-menu .sub-menu.sport
    {
        border-top: 3px solid #479700;
    }
    .tablet-menu .sub-menu.sante
    {
        border-top: 3px solid #aed80a;
    }
    .tablet-menu .sub-menu.culture
    {
        border-top: 3px solid #ff719f;
    }
    .tablet-menu .sub-menu.personnalites
    {
        border-top: 3px solid #d9ad00;
    }
    .tablet-menu .sub-menu.international
    {
        border-top: 3px solid #6b3781;
    }
    .tablet-menu .sub-menu.opinions
    {
        border-top: 3px solid #b05000;
    }
    .tablet-menu .sub-menu.dossiers
    {
        border-top: 3px solid #333;
    }
    .tablet-menu .sub-menu.can-2019
    {
        border-top: 3px solid #2d440f;
    }
    .tablet-menu .sub-menu.medias
    {
        border-top: 3px solid #1a1a1a;
    }
    .tablet-menu .sub-menu .container
    {
        padding: 0; 

        background: #f3f3f3;
    }
    .tablet-menu .sub-menu .container .sub-category-menu
    {
        float: left;

        width: 25%;
        min-height: 290px; 
        padding: 10px 0 0 0;

        background: #fff;
    }
    .tablet-menu .sub-menu .container .sub-category-menu li
    {
        margin-right: 10px;
    }
    .tablet-menu .sub-menu .container .sub-category-menu li a
    {
        font-family: 'Noto Sans', sans-serif;
        font-weight: 700; 

        display: block;

        height: auto;
        padding: 15px;

        border-bottom: 1px solid #eee;
    }
    .tablet-menu .sub-menu .container .sub-category-menu li:last-child a
    {
        /*border-bottom: none;*/
    }
    .tablet-menu .sub-menu .container .last-post
    {
        float: left;

        width: 75%;
    }
    .tablet-menu .sub-menu .container .last-post .most-recent
    {
        float: left;

        width: 66%;
        padding: 30px;
    }
}
@media only screen and (min-width: 720px) and (max-width: 1024px) and (max-width: 1024px)
{
    .tablet-menu .sub-menu .container .last-post .most-recent
    {
        width: 100%;
    }
}

@media screen and (min-width: 720px) and (max-width: 1024px)
{
    .tablet-menu .sub-menu .container .last-post .most-recent p:not(.post-title)
    {
        font-family: 'Noto Sans', sans-serif;
        font-weight: 700;

        margin-bottom: 15px; 

        color: #121210;
    }
    .tablet-menu .sub-menu .container .last-post .most-recent ul li
    {
        float: left;

        width: 45%;
    }
    .tablet-menu .sub-menu .container .last-post .most-recent ul li + li
    {
        margin-left: 30px;
    }
    .tablet-menu .sub-menu .container .last-post .most-read
    {
        float: left;

        width: 34%;
        padding: 30px 30px 15px 30px;

        border-left: 1px solid #dbdbdb;
    }
}
@media only screen and (min-width: 720px) and (max-width: 1024px) and (max-width: 1024px)
{
    .tablet-menu .sub-menu .container .last-post .most-read
    {
        display: none;
    }
}

@media screen and (min-width: 720px) and (max-width: 1024px)
{
    .tablet-menu .sub-menu .container .last-post .most-read p
    {
        font-family: 'Noto Sans', sans-serif;
        font-weight: 700;

        margin-bottom: 15px; 

        color: #121210;
    }
    .tablet-menu .sub-menu .container .last-post .most-read ul
    {
        border-top: 1px solid #eee;
    }
    .tablet-menu .sub-menu .container .last-post .most-read ul li a
    {
        display: block;
        display: table-cell;

        height: 50px;

        vertical-align: middle; 

        border-bottom: 1px solid #eee;
    }
    .tablet-menu .sub-menu .container .last-post .most-read ul li a:hover
    {
        text-decoration: none;
    }
    .tablet-menu .sub-menu.medias .container
    {
        padding: 30px 20px; 

        color: #fff;
        background: #fff;
    }
    .tablet-menu .sub-menu.medias .container .last-video,
    .tablet-menu .sub-menu.medias .container .last-gallery
    {
        float: left; 

        width: 50%;
    }
    .tablet-menu .sub-menu.medias .container .last-video .nav-title,
    .tablet-menu .sub-menu.medias .container .last-gallery .nav-title
    {
        position: relative;
    }
    .tablet-menu .sub-menu.medias .container .last-video .nav-title p,
    .tablet-menu .sub-menu.medias .container .last-gallery .nav-title p
    {
        font-family: 'Noto Sans', sans-serif;
        font-size: 18px;
        font-weight: 700;
        line-height: 120%;

        margin-bottom: 20px; 

        color: #fff;
    }
    .tablet-menu .sub-menu.medias .container .last-video .nav-title a,
    .tablet-menu .sub-menu.medias .container .last-gallery .nav-title a
    {
        font-family: 'Noto Sans', sans-serif;

        position: relative;
        top: auto;
        right: auto;

        display: block;

        margin-top: 10px; 
        margin-bottom: 10px;
        padding-left: 15px;

        color: #fff;
    }
    .tablet-menu .sub-menu.medias .container .last-video .nav-title a [class*='icon-'],
    .tablet-menu .sub-menu.medias .container .last-gallery .nav-title a [class*='icon-']
    {
        font-size: 10px;

        position: absolute;
        top: 50%;
        left: 0;

        margin-top: -9px; 

        color: #fff;
    }
    .tablet-menu .sub-menu.medias .container .last-video ul li,
    .tablet-menu .sub-menu.medias .container .last-gallery ul li
    {
        float: left; 

        width: 50%;
    }
    .tablet-menu .sub-menu.medias .container .last-video ul li .block-post a .post-img img,
    .tablet-menu .sub-menu.medias .container .last-gallery ul li .block-post a .post-img img
    {
        width: 100%;
    }
    .tablet-menu .sub-menu.medias .container .last-video ul li .block-post a .post-title,
    .tablet-menu .sub-menu.medias .container .last-gallery ul li .block-post a .post-title
    {
        color: #fff;
    }
    .tablet-menu .sub-menu.medias .container .last-video
    {
        padding-right: 10px;
    }
    .tablet-menu .sub-menu.medias .container .last-video .nav-title p
    {
        font-family: 'Noto Sans', sans-serif;

        position: relative;

        padding-left: 155px;

        color: #fff;
        /*position: relative;
								padding-left: 140px;
								margin-bottom: 0;
								span {
									display: block;
									position: relative;
									img {
										max-width: 90px;
										position: absolute;
										top: -2px;
										left: -100px;
									}
								}
								[class*="icon-jdm"] {
									font-size: 30px;
									color: #FFF;
									position: absolute;
									top: 0;
									left: 0;
								}*/
    }
}
@media only screen and (min-width: 720px) and (max-width: 1024px) and (max-width: 720px)
{
    .tablet-menu .sub-menu.medias .container .last-video .nav-title p
    {
        font-size: 13px;

        margin-bottom: 0;
        padding: 20px 20px 20px 130px;

        border-bottom: 0;
    }
}

@media screen and (min-width: 720px) and (max-width: 1024px)
{
    .tablet-menu .sub-menu.medias .container .last-video .nav-title p .jdctv
    {
        position: absolute;
        top: -14px;
        left: 0;

        width: 44px;
    }
    .tablet-menu .sub-menu.medias .container .last-video .nav-title p span
    {
        position: relative; 

        display: block;
    }
    .tablet-menu .sub-menu.medias .container .last-video .nav-title p span img
    {
        position: absolute;
        top: -4px;
        left: -105px;

        max-width: 100px;
    }
}
@media only screen and (min-width: 720px) and (max-width: 1024px) and (max-width: 720px)
{
    .tablet-menu .sub-menu.medias .container .last-video .nav-title p span img
    {
        top: -2px;
        left: -76px;

        max-width: 70px;
    }
}

@media screen and (min-width: 720px) and (max-width: 1024px)
{
    .tablet-menu .sub-menu.medias .container .last-video .nav-title p [class*='icon-jdm']
    {
        font-size: 40px;

        position: absolute;
        top: 0;
        left: 0; 

        color: #fff;
    }
}
@media only screen and (min-width: 720px) and (max-width: 1024px) and (max-width: 720px)
{
    .tablet-menu .sub-menu.medias .container .last-video .nav-title p [class*='icon-jdm']
    {
        font-size: 26px;

        top: 18px;
        left: 15px;
    }
}

@media screen and (min-width: 720px) and (max-width: 1024px)
{
    .tablet-menu .sub-menu.medias .container .last-video ul li
    {
        padding-right: 25px;
    }
    .tablet-menu .sub-menu.medias .container .last-gallery
    {
        padding-left: 10px;
    }
    .tablet-menu .sub-menu.medias .container .last-gallery .nav-title a
    {
        margin-left: 25px;
    }
    .tablet-menu .sub-menu.medias .container .last-gallery .nav-title p
    {
        margin: 0 0 0 25px;
    }
    .tablet-menu .sub-menu.medias .container .last-gallery ul li
    {
        padding-left: 25px;
    }
}

/*-----------------------------------------------------------------------------------------------------
    [nav-mobile]
-------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 720px)
{
    .main-menu
    {
        position: fixed;
        z-index: 999;
        top: 0;
        left: 0;

        padding-bottom: 50px; 

        border: none;
        background: #fff;
    }
    .main-menu .home-link,
    .main-menu .jdmtv-link
    {
        font-family: 'Noto Sans', sans-serif;
        font-size: 14px;

        position: relative;

        display: block;

        padding: 14px 15px;

        text-transform: uppercase;

        border-bottom: 1px solid #eee; 
        border-left: 4px solid #eee;
    }
    .main-menu .home-link [class*='icon-'],
    .main-menu .jdmtv-link [class*='icon-']
    {
        font-size: 16px; 

        position: absolute;
        top: 50%;
        right: 25px;

        margin-top: -9px;
    }
    .main-menu .featured-tag
    {
        display: block;
    }
    .main-menu .jdmtv-link
    {
        padding-left: 85px;

        text-transform: none; 

        color: #fff;
        border-bottom: 1px solid #1a1a1a;
        border-left: 4px solid #1a1a1a;
        background: #1a1a1a;
    }
    .main-menu .jdmtv-link span
    {
        display: inline-block;

        padding-top: 2px;
    }
    .main-menu .jdmtv-link img
    {
        position: absolute;
        top: 17px;
        left: 15px; 

        max-width: 65px;
    }
    .main-menu .jdmtv-link [class*='icon-']
    {
        font-size: 10px;

        position: absolute;
        top: 50%;
        right: 25px;

        margin-top: -8px;

        color: #fff;
    }
    .main-menu > .container
    {
        padding: 0;
    }
    .main-menu > .container > ul > li
    {
        border-bottom: 1px solid #eee;
    }
    .main-menu > .container > ul > li > a
    {
        font-family: 'Noto Sans', sans-serif; 
        font-size: 14px;

        position: relative;

        display: block;

        padding: 14px 15px;

        text-transform: uppercase;
    }
    .main-menu > .container > ul > li > a [class*='icon-']
    {
        font-size: 10px; 

        position: absolute;
        top: 50%;
        right: 25px;

        margin-top: -8px;
    }
    .main-menu > .container > ul > li.politique > a
    {
        border-left: 4px solid #f30;
    }
    .main-menu > .container > ul > li.politique > a.active [class*='icon-']
    {
        color: #f30;
    }
    .main-menu > .container > ul > li.eco-et-business > a
    {
        border-left: 4px solid #2c6de9;
    }
    .main-menu > .container > ul > li.eco-et-business > a.active [class*='icon-']
    {
        color: #2c6de9;
    }
    .main-menu > .container > ul > li.societe > a
    {
        border-left: 4px solid #bf86ba;
    }
    .main-menu > .container > ul > li.societe > a.active [class*='icon-']
    {
        color: #bf86ba;
    }
    .main-menu > .container > ul > li.sport > a
    {
        border-left: 4px solid #479700;
    }
    .main-menu > .container > ul > li.sport > a.active [class*='icon-']
    {
        color: #479700;
    }
    .main-menu > .container > ul > li.sante > a
    {
        border-left: 4px solid #aed80a;
    }
    .main-menu > .container > ul > li.sante > a.active [class*='icon-']
    {
        color: #aed80a;
    }
    .main-menu > .container > ul > li.culture > a
    {
        border-left: 4px solid #ff719f;
    }
    .main-menu > .container > ul > li.culture > a.active [class*='icon-']
    {
        color: #ff719f;
    }
    .main-menu > .container > ul > li.personnalites > a
    {
        border-left: 4px solid #d9ad00;
    }
    .main-menu > .container > ul > li.personnalites > a.active [class*='icon-']
    {
        color: #d9ad00;
    }
    .main-menu > .container > ul > li.international > a
    {
        border-left: 4px solid #6b3781;
    }
    .main-menu > .container > ul > li.international > a.active [class*='icon-']
    {
        color: #6b3781;
    }
    .main-menu > .container > ul > li.opinions > a
    {
        border-left: 4px solid #b05000;
    }
    .main-menu > .container > ul > li.opinions > a.active [class*='icon-']
    {
        color: #b05000;
    }
    .main-menu > .container > ul > li.debat > a
    {
        border-left: 4px solid #b05000;
    }
    .main-menu > .container > ul > li.debat > a.active [class*='icon-']
    {
        color: #b05000;
    }
    .main-menu > .container > ul > li.dossiers > a
    {
        border-left: 4px solid #333;
    }
    .main-menu > .container > ul > li.dossiers > a.active [class*='icon-']
    {
        color: #333;
    }
    .main-menu > .container > ul > li.medias > a
    {
        border-left: 4px solid #1a1a1a;
    }
    .main-menu > .container > ul > li.medias > a.active [class*='icon-']
    {
        color: #1a1a1a;
    }
    .main-menu > .container > ul > li.medias
    {
        display: none;
    }
    .main-menu > .container > ul > li.link-mobile
    {
        border-color: #fff;
    }
    .main-menu > .container > ul > li.link-mobile > a
    {
        background: #f3f3f3;
    }
    /* Sub Menu */
    .main-menu .sub-menu
    {
        display: none;

        padding: 0 19px 0 19px;
    }
    .main-menu .sub-menu .container
    {
        padding: 0;

        border-top: 1px solid #eee;
    }
    .main-menu .sub-menu .sub-category-menu
    {
        padding: 10px 0;
    }
    .main-menu .sub-menu .sub-category-menu li a
    {
        font-family: 'Noto Sans', sans-serif;
        font-size: 13px; 

        display: block;

        padding: 8px 40px 8px 20px;
    }
    .main-menu .sub-menu .last-post
    {
        display: none;
    }
    .main-menu .medias .sub-menu
    {
        display: none;
    }
}

.overlay
{
    position: fixed;
    z-index: 990; 
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;

    background: rgba(0, 0, 0, .85);
}

/*-----------------------------------------------------------------------------------------------------
    [list-post]
-------------------------------------------------------------------------------------------------------*/
.list-post.list-featured li
{
    float: left;

    width: calc(50% - 30px);
    margin-left: 20px;
}

.list-post.list-featured2 li
{
    float: left;

    width: calc(50% - 30px);
    margin-top: 20px;
    margin-left: 0px;
}

.list-post.list-last
{
    padding: 20px 0 0 0;

    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.list-post.list-last li
{
    float: left;

    width: calc(50% - 30px);
    margin-bottom: 20px; 
    margin-left: 20px;
}
@media screen and (min-width: 720px) and (max-width: 1024px)
{
    .list-post.list-last li
    {
        float: none; 

        width: auto;
        margin: 0;
    }
}

.list-post.list-topic
{
    margin-bottom: 40px;
}
.list-post.list-topic li
{
    float: left;

    width: calc(50% - 30px);
    margin-bottom: 20px; 
    margin-left: 20px;
}
.list-post.list-topic li:first-child
{
    width: 100%;
}
@media screen and (min-width: 720px) and (max-width: 1024px)
{
    .list-post.list-topic li:first-child
    {
        float: none; 

        width: auto;
        margin: 0;
    }
}
@media screen and (min-width: 720px) and (max-width: 1024px)
{
    .list-post.list-topic li
    {
        float: none; 

        width: auto;
        margin: 0;
    }
}

.list-post.list-full
{
    margin-bottom: 20px;
}
.list-post.list-full li
{
    margin-bottom: 20px; 
    padding-bottom: 10px;

    border-bottom: 1px solid #eee;
}
.list-post.list-full li a .post-img
{
    max-width: 160px;
    margin-bottom: 10px;
}
.list-post.list-full li .block-jdmad
{
    margin-bottom: 0;
}

.list-post.list-simple li
{
    float: left;

    width: calc(50% - 30px);
    margin-bottom: 25px; 
    margin-left: 20px;
}
.list-post.list-simple li a .post-img img
{
    max-width: 130px;
}

.list-post.list-agenda li
{
    margin-bottom: 40px;
}
@media only screen and (max-width: 720px)
{
    .list-post.list-agenda li
    {
        margin-bottom: 30px; 

        border: none;
    }
}
.list-post.list-agenda li a .post-img
{
    max-width: 280px;
}
@media only screen and (max-width: 720px)
{
    .list-post.list-agenda li a .post-img
    {
        max-width: none;
    }
}

.list-post.list-hebdo
{
    margin-top: 20px;
}
@media only screen and (max-width: 720px)
{
    .list-post.list-hebdo
    {
        padding: 0 10px;
    }
}
.list-post.list-hebdo li
{
    float: left;

    width: calc(25% - 25px);
    margin-bottom: 40px;
    margin-left: 20px;

    border: none;
}
@media only screen and (min-width: 720px)
{
    .list-post.list-hebdo li:nth-child(4n+0)
    {
        margin-right: 0;
    }
}
@media only screen and (min-width: 450px) and (max-width: 720px)
{
    .list-post.list-hebdo li
    {
        float: left;

        width: calc(33.33333% - 26.66667px);
        margin-bottom: 20px; 
        margin-left: 20px;
    }
    .list-post.list-hebdo li:nth-child(3n+0)
    {
        margin-right: 0;
    }
}
@media only screen and (max-width: 450px)
{
    .list-post.list-hebdo li
    {
        float: left;

        width: calc(50% - 30px);
        margin-bottom: 20px; 
        margin-left: 20px;
    }
    .list-post.list-hebdo li:nth-child(2n+0)
    {
        margin-right: 0;
    }
}
.list-post.list-hebdo li a
{
    display: block;

    margin-bottom: 10px;
}
.list-post.list-hebdo li h2
{
    font-family: 'Noto Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;

    text-align: center;
}

.list-job
{
    margin-bottom: 20px;
}
.list-job li
{
    margin-bottom: 20px; 
    padding-bottom: 10px;

    border-bottom: 1px solid #eee;
}
.list-job li a .post-img
{
    max-width: 160px;
    margin-bottom: 10px;
}
.list-job li .block-jdmad
{
    margin-bottom: 0;
}

/*-----------------------------------------------------------------------------------------------------
    [list-post-mobile]
-------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 720px)
{
    .list-post li
    {
        border-bottom: 1px solid #eee;
    }
    .list-post li:last-child
    {
        border: none;
    }
    .list-post.list-featured li
    {
        float: none;
        clear: left; 

        width: auto;
        margin: 0;
    }
    .list-post.list-featured.child-category li:nth-child(1) .block-post
    {
        position: relative;

        min-height: 0;
        min-height: 0; 
        margin-bottom: 20px;
        padding: 0;
    }
}
@media only screen and (max-width: 720px) and (max-width: 450px)
{
    .list-post.list-featured.child-category li:nth-child(1) .block-post
    {
        min-height: 0; 
        padding-left: 0;
    }
}

@media only screen and (max-width: 720px)
{
    .list-post.list-featured.child-category li:nth-child(1) .block-post a
    {
        float: none;

        width: auto;
        margin-right: 0;
    }
    .list-post.list-featured.child-category li:nth-child(1) .block-post .post-img
    {
        position: relative;
        top: auto;
        left: auto;

        float: none; 

        width: auto;
        margin: 0 0 10px 0;
    }
}
@media only screen and (max-width: 720px) and (max-width: 450px)
{
    .list-post.list-featured.child-category li:nth-child(1) .block-post .post-img
    {
        width: auto;
    }
}

@media only screen and (max-width: 720px)
{
    .list-post.list-featured.child-category li:nth-child(1) .block-post .post-img img
    {
        width: 100%;
    }
    .list-post.list-featured.child-category li:nth-child(1) .block-post .title,
    .list-post.list-featured.child-category li:nth-child(1) .block-post .post-title
    {
        font-size: 19px;

        margin-right: 20px; 
        margin-left: 20px;
    }
}
@media only screen and (max-width: 720px) and (max-width: 450px)
{
    .list-post.list-featured.child-category li:nth-child(1) .block-post .title,
    .list-post.list-featured.child-category li:nth-child(1) .block-post .post-title
    {
        font-size: 19px;
    }
}

@media only screen and (max-width: 720px)
{
    .list-post.list-featured.child-category li:nth-child(1) .block-post .post-date
    {
        display: block;
    }
    .list-post.list-featured.child-category li:nth-child(1) .block-post p
    {
        display: block;
    }
    .home .list-post.list-featured li:nth-child(1) .block-post,
    .home .list-post.list-featured li:nth-child(2) .block-post
    {
        position: relative;

        min-height: 0;
        min-height: 0; 
        margin-bottom: 20px;
        padding: 0;
    }
}
@media only screen and (max-width: 720px) and (max-width: 450px)
{
    .home .list-post.list-featured li:nth-child(1) .block-post,
    .home .list-post.list-featured li:nth-child(2) .block-post
    {
        min-height: 0; 
        padding-left: 0;
    }
}

@media only screen and (max-width: 720px)
{
    .home .list-post.list-featured li:nth-child(1) .block-post a,
    .home .list-post.list-featured li:nth-child(2) .block-post a
    {
        float: none;

        width: auto;
        margin-right: 0;
    }
    .home .list-post.list-featured li:nth-child(1) .block-post .post-img,
    .home .list-post.list-featured li:nth-child(2) .block-post .post-img
    {
        position: relative;
        top: auto;
        left: auto;

        float: none; 

        width: auto;
        margin: 0 0 10px 0;
    }
}
@media only screen and (max-width: 720px) and (max-width: 450px)
{
    .home .list-post.list-featured li:nth-child(1) .block-post .post-img,
    .home .list-post.list-featured li:nth-child(2) .block-post .post-img
    {
        width: auto;
    }
}

@media only screen and (max-width: 720px)
{
    .home .list-post.list-featured li:nth-child(1) .block-post .post-img img,
    .home .list-post.list-featured li:nth-child(2) .block-post .post-img img
    {
        width: 100%;
    }
    .home .list-post.list-featured li:nth-child(1) .block-post .title,
    .home .list-post.list-featured li:nth-child(1) .block-post .post-title,
    .home .list-post.list-featured li:nth-child(2) .block-post .title,
    .home .list-post.list-featured li:nth-child(2) .block-post .post-title
    {
        font-size: 19px;

        margin-right: 20px; 
        margin-left: 20px;
    }
}
@media only screen and (max-width: 720px) and (max-width: 450px)
{
    .home .list-post.list-featured li:nth-child(1) .block-post .title,
    .home .list-post.list-featured li:nth-child(1) .block-post .post-title,
    .home .list-post.list-featured li:nth-child(2) .block-post .title,
    .home .list-post.list-featured li:nth-child(2) .block-post .post-title
    {
        font-size: 19px;
    }
}

@media only screen and (max-width: 720px)
{
    .home .list-post.list-featured li:nth-child(1) .block-post .post-date,
    .home .list-post.list-featured li:nth-child(2) .block-post .post-date
    {
        display: block;
    }
    .home .list-post.list-featured li:nth-child(1) .block-post p,
    .home .list-post.list-featured li:nth-child(2) .block-post p
    {
        display: block;
    }
    .home .list-post.list-featured li:nth-child(1) .block-post a .post-img .post-category,
    .home .list-post.list-featured li:nth-child(2) .block-post a .post-img .post-category
    {
        display: block;
    }
    .list-post.list-last
    {
        padding-top: 0; 

        border-bottom: none;
    }
    .list-post.list-last li
    {
        float: none; 

        width: auto;
        margin: 0;
    }
    .list-post.list-topic
    {
        margin-bottom: 20px;
    }
    .list-post.list-topic li
    {
        float: none;
        clear: left; 

        width: auto;
        margin: 0;
    }
    .list-post.list-topic li:nth-child(1) .block-post
    {
        position: relative;

        min-height: 0;
        min-height: 0; 
        margin-bottom: 20px;
        padding: 0;
    }
}
@media only screen and (max-width: 720px) and (max-width: 450px)
{
    .list-post.list-topic li:nth-child(1) .block-post
    {
        min-height: 0; 
        padding-left: 0;
    }
}

@media only screen and (max-width: 720px)
{
    .list-post.list-topic li:nth-child(1) .block-post a
    {
        float: none;

        width: auto;
        margin-right: 0;
    }
    .list-post.list-topic li:nth-child(1) .block-post .post-img
    {
        position: relative;
        top: auto;
        left: auto;

        float: none; 

        width: auto;
        margin: 0 0 10px 0;
    }
}
@media only screen and (max-width: 720px) and (max-width: 450px)
{
    .list-post.list-topic li:nth-child(1) .block-post .post-img
    {
        width: auto;
    }
}

@media only screen and (max-width: 720px)
{
    .list-post.list-topic li:nth-child(1) .block-post .post-img img
    {
        width: 100%;
    }
    .list-post.list-topic li:nth-child(1) .block-post .title,
    .list-post.list-topic li:nth-child(1) .block-post .post-title
    {
        font-size: 19px;

        margin-right: 20px; 
        margin-left: 20px;
    }
}
@media only screen and (max-width: 720px) and (max-width: 450px)
{
    .list-post.list-topic li:nth-child(1) .block-post .title,
    .list-post.list-topic li:nth-child(1) .block-post .post-title
    {
        font-size: 19px;
    }
}

@media only screen and (max-width: 720px)
{
    .list-post.list-topic li:nth-child(1) .block-post .post-date
    {
        display: block;
    }
    .list-post.list-topic li:nth-child(1) .block-post p
    {
        display: block;
    }
    .list-post.list-full.child-category
    {
        margin-top: 10px;
    }
    .list-post.list-full li
    {
        margin-bottom: 0; 
        padding-bottom: 0;
    }
    .list-post.list-full li a .post-img
    {
        width: 200px;
        max-width: none;
    }
}
@media only screen and (max-width: 720px) and (max-width: 450px)
{
    .list-post.list-full li a .post-img
    {
        width: 100px;
    }
}

@media only screen and (max-width: 720px)
{
    .list-post.list-full li .post-category
    {
        display: none;
    }
    .list-post.list-full li:last-child
    {
        border-bottom: 1px solid #eee;
    }
    .list-post.list-full li:first-child .block-post
    {
        position: relative;

        min-height: 0;
        min-height: 0; 
        margin-bottom: 20px;
        padding: 0;
    }
}
@media only screen and (max-width: 720px) and (max-width: 450px)
{
    .list-post.list-full li:first-child .block-post
    {
        min-height: 0; 
        padding-left: 0;
    }
}

@media only screen and (max-width: 720px)
{
    .list-post.list-full li:first-child .block-post a
    {
        float: none;

        width: auto;
        margin-right: 0;
    }
    .list-post.list-full li:first-child .block-post .post-img
    {
        position: relative;
        top: auto;
        left: auto;

        float: none; 

        width: auto;
        margin: 0 0 10px 0;
    }
}
@media only screen and (max-width: 720px) and (max-width: 450px)
{
    .list-post.list-full li:first-child .block-post .post-img
    {
        width: auto;
    }
}

@media only screen and (max-width: 720px)
{
    .list-post.list-full li:first-child .block-post .post-img img
    {
        width: 100%;
    }
    .list-post.list-full li:first-child .block-post .title,
    .list-post.list-full li:first-child .block-post .post-title
    {
        font-size: 19px;

        margin-right: 20px; 
        margin-left: 20px;
    }
}
@media only screen and (max-width: 720px) and (max-width: 450px)
{
    .list-post.list-full li:first-child .block-post .title,
    .list-post.list-full li:first-child .block-post .post-title
    {
        font-size: 19px;
    }
}

@media only screen and (max-width: 720px)
{
    .list-post.list-full li:first-child .block-post .post-date
    {
        display: block;
    }
    .list-post.list-full li:first-child .block-post p
    {
        display: block;
    }
    .list-post.list-full li:first-child .title
    {
        margin-right: 20px; 
        margin-left: 20px;
    }
    .list-post.list-full li:nth-child(6n+0)
    {
        margin-top: 10px;
    }
    .list-post.list-full li:nth-child(6n+0) .block-post
    {
        position: relative;

        min-height: 0;
        min-height: 0; 
        margin-bottom: 20px;
        padding: 0;
    }
}
@media only screen and (max-width: 720px) and (max-width: 450px)
{
    .list-post.list-full li:nth-child(6n+0) .block-post
    {
        min-height: 0; 
        padding-left: 0;
    }
}

@media only screen and (max-width: 720px)
{
    .list-post.list-full li:nth-child(6n+0) .block-post a
    {
        float: none;

        width: auto;
        margin-right: 0;
    }
    .list-post.list-full li:nth-child(6n+0) .block-post .post-img
    {
        position: relative;
        top: auto;
        left: auto;

        float: none; 

        width: auto;
        margin: 0 0 10px 0;
    }
}
@media only screen and (max-width: 720px) and (max-width: 450px)
{
    .list-post.list-full li:nth-child(6n+0) .block-post .post-img
    {
        width: auto;
    }
}

@media only screen and (max-width: 720px)
{
    .list-post.list-full li:nth-child(6n+0) .block-post .post-img img
    {
        width: 100%;
    }
    .list-post.list-full li:nth-child(6n+0) .block-post .title,
    .list-post.list-full li:nth-child(6n+0) .block-post .post-title
    {
        font-size: 19px;

        margin-right: 20px; 
        margin-left: 20px;
    }
}
@media only screen and (max-width: 720px) and (max-width: 450px)
{
    .list-post.list-full li:nth-child(6n+0) .block-post .title,
    .list-post.list-full li:nth-child(6n+0) .block-post .post-title
    {
        font-size: 19px;
    }
}

@media only screen and (max-width: 720px)
{
    .list-post.list-full li:nth-child(6n+0) .block-post .post-date
    {
        display: block;
    }
    .list-post.list-full li:nth-child(6n+0) .block-post p
    {
        display: block;
    }
    .list-post.list-simple li
    {
        float: none; 

        width: auto;
        margin: 0;
    }
    .list-post.list-simple li:last-child
    {
        border-bottom: 1px solid #eee;
    }
}

/*-----------------------------------------------------------------------------------------------------
    [list-comment]
-------------------------------------------------------------------------------------------------------*/
.comment-list
{
    margin-top: 30px;
}
@media only screen and (max-width: 720px)
{
    .comment-list
    {
        margin: 0;
        padding: 0 10px;
    }
}
@media only screen and (max-width: 720px)
{
    .page-webtv .comment-list
    {
        display: none;
    }
}
.comment-list li
{
    padding: 5px 0; 

    border-bottom: 1px solid #eee;
}
@media only screen and (max-width: 720px)
{
    .comment-list li
    {
        padding: 10px 0 0 0;
    }
}
.comment-list li:nth-child(5) ~ li
{
    display: none;
}
.comment-list li .comment-body
{
    position: relative;
}
.comment-list li .comment-body .comment-meta
{
    float: left;

    width: 28%;
    padding: 10px 0 0 20px;
}
@media only screen and (max-width: 720px)
{
    .comment-list li .comment-body .comment-meta
    {
        font-size: 13px; 

        float: none;

        width: auto;
        padding: 0;
    }
}
.comment-list li .comment-body .comment-meta .comment-author
{
    font-family: 'Noto Sans', sans-serif;
    font-weight: normal; 

    color: #121210;
}
.comment-list li .comment-body .comment-meta .comment-author a
{
    color: #121210;
}
.comment-list li .comment-body .comment-meta .comment-metadata a
{
    font-family: 'Noto Sans', sans-serif;

    color: #888884;
}
.comment-list li .comment-body .comment-content
{
    float: left;

    width: 72%;
    padding: 6px 20px 30px 20px; 

    border-left: 1px solid #eee;
}
@media only screen and (max-width: 720px)
{
    .comment-list li .comment-body .comment-content
    {
        float: none;

        width: auto;
        padding: 6px 0 15px 0; 

        border: none;
    }
}
.comment-list li .comment-body .reply
{
    position: absolute;
    right: 0; 
    bottom: 10px;
}
@media only screen and (max-width: 720px)
{
    .comment-list li .comment-body .reply
    {
        font-size: 13px; 

        position: relative;

        text-align: right;
    }
}
.comment-list li .comment-body .reply a
{
    text-decoration: underline;

    color: #888884;
}
@media only screen and (max-width: 720px)
{
    .page-webtv .comment-list
    {
        background: #202020;
    }
}
.page-webtv .comment-list li
{
    border-bottom: 1px solid #141414;
}
.page-webtv .comment-list li .comment-body .comment-meta .comment-author
{
    color: #fff;
}
.page-webtv .comment-list li .comment-body .comment-meta .comment-author a
{
    color: #fff;
}
.page-webtv .comment-list li .comment-body .comment-meta .comment-metadata a
{
    color: #888884;
}
.page-webtv .comment-list li .comment-body .comment-content
{
    color: #888884; 
    border-left: 1px solid #141414;
}
@media only screen and (max-width: 720px)
{
    .page-webtv .comment-list li .comment-body .comment-content
    {
        border: none;
    }
}
.page-webtv .comment-list li .comment-body .comment-content p
{
    color: #888884;
}
.page-webtv .comment-list li .comment-body .comment-content p a
{
    color: #888884;
}
.page-webtv .comment-list li .comment-body .reply a
{
    color: #888884;
}

/*-----------------------------------------------------------------------------------------------------
    [post-full]
-------------------------------------------------------------------------------------------------------*/
.post-full
{
    padding: 0 40px;
}
@media only screen and (max-width: 720px)
{
    .post-full
    {
        padding: 20px 10px 0 10px;
    }
}
.post-full .title
{
    line-height: 130%; 

    margin-bottom: 20px;
}
@media only screen and (max-width: 720px)
{
    .post-full .title
    {
        font-size: 22px;
    }
}
.post-full .post-infos
{
    position: relative;

    margin-bottom: 20px; 
    padding: 8px 0;

    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.post-full .post-infos p
{
    font-family: 'Noto Sans', sans-serif;

    margin-right: 210px; 
    padding-top: 3px;

    color: #888884;
}
@media only screen and (max-width: 720px)
{
    .post-full .post-infos p
    {
        margin-right: 0;
        margin-bottom: 10px;
    }
}
@media only screen and (max-width: 720px)
{
    .post-full .post-infos p a
    {
        color: #888884;
    }
}
.post-full .post-infos p a [class*='icon-']
{
    font-size: 10px;
}
.post-full .post-infos .social-link
{
    position: absolute;
    top: 6px; 
    right: 0;
}
@media only screen and (max-width: 720px)
{
    .post-full .post-infos .social-link
    {
        position: relative;
        top: auto; 
        right: auto;
    }
}
@media only screen and (max-width: 720px)
{
    .post-full .post-infos .social-link li:first-child
    {
        display: none;
    }
}
.post-full .post-img
{
    position: relative;

    margin-bottom: 15px;
}
.post-full .post-img img
{
    display: block;
}
.post-full .post-img .caption
{
    font-size: 13px;

    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;

    padding: 4px 10px 4px 10px; 

    color: #ccc;
    background: rgba(0, 0, 0, .75);
}
@media only screen and (max-width: 720px)
{
    .post-full .post-img .caption
    {
        position: relative;
        right: auto;
        bottom: auto;
        left: auto;

        background: #000;
    }
}
.post-full .post-content
{
    margin-bottom: 30px;
}
.post-full .post-content h2
{
    margin-bottom: 20px;
}
.post-full .post-content h3
{
    margin-bottom: 10px;
}
.post-full .post-content p
{
    margin-bottom: 25px;
}
.post-full .post-content p + h2
{
    margin-top: 50px;
}
.post-full .post-content .note-block
{
    color: #fff; 
    background: #ff4160;
}
.post-full .post-content img
{
    margin-bottom: 25px;
}
.post-full .post-content figure
{
    display: inline-block;
}
.post-full .post-content figure br
{
    display: none;
}
.post-full .post-content figure img
{
    margin-bottom: 0;
}
.post-full .post-content figure span
{
    font-size: 13px;

    display: block;

    padding: 4px 10px 4px 10px; 

    color: #ccc;
    background: #000;
}
.post-full .post-content .wp-caption
{
    display: inline-block;

    margin-bottom: 25px;
}
.post-full .post-content .wp-caption img
{
    width: 100%; 
    margin-bottom: 0;
}
.post-full .post-content .wp-caption .wp-caption-text
{
    font-size: 13px;

    padding: 4px 10px 4px 10px; 

    color: #ccc;
    background: #000;
}
.post-full .post-content a
{
    text-decoration: underline; 

    color: #2d440f;
}
.post-full .post-content a:hover
{
    opacity: .8;
}
.post-full .post-content + .post-infos
{
    margin-bottom: 30px;
}
@media only screen and (max-width: 720px)
{
    .post-full .post-content + .post-infos p
    {
        margin-bottom: 0;
    }
}
@media only screen and (max-width: 720px)
{
    .post-full .post-content + .post-infos .social-link
    {
        display: none;
    }
}
.post-full .edito-img
{
    float: left;

    margin: 0 20px 10px 0;
}
.post-full .edito-img img
{
    max-width: 180px;
    margin-bottom: 0;
}
.post-full .job-infos
{
    margin-bottom: 20px;
}
.post-full .job-infos .intro
{
    margin-bottom: 10px;
}
.post-full .job-infos span
{
    display: block;
}
.post-full .company-infos
{
    padding: 20px;

    background: #f3f3f3;
}
.post-full .company-infos h4
{
    margin-bottom: 10px;
}
.post-full .company-infos p
{
    margin-bottom: 5px;
}
.post-full .company-infos p span
{
    display: inline-block;

    width: 20%;
}
.post-full .read-more
{
    margin: 60px 0 30px 0;
}
@media only screen and (max-width: 720px)
{
    .post-full .read-more
    {
        margin-right: -10px; 
        margin-left: -10px;
    }
}
.post-full .read-more .title
{
    font-family: 'Noto Sans', sans-serif;
    font-weight: 700;

    margin-bottom: 25px;

    text-transform: uppercase;
}
@media only screen and (max-width: 720px)
{
    .post-full .read-more .title
    {
        font-size: 16px;

        margin-bottom: 0; 
        padding: 7px 20px 10px 20px;

        color: #fff;
        background: #121210;
    }
}
.single-agenda .post-full .title span
{
    /*@include mq(small) {
					display: inline-block;
					padding: 5px 10px;
					font-family: $noto-serif;
					font-size: 18px;
					font-weight: 700;
					color: #FFF;
					background: $primary;
					margin-bottom: 10px;
				}*/
}
@media only screen and (max-width: 720px)
{
    .single-agenda .post-full .post-infos p
    {
        display: none;
    }
}

/*-----------------------------------------------------------------------------------------------------
    [comments]
-------------------------------------------------------------------------------------------------------*/
.comments-area
{
    margin-bottom: 40px;
}
@media only screen and (max-width: 720px)
{
    .comments-area
    {
        margin-right: -10px; 
        margin-left: -10px;
    }
}
.comments-area .comments-head
{
    position: relative; 

    background: #f3f3f3;
}
.comments-area .comments-head .comments-title
{
    font-family: 'Noto Sans', sans-serif;
    font-weight: 700;

    position: relative; 

    height: 34px;
    padding: 7px 10px 0 44px;

    color: #fff;
    background: #333;
}
@media only screen and (max-width: 720px)
{
    .comments-area .comments-head .comments-title
    {
        height: 40px;
        padding: 10px 10px 0 50px;
    }
}
.comments-area .comments-head .comments-title span
{
    font-size: 18px;

    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 34px;
    height: 34px;
    padding-top: 6px; 

    text-align: center;

    color: #fff;
    background: #2d440f;
}
@media only screen and (max-width: 720px)
{
    .comments-area .comments-head .comments-title span
    {
        width: 40px;
        height: 40px;
        padding-top: 8px;
    }
}
.comments-area .comments-head .open-comments
{
    font-family: 'Noto Sans', sans-serif;

    position: absolute;
    top: 0;
    right: 0;

    float: right;

    width: 170px;
    height: 34px;

    cursor: pointer;

    color: #121210; 
    border: none;
    background: #f3f3f3;
}
@media only screen and (max-width: 720px)
{
    .comments-area .comments-head .open-comments
    {
        height: 40px;
    }
}
.comments-area .comments-head .open-comments [class*='icon-close']
{
    display: none;
}
.comments-area .comments-head .open-comments [class*='icon-']
{
    font-size: 10px;

    position: absolute;
    top: 50%;
    left: 10px;

    margin-top: -6px;
}
.comments-area .comments-head .open-comments-list
{
    display: none;
}
.comments-area .comment-respond
{
    display: none; 

    background: #f3f3f3;
}
.comments-area .comment-respond .comment-form
{
    padding: 25px 60px;
}
@media only screen and (max-width: 720px)
{
    .comments-area .comment-respond .comment-form
    {
        padding: 20px 10px;
    }
}
.comments-area .comment-respond .comment-form .comment-reply-title
{
    margin-bottom: 20px;
}
.comments-area .comment-action
{
    margin-bottom: 60px;
}
.comments-area .comment-action .more-comment
{
    display: block;

    width: 100%;
    height: 40px;

    cursor: pointer;
    text-align: center;

    border: none;
    border-bottom: 1px solid #f3f3f3;
    background: none;
}
.comments-area .comment-action .more-comment span
{
    font-family: 'Noto Sans', sans-serif;

    position: relative;

    display: inline-block;

    padding: 0 0 0 20px; 

    color: #121210;
}
.comments-area .comment-action .more-comment span u
{
    text-decoration: none;
}
@media only screen and (max-width: 720px)
{
    .comments-area .comment-action .more-comment span u
    {
        display: none;
    }
}
.comments-area .comment-action .more-comment span [class*='icon-']:before
{
    font-size: 12px;

    position: absolute;
    top: 50%;
    left: 0;

    margin-top: -5px;
}
.comments-area .comment-action .more-comment span [class='icon-minus']:before
{
    font-size: 21px;

    margin-top: -18px;
}
.comments-area .comment-action .close-comments-list
{
    display: none;
}
.page-webtv .comments-area
{
    margin-right: 0;
    margin-bottom: 20px; 
    margin-left: 0;
}
.page-webtv .comments-area .comment-list
{
    display: none;

    margin-top: 10px;
}
@media only screen and (max-width: 720px)
{
    .page-webtv .comments-area .comment-list
    {
        margin-top: 0;
    }
}
@media only screen and (max-width: 720px)
{
    .page-webtv .comments-area
    {
        margin-right: 0;
        margin-bottom: 20px; 
        margin-left: 0;
    }
}
.page-webtv .comments-area .comments-head
{
    background: #202020;
}
.page-webtv .comments-area .comments-head.expanded
{
    margin-bottom: 1px;
}
.page-webtv .comments-area .comments-head .comments-title
{
    background: #202020;
}
.page-webtv .comments-area .comments-head .open-comments
{
    position: relative;
    top: auto;

    display: none;
    float: none;

    width: 100%;
    height: 34px;
    margin-top: 1px;

    text-align: center; 

    color: #fff;
    border-top: 1px solid #090909;
    background: #202020;
}
.page-webtv .comments-area .comments-head .open-comments [class*='icon-close']
{
    line-height: 100%; 

    position: relative;
    top: auto;
    left: auto;

    margin: 0 0 0 10px;
}
.page-webtv .comments-area .comments-head .open-comments [class*='icon-close']:before
{
    font-size: 25px;
}
.page-webtv .comments-area .comments-head .open-comments [class*='icon-arrow']
{
    display: none;
}
@media only screen and (max-width: 720px)
{
    .page-webtv .comments-area .comments-head .open-comments [class*='icon-arrow']
    {
        display: none;
    }
}
.page-webtv .comments-area .comments-head .open-comments.active [class*='icon-close']
{
    display: inline-block;
}
.page-webtv .comments-area .comments-head .open-comments-list
{
    position: absolute;
    top: 0;
    right: 0;

    display: block; 

    width: 34px;
    height: 34px;

    cursor: pointer;

    border: none;
    background: none;
}
@media only screen and (max-width: 720px)
{
    .page-webtv .comments-area .comments-head .open-comments-list
    {
        display: block; 

        width: 40px;
        height: 40px;
    }
}
.page-webtv .comments-area .comments-head .open-comments-list [class*='icon-']
{
    font-size: 10px;

    position: relative;
    top: 2px;

    color: #fff;
}
@media only screen and (max-width: 720px)
{
    .page-webtv .comments-area .comments-head .open-comments-list [class*='icon-']
    {
        color: #fff;
    }
}
.page-webtv .comments-area .comment-respond
{
    margin-bottom: 1px; 

    background: #202020;
}
@media only screen and (max-width: 720px)
{
    .page-webtv .comments-area .comment-respond
    {
        margin-bottom: 1px;
    }
}
.page-webtv .comments-area .comment-respond .comment-reply-title
{
    color: #fff;
}
.page-webtv .comments-area .comment-action
{
    position: relative;

    display: none;

    margin-bottom: 20px;
    padding-right: 100px;
}
@media only screen and (max-width: 720px)
{
    .page-webtv .comments-area .comment-action
    {
        position: relative;

        display: none;

        margin-bottom: 20px;
        padding-right: 100px;
    }
}
.page-webtv .comments-area .comment-action .more-comment
{
    border-right: 1px solid #141414;
    border-bottom: 1px solid #141414;
    background: #202020;
}
@media only screen and (max-width: 720px)
{
    .page-webtv .comments-area .comment-action .more-comment
    {
        border-right: 1px solid #141414;
        background: #202020;
    }
}
.page-webtv .comments-area .comment-action .more-comment span
{
    color: #fff;
}
.page-webtv .comments-area .comment-action .close-comments-list
{
    position: absolute;
    top: 0;
    right: 0;

    display: block;

    width: 100px;
    height: 40px;

    cursor: pointer; 

    color: #fff;
    border: none;
    border-bottom: 1px solid #141414;
    background: #202020;
}
.page-webtv .comments-area .comment-action .close-comments-list [class*='icon-']
{
    margin-left: 5px;
}
.page-webtv .comments-area .comment-action .close-comments-list [class*='icon-']:before
{
    font-size: 12px;

    position: relative;
    top: 2px;

    color: #fff;
}
@media only screen and (max-width: 720px)
{
    .page-webtv .comments-area .comment-action .close-comments-list
    {
        position: absolute;
        top: 0;
        right: 0;

        display: block;

        width: 100px;
        height: 40px;

        cursor: pointer; 

        color: #fff;
        border: none;
        border-bottom: 1px solid #141414;
        background: #202020;
    }
    .page-webtv .comments-area .comment-action .close-comments-list [class*='icon-']
    {
        margin-left: 5px;
    }
    .page-webtv .comments-area .comment-action .close-comments-list [class*='icon-']:before
    {
        font-size: 12px;

        position: relative;
        top: 2px;

        color: #fff;
    }
}

/*-----------------------------------------------------------------------------------------------------
    [gallery]
-------------------------------------------------------------------------------------------------------*/
.page-gallery
{
    background: #1a1a1a;
}
.page-gallery .main
{
    background: #090909;
}
.page-gallery .main .page-title-dark
{
    background: #202020;
}
.page-gallery .page-title
{
    margin-bottom: 40px; 
    padding-bottom: 15px;

    color: #fff;
    border-bottom: 1px solid #141414;
}
@media only screen and (max-width: 720px)
{
    .page-gallery .page-title
    {
        margin-bottom: 0;
    }
}
.page-gallery .post-full
{
    margin-bottom: 40px;
    padding: 0 0 20px 0;

    border-bottom: 1px solid #141414;
}
.page-gallery .post-full .post-left
{
    float: left;

    width: 66%;
}
@media only screen and (max-width: 720px)
{
    .page-gallery .post-full .post-left
    {
        float: none;

        width: auto;
    }
}
.page-gallery .post-full .post-right
{
    float: right;

    width: 32%;
}
@media only screen and (max-width: 720px)
{
    .page-gallery .post-full .post-right
    {
        float: none;

        width: auto;
        margin-right: 20px; 
        margin-left: 20px;
    }
}
.page-gallery .post-full .title
{
    color: #fff;
}
.page-gallery .post-full .title + p
{
    font-family: 'Noto Sans', sans-serif;

    margin-bottom: 20px; 

    color: #fff;
}
.page-gallery .post-full .post-infos
{
    margin-bottom: 30px; 

    border-color: #141414;
}
.page-gallery .post-full .post-infos p
{
    color: #fff;
}
.page-gallery .post-full .post-infos p a
{
    color: #fff;
}
.page-gallery .post-full .post-infos .social-link
{
    position: relative;
    top: auto;

    float: right;
}
@media only screen and (max-width: 720px)
{
    .page-gallery .post-full .post-infos .social-link
    {
        float: none;
    }
}
.page-gallery .post-full .post-infos .social-link li
{
    color: #fff;
}
.page-gallery .post-full .post-content
{
    color: #fff;
}
.page-gallery .post-full .post-content p
{
    color: #fff;
}
.page-gallery .post-full .post-content a
{
    color: #fff;
}
.page-gallery .list-post.list-featured li
{
    float: left;

    width: calc(33.33333% - 26.66667px);
    margin-left: 20px;
}
@media only screen and (max-width: 720px)
{
    .page-gallery .list-post.list-featured li
    {
        float: none;
        clear: left;

        width: auto;
        margin: 0;

        border-bottom: 1px solid #141414;
    }
}
@media only screen and (max-width: 720px)
{
    .page-gallery .list-post.list-featured li:first-child
    {
        /*@include large-post-mobile();
						.title {
							margin-left: 20px;
							margin-right: 20px;
						}*/
    }
}
@media only screen and (max-width: 720px)
{
    .page-gallery .list-post.list-featured li:nth-child(6n+0) .block-post
    {
        position: relative;

        min-height: 0;
        min-height: 0; 
        margin-bottom: 20px;
        padding: 0;
    }
}
@media only screen and (max-width: 720px) and (max-width: 450px)
{
    .page-gallery .list-post.list-featured li:nth-child(6n+0) .block-post
    {
        min-height: 0; 
        padding-left: 0;
    }
}
@media only screen and (max-width: 720px)
{
    .page-gallery .list-post.list-featured li:nth-child(6n+0) .block-post a
    {
        float: none;

        width: auto;
        margin-right: 0;
    }
    .page-gallery .list-post.list-featured li:nth-child(6n+0) .block-post .post-img
    {
        position: relative;
        top: auto;
        left: auto;

        float: none; 

        width: auto;
        margin: 0 0 10px 0;
    }
}
@media only screen and (max-width: 720px) and (max-width: 450px)
{
    .page-gallery .list-post.list-featured li:nth-child(6n+0) .block-post .post-img
    {
        width: auto;
    }
}
@media only screen and (max-width: 720px)
{
    .page-gallery .list-post.list-featured li:nth-child(6n+0) .block-post .post-img img
    {
        width: 100%;
    }
    .page-gallery .list-post.list-featured li:nth-child(6n+0) .block-post .title,
    .page-gallery .list-post.list-featured li:nth-child(6n+0) .block-post .post-title
    {
        font-size: 19px;

        margin-right: 20px; 
        margin-left: 20px;
    }
}
@media only screen and (max-width: 720px) and (max-width: 450px)
{
    .page-gallery .list-post.list-featured li:nth-child(6n+0) .block-post .title,
    .page-gallery .list-post.list-featured li:nth-child(6n+0) .block-post .post-title
    {
        font-size: 19px;
    }
}
@media only screen and (max-width: 720px)
{
    .page-gallery .list-post.list-featured li:nth-child(6n+0) .block-post .post-date
    {
        display: block;
    }
    .page-gallery .list-post.list-featured li:nth-child(6n+0) .block-post p
    {
        display: block;
    }
}
.page-gallery .list-post.list-featured .block-post.medium-post
{
    min-height: 0;
    margin-bottom: 30px;
}
@media only screen and (max-width: 720px)
{
    .page-gallery .list-post.list-featured .block-post.medium-post
    {
        min-height: 132px;
        margin-bottom: 0;
    }
}
@media only screen and (max-width: 450px)
{
    .page-gallery .list-post.list-featured .block-post.medium-post
    {
        min-height: 76px; 
        padding-left: 130px;
    }
}
.page-gallery .list-post.list-featured .block-post .post-img
{
    margin-bottom: 5px;
}
.page-gallery .list-post.list-featured .block-post a .post-title
{
    min-height: 70px;
    margin-bottom: 0; 

    color: #fff;
}

/*-----------------------------------------------------------------------------------------------------
    [webtv]
-------------------------------------------------------------------------------------------------------*/
.page-webtv
{
    background: #1a1a1a;
}
.page-webtv .main
{
    background: #090909;
}
.page-webtv .main .page-title-dark
{
    margin-top: 40px; 

    background: #202020;
}
.page-webtv .page-title-webtv
{
    font-family: 'Noto Sans', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 120%;

    position: relative;

    margin-bottom: 20px;
    padding-bottom: 15px;
    padding-left: 175px;

    color: #fff;
    border-bottom: 1px solid #141414;
}
@media only screen and (max-width: 720px)
{
    .page-webtv .page-title-webtv
    {
        font-size: 13px;

        margin-bottom: 0;
        padding: 20px 20px 20px 130px;

        border-bottom: 0;
    }
}
.page-webtv .page-title-webtv .jdctv
{
    position: absolute;
    top: 2px;
    left: 0;

    width: 44px;
}
.page-webtv .page-title-webtv span
{
    position: relative; 

    display: block;
}
.page-webtv .page-title-webtv span img
{
    position: absolute;
    top: 2px;
    left: -115px;

    max-width: 100px;
}
@media only screen and (max-width: 720px)
{
    .page-webtv .page-title-webtv span img
    {
        top: -2px;
        left: -76px;

        max-width: 70px;
    }
}
.page-webtv .page-title-webtv [class*='icon-jdm']
{
    font-size: 40px;

    position: absolute;
    top: 0;
    left: 0; 

    color: #fff;
}
@media only screen and (max-width: 720px)
{
    .page-webtv .page-title-webtv [class*='icon-jdm']
    {
        font-size: 26px;

        top: 18px;
        left: 15px;
    }
}
@media only screen and (max-width: 720px)
{
    .page-webtv .post-full
    {
        padding: 0;
    }
}
.page-webtv .post-full .title
{
    color: #fff;
}
@media only screen and (max-width: 720px)
{
    .page-webtv .post-full .title
    {
        margin-right: 10px; 
        margin-left: 10px;
    }
}
.page-webtv .post-full .post-category
{
    display: block;

    margin-bottom: 10px;
}
.page-webtv .post-full .post-category a
{
    font-family: 'Noto Sans', sans-serif;
    font-weight: 700;

    display: inline-block;

    height: 30px;
    padding: 6px 10px 0 10px; 

    text-transform: uppercase;

    color: #fff;
    background: #888;
}
.page-webtv .post-full .post-category.category-politique a
{
    background: #f30;
}
.page-webtv .post-full .post-category.category-eco-et-business a
{
    background: #2c6de9;
}
.page-webtv .post-full .post-category.category-societe a
{
    background: #bf86ba;
}
.page-webtv .post-full .post-category.category-sport a
{
    background: #479700;
}
.page-webtv .post-full .post-category.category-sante a
{
    background: #aed80a;
}
.page-webtv .post-full .post-category.category-culture a
{
    background: #ff719f;
}
.page-webtv .post-full .post-category.category-personnalites a
{
    background: #d9ad00;
}
.page-webtv .post-full .post-category.category-international a
{
    background: #6b3781;
}
.page-webtv .post-full .post-category.category-opinions a
{
    background: #b05000;
}
.page-webtv .post-full .post-category.category-debat a
{
    background: #b05000;
}
.page-webtv .post-full .post-category.category-dossiers a
{
    background: #333;
}
.page-webtv .post-full .post-category.category-medias a
{
    background: #fff;
}
.page-webtv .post-full .post-infos
{
    margin-bottom: 40px; 

    border-color: #141414;
}
@media only screen and (max-width: 720px)
{
    .page-webtv .post-full .post-infos
    {
        margin-right: 10px; 
        margin-left: 10px;
    }
}
.page-webtv .post-full .post-infos p
{
    color: #fff;
}
@media only screen and (max-width: 720px)
{
    .page-webtv .post-full .post-infos p
    {
        font-size: 13px;

        padding-top: 0; 

        color: #888884;
    }
}
.page-webtv .post-full .post-infos p a
{
    color: #fff;
}
@media only screen and (max-width: 720px)
{
    .page-webtv .post-full .post-infos p a
    {
        color: #888884;
    }
}
.page-webtv .post-full .post-infos .social-link
{
    top: 50%;

    margin-top: -13px;
}
@media only screen and (max-width: 720px)
{
    .page-webtv .post-full .post-infos .social-link
    {
        top: auto; 

        display: block;

        margin-top: 10px;
    }
}
.page-webtv .post-full .post-infos .social-link li
{
    color: #fff;
}
.page-webtv .post-full .post-video
{
    position: relative;

    overflow: hidden;

    max-width: 100%;
    height: 0;
    height: auto; 
    margin-bottom: 20px;
    padding-bottom: 56.25%;
}
.page-webtv .post-full .post-video iframe,
.page-webtv .post-full .post-video object,
.page-webtv .post-full .post-video embed
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}
.page-webtv .post-full .post-content
{
    color: #fff;
}
@media only screen and (max-width: 720px)
{
    .page-webtv .post-full .post-content
    {
        margin-right: 10px; 
        margin-left: 10px;
    }
}
.page-webtv .post-full .post-content a
{
    color: #fff;
}
.page-webtv .post-full .post-similar
{
    margin-bottom: 35px;
}
@media only screen and (max-width: 720px)
{
    .page-webtv .post-full .post-similar
    {
        margin-right: 10px; 
        margin-left: 10px;
    }
}
.page-webtv .post-full .post-similar .title
{
    font-size: 15px;
    font-weight: 700;

    margin-bottom: 5px;
}
.page-webtv .post-full .post-similar ul li
{
    margin-bottom: 5px;
}
.page-webtv .post-full .post-similar ul li a
{
    display: block;

    color: #fff;
}
.page-webtv .post-full .post-similar ul li a [class*='icon-']
{
    font-size: 10px;
}
.page-webtv .read-more
{
    margin: 60px 0 30px 0;
}
@media only screen and (max-width: 720px)
{
    .page-webtv .read-more
    {
        margin-top: 0;
    }
}
.page-webtv .read-more .title
{
    font-family: 'Noto Sans', sans-serif;
    font-weight: 700;

    margin-bottom: 25px;

    text-transform: uppercase;
}
.page-webtv .read-more .list-post.list-simple li
{
    position: relative;
}
@media only screen and (max-width: 720px)
{
    .page-webtv .read-more .list-post.list-simple li
    {
        border-bottom: 1px solid #141414;
    }
}
@media only screen and (max-width: 720px)
{
    .page-webtv .read-more .list-post.list-simple li .block-post.small-post
    {
        position: relative;
    }
}
.page-webtv .read-more .list-post.list-simple li .block-post.small-post a .post-img
{
    overflow: hidden; 

    height: 90px;
    margin-bottom: 0;
}
.page-webtv .read-more .list-post.list-simple li .block-post.small-post a .post-img img
{
    max-width: 120px;
}
@media only screen and (max-width: 720px)
{
    .page-webtv .read-more .list-post.list-simple li .block-post.small-post a .post-img img
    {
        max-width: none;
    }
}
.page-webtv .read-more .list-post.list-simple li .block-post.small-post a .post-img:before
{
    position: absolute;
    z-index: 9; 
    top: 50%;
    left: 50%;

    display: block;

    width: 30px;
    height: 20.5px;
    margin: -10px 0 0 -15px;

    content: '';

    background: url('../img/player-button.png') no-repeat 0 0;
    background-size: 30px auto;
}
.page-webtv .read-more .list-post.list-simple li .block-post.small-post .title
{
    font-family: 'Noto Serif', serif;
    font-size: 15px;
    line-height: 110%; 

    margin-bottom: 0;

    text-transform: none;
}
@media only screen and (max-width: 720px)
{
    .page-webtv .read-more .list-post.list-simple li .block-post.small-post .title
    {
        font-size: 13px;
    }
}
.page-webtv .read-more .list-post.list-simple li .block-post.small-post .title a
{
    color: #fff;
}
.page-webtv .list-post.list-full li
{
    border-bottom: 1px solid #141414;
}
.page-webtv .list-post.list-full li .block-post.small-post .post-img:before
{
    position: absolute;
    z-index: 9; 
    top: 50%;
    left: 50%;

    display: block;

    width: 30px;
    height: 20.5px;
    margin: -10px 0 0 -15px;

    content: '';

    background: url('../img/player-button.png') no-repeat 0 0;
    background-size: 30px auto;
}
.page-webtv .list-post.list-full li .block-post.small-post .title a
{
    color: #fff;
}
.page-webtv .list-post.list-full li .block-post.small-post p
{
    color: #fff;
}

/*-----------------------------------------------------------------------------------------------------
    [off-canvas]
    
    + off canvas
    + body & wrapper
    + overlay
-------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 720px)
{
    .off-canvas
    {
        position: fixed;
        z-index: 999;

        overflow-y: auto;

        width: 320px;
        height: 100%;

        -webkit-transform: translateX(-320px);

                transform: translateX(-320px);
        -webkit-animation-duration: .4s;
                animation-duration: .4s;
    }
}

body
{
    /*&.move-left  {
    .wrapper { 
      transform: translateX($menu_width);  
    }
  }
  &.move-right {
    .wrapper { 
      transform: translateX(-$menu_width);  
    }
  }*/
    /*.wrapper { 
    @include transition(transform 0.4s); 
    .move-left & {
      transform: translateX($menu_width);  
    }
    .move-right & {
      transform: translateX(-$menu_width);  
    }
  }*/
}
@media only screen and (max-width: 1200px)
{
    body.no-scroll
    {
        position: fixed; 

        overflow: hidden;

        height: 100%;
    }
}

.overlay
{
    position: fixed;
    z-index: 990; 
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;

    background: rgba(0, 0, 0, .85);
}

/*-----------------------------------------------------------------------------------------------------
    [page]
-------------------------------------------------------------------------------------------------------*/
.main
{
    max-width: 1220px;
    margin: 0 auto 60px auto; 
    padding: 20px 10px;

    background: #fff;
}
@media only screen and (max-width: 720px)
{
    .main
    {
        margin-bottom: 0; 
        padding: 0;
    }
}
.full-jdmad .main
{
    position: relative;
    z-index: 9;
}
.main .container
{
    overflow: hidden; 

    height: auto;
}
@media only screen and (max-width: 720px)
{
    .main .container
    {
        padding: 0;
    }
}
.main .column-left
{
    float: left;

    width: 68%;
}

.main .column-left2
{
    float: left;

    width: 50%;
}
@media only screen and (max-width: 720px)
{
    .main .column-left
    {
        float: none; 

        width: auto;
    }
    .main .column-left2
    {
        float: none; 

        width: auto;
    }
}
.main .column-right
{
    float: right;

    width: 28%;
}
.main .column-right2
{
    float: right;

    width: 50%;
}
@media only screen and (max-width: 720px)
{
    .main .column-right
    {
        display: none; 
        float: none;

        text-indent: auto;
    }
    .main .column-right2
    {
        display: none; 
        float: none;

        text-indent: auto;
    }
}

.page-title
{
    font-family: 'Noto Sans', sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 120%;

    margin-bottom: 20px;
}
@media only screen and (max-width: 720px)
{
    .page-title
    {
        font-size: 24px; 

        margin: 0 10px 10px 10px;
        padding-top: 12px;
    }
}
.page-title.icon-title
{
    position: relative;

    padding-left: 40px;
}
@media only screen and (max-width: 720px)
{
    .page-title.icon-title
    {
        padding-left: 30px;
    }
}
.page-title.icon-title [class*='icon-']
{
    font-size: 26px;

    position: absolute;
    top: 50%;
    left: 0;

    margin-top: -15px; 

    color: #2d440f;
}
@media only screen and (max-width: 720px)
{
    .page-title.icon-title [class*='icon-']
    {
        font-size: 20px;

        margin-top: -10px;
    }
}
.page-title.icon-title [class*='icon-calendar']
{
    font-size: 28px;

    margin-top: -16px;
}
@media only screen and (max-width: 720px)
{
    .page-title.icon-title [class*='icon-calendar']
    {
        font-size: 20px;

        margin-top: -8px;
    }
}
.page-title.icon-title.single
{
    padding-left: 0;
}
.page-title.icon-title.single [class*='icon-']
{
    top: 50%;
    left: -35px;

    margin-top: -15px; 

    color: #121210;
}
.page-title.icon-title.single [class*='icon-quote']
{
    font-size: 30px;

    top: 0;
    left: -40px;

    margin-top: 0; 

    color: #121210;
}
.single-agenda .page-title
{
    display: none;
}

.page-title-category
{
    font-family: 'Noto Sans', sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 120%;

    margin-bottom: 20px;
}
@media only screen and (max-width: 720px)
{
    .page-title-category
    {
        font-size: 20px; 

        margin-bottom: 0;
        padding: 15px 20px;
    }
    .single-post .page-title-category
    {
        display: none;
    }
}
.category-politique .page-title-category
{
    color: #f30;
}
.category-eco-et-business .page-title-category
{
    color: #2c6de9;
}
.category-societe .page-title-category
{
    color: #bf86ba;
}
.category-sport .page-title-category
{
    color: #479700;
}
.category-sante .page-title-category
{
    color: #aed80a;
}
.category-culture .page-title-category
{
    color: #ff719f;
}
.category-personnalites .page-title-category
{
    color: #d9ad00;
}
.category-international .page-title-category
{
    color: #6b3781;
}
.category-opinions .page-title-category
{
    color: #b05000;
}
.category-debat .page-title-category
{
    color: #b05000;
}
.category-dossiers .page-title-category
{
    color: #333;
}
.category-medias .page-title-category
{
    color: #1a1a1a;
}

.page-title-dark
{
    font-family: 'Noto Sans', sans-serif;
    font-weight: bold;

    height: 34px;
    margin-bottom: 20px; 
    padding: 7px 20px 0 20px;

    text-transform: uppercase;

    color: #fff;
    background: #121210;
}
@media only screen and (max-width: 720px)
{
    .page-title-dark
    {
        height: auto;
        margin-top: 10px; 
        padding-bottom: 10px;
    }
}

.simple-page .page-title
{
    margin-bottom: 30px; 
    padding-bottom: 15px;

    border-bottom: 1px solid #eee;
}

.simple-page .page-content
{
    padding: 40px 90px;
}
.simple-page .page-content h2,
.simple-page .page-content h3,
.simple-page .page-content h4
{
    margin-bottom: 15px;
}
.simple-page .page-content p
{
    margin-bottom: 20px;
}
.simple-page .page-content a
{
    text-decoration: underline;
}
.simple-page .page-content img
{
    margin-bottom: 20px;
}
.simple-page .page-content .secondary-btn
{
    font-weight: 400;

    height: 35px; 
    padding: 5px 30px 5px 30px;

    text-decoration: none;
    text-transform: none;
}
.simple-page .page-content .secondary-btn:hover
{
    color: #fff;
}
.simple-page .page-content .secondary-btn [class*='icon-']:before
{
    position: relative;
    top: auto;
    left: -10px;
}
@media only screen and (max-width: 1024px)
{
    .simple-page .page-content
    {
        padding: 20px 40px;
    }
}
@media only screen and (max-width: 720px)
{
    .simple-page .page-content
    {
        padding: 10px;
    }
}

.page-contact .page-content
{
    padding: 40px 0;
}
@media only screen and (max-width: 720px)
{
    .page-contact .page-content
    {
        padding: 20px 10px;
    }
}

.page-contact .column-left
{
    position: relative; 

    float: right;

    width: calc(100% - 380px);
}
@media only screen and (max-width: 1024px)
{
    .page-contact .column-left
    {
        width: calc(100% - 330px);
    }
}
@media only screen and (max-width: 720px)
{
    .page-contact .column-left
    {
        float: none; 

        width: auto;
    }
}
.page-contact .column-left .page-content
{
    padding-top: 0;
}

.page-contact .column-right
{
    float: left;

    width: 280px;
}
@media only screen and (max-width: 720px)
{
    .page-contact .column-right
    {
        display: block; 
        float: none;

        width: auto;
    }
}
.page-contact .column-right .logo
{
    padding: 30px;

    border-bottom: 1px solid #fff; 
    background: #f3f3f3;
}
.page-contact .column-right .logo a
{
    display: block;

    margin: 0 auto;
}
@media only screen and (max-width: 720px)
{
    .page-contact .column-right .logo a
    {
        max-width: 200px;
    }
}
.page-contact .column-right .page-content
{
    padding: 30px; 

    background: #f3f3f3;
}

.page-communiques-officiels .list-post.list-full li
{
    margin: 0 !important;
}
.page-communiques-officiels .list-post.list-full li a
{
    display: block;

    padding: 10px 20px;
}

/*-----------------------------------------------------------------------------------------------------
    [homepage]
-------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------
    [page-info]
-------------------------------------------------------------------------------------------------------*/
.tab-container
{
    border: 1px solid #eee;
}
.tab-container .tab-nav > li
{
    font-size: 22px;

    height: 50px;
    padding: 15px 10px 0 10px;
}
@media only screen and (max-width: 720px)
{
    .tab-container .tab-nav > li
    {
        font-size: 14px;
    }
}
.tab-container .tab-content
{
    margin: 0; 
    padding: 30px;
}
.tab-container .pagination
{
    margin: 10px 0 30px 0;
}

/*-----------------------------------------------------------------------------------------------------
    [page-agenda]
-------------------------------------------------------------------------------------------------------*/
.page-agenda .title
{
    font-size: 24px;
}
.page-agenda .title span
{
    font-size: 18px;
}




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

.we-sticky-call-container {
    background: #fff;
    display: block;
    width: 100%;
    height: 100px;
    border-radius: 0%;
    position: fixed;
    bottom: 0%;
    left: 0px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    z-index: 999;
}

.we-sticky-call-content {
    position: absolute;
    top: 0;
    left: 25px;
    width: 250px;
    padding-left: 25px;
    background: #f39200;
    height: 50px;
    z-index: -1;
    border-radius: 0 25px 25px 0;
    opacity: 0;
    transition: all 0.5s ease;
    font-size: 16px;
    line-height: 20px;
}

.we-sticky-call-title {
    margin-top: 5px;
}

.we-sticky-call-description {
    font-size: 12px;
}

.we-sticky-call-container:hover .we-sticky-call-content {
    opacity: 1;
}

}











.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

.order-last {
  -webkit-box-ordinal-group: 14;
  -ms-flex-order: 13;
  order: 13;
}

.order-0 {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}

.order-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.order-3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

.order-4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}

.order-5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
}

.order-6 {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6;
}

.order-7 {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7;
}

.order-8 {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8;
}

.order-9 {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9;
}

.order-10 {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10;
}

.order-11 {
  -webkit-box-ordinal-group: 12;
  -ms-flex-order: 11;
  order: 11;
}

.order-12 {
  -webkit-box-ordinal-group: 13;
  -ms-flex-order: 12;
  order: 12;
}

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-sm-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-sm-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-sm-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-sm-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-sm-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-sm-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-sm-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-sm-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-sm-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }