@charset "utf-8";
/* CSS Document */

body {
    overflow-x: hidden;
    background-color: #fff;
}
/***************************************************** AJUSTEMENT DRUPAL ***********************************************/
/* STYLES COMMUNS FORMULAIRES */

.resizable-textarea .grippie {
    display: none;
}
.form-item label {
    font-weight: 500;
}
.form-item .form-text {
    height: 34px;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-item .form-textarea {
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-item .description, .fieldset-description {
    font-size: 12px;
    color: #777;
    padding-top: 5px;
    clear: both;
}
.password-strength, div.password-confirm, div.form-item div.password-suggestions {
    float: none;
    font-size: 12px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10px;
    margin: 0 0 10px 35%;
    width: 65%;
}
.password-indicator {
    background-color: #ddd;
    height: 0.5em;
}
.confirm-parent, .password-parent {
    width: auto;
}
.status, .ok {
    color: #27A143;
    font-weight: 700;
    text-transform: uppercase;
}
div.error, .error {
    color: #D20000;
    font-weight: 700;
    text-transform: uppercase;
}
input.form-submit {
    width: auto !important;
    color: #fff;
    text-transform: uppercase;
    background: #8a8687;
    border: none;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    padding: 5px 10px;
    border-radius: 4px;
}
input.form-submit:hover {
    color: #141414;
    background: #fff86e;
}
.input-group-btn input.form-submit {
    border: 1px solid #8a8687;
}
.input-group-btn input.form-submit:hover {
    border-color: #fff86e;
}
.marker, .form-required {
    color: #de1000;
}
/* SEARCH TOPNAV */

#search .container-inline div {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}
/* POPIN LOGIN */

#user-login-form .form-item:before, #user-login-form .form-item:after {
    display: table;
    content: " ";
}
#user-login-form .form-item:after {
    clear: both;
}
#user-login-form .form-item {
    padding-left: 15px;
    margin: 10px 0;
}
#user-login-form .form-item label {
    width: 35%;
    float: left;
}
#user-login-form .form-item .form-text {
    width: 60%;
    float: left;
}
#user-login-form h3, #newsletter h3 {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 10px 0 20px 0;
    padding: 10px;
    border-left: 5px solid #fff86e;
}
#user-login-form h4, #newsletter h4 {
    font-family: "Frisans W01 Bold";
    text-transform: uppercase;
}
#user-login-form .form-actions {
    text-align: right;
    margin-right: 15px;
}
#user-login-form .item-list {
    margin-left: 15px;
    margin: 10px 0 0 0;
}
#user-login-form .item-list li {
    list-style: none;
    margin: 0 0 10px 0;
    display: inline-block;
    font-size: 14px;
    padding: 5px 10px;
    background: #e9e8e8;
    border-radius: 4px;
}
#user-login-form .item-list li:hover {
    background: #fff86e;
}
#user-login-form .item-list li a:before {
    font-family: 'icomoon';
    font-size: 24px;
    vertical-align: sub;
}
#user-login-form .item-list li a:hover {
    text-decoration: none;
}
#user-login-form .item-list li.first a:before {
    content: "\e60c ";
}
#user-login-form .item-list li.last a:before {
    content: "\e60d ";
}
#user-login-form .hybridauth-widget-wrapper {
    margin-top: 30px;
    padding-top: 10px;
    border-top: 1px dotted #ddd;
}
#user-login-form .hybridauth-widget-wrapper .item-list {
    margin-left: 0;
}
#user-login-form .hybridauth-widget-wrapper .item-list li {
    padding: 0;
    background: none;
    border-radius: 0;
}
#user-login-form .hybridauth-widget-wrapper .item-list li:hover {
    background: none;
}
#user-login-form .hybridauth-widget-wrapper .item-list li a:before {
    content: normal;
}
#user-login-form .hybridauth-widget-wrapper .hybridauth-widget {
    margin-left: 15px;
}
/* FORMULAIRE INSCRIPTION */

#user-register-form {
    background: #e9e8e8;
    padding: 15px 30px;
}
#user-register-form .form-item:before, #user-register-form .form-item:after {
    display: table;
    content: " ";
}
#user-register-form .form-item:after {
    clear: both;
}
#user-register-form .form-item label {
    width: 30%;
    float: left;
}
#user-register-form .form-item .form-text {
    width: 65%;
    float: right;
}
#user-register-form .captcha legend {
    margin: 0;
    font-size: inherit;
    border: none;
    font-weight: 700;
    float: left;
    width: 30%;
}
#user-register-form #edit-actions {
    text-align: right;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px dotted #8a8687;
}
/* FORMULAIRE PASSWORD */

#user-pass {
    background: #e9e8e8;
    padding: 15px 30px;
}
#user-pass .form-item:before, #user-pass .form-item:after {
    display: table;
    content: " ";
}
#user-pass .form-item:after {
    clear: both;
}
#user-pass .form-item label {
    width: 30%;
    float: left;
}
#user-pass .form-item .form-text {
    width: 65%;
    float: right;
}
#user-pass .captcha legend {
    margin: 0;
    font-size: inherit;
    border: none;
    font-weight: 700;
    float: left;
    width: 30%;
}
#user-pass .captcha .fieldset-wrapper {
    width: 65%;
    float: right;
}
#user-pass #edit-actions {
    text-align: right;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px dotted #8a8687;
}
/* FORMULAIRE USER PROFILE */

#form_edit_user form {
    background: #e9e8e8;
    display: table;
    padding: 15px 5px 30px 5px;
    margin-bottom: 40px;
}
#form_edit_user .form-item:before, #form_edit_user .form-item:after {
    display: table;
    content: " ";
}
#form_edit_user .form-item:after {
    clear: both;
}
#form_edit_user .form-item label {
    width: 30%;
    float: left;
}
#form_edit_user .form-item .form-text, #form_edit_user .form-item .form-textarea {
    width: 65%;
    float: right;
}
#form_edit_user #edit-picture {
    background: rgba(255, 255, 255, 0.4);
    padding: 15px;
    margin-bottom: 40px;
}
#form_edit_user #edit-picture legend {
    margin: 0;
    font-size: inherit;
    border: none;
    float: left;
    width: 10%;
}
#form_edit_user #edit-picture .fieldset-wrapper {
    float: right;
    width: 85%;
}
#form_edit_user #edit-picture .user-picture, #form_edit_user #edit-picture .form-item-picture-delete {
    float: left;
    min-height: 100px;
}
#form_edit_user #edit-picture .form-item-picture-delete {
    width: 50%;
}
#form_edit_user #edit-picture .user-picture {
    width: 120px;
}
#form_edit_user #edit-picture .user-picture img {
    border-radius: 50%;
}
#form_edit_user #edit-picture .form-item-picture-delete label, #form_edit_user #edit-picture .form-item-files-picture-upload label {
    float: none;
    width: auto;
}
#form_edit_user #edit-picture .form-item-picture-delete input[type="checkbox"], #form_edit_user #edit-picture .form-item-picture-delete .description {
    margin: 0;
}
#form_edit_user #edit-picture .form-item-files-picture-upload {
    clear: both;
}
#form_edit_user #edit-picture .form-item-files-picture-upload input {
    font-size: 14px;
}
#form_edit_user input.form-submit {
    float: right;
}
/* FORMULAIRE RECHERCHE */

#search-form {
    background: #fff;
    padding: 20px;
    margin-bottom: 30px;
}
#search-form label {
    margin-right: 10px;
}
#search-form #edit-basic {
    margin-bottom: 20px;
}
#search-form #edit-advanced {
    height: auto;
}
#search-form #edit-advanced legend {
    margin-bottom: 0;
    font-size: inherit;
    border: none;
}
#search-form #edit-advanced label {
    font-size: 14px;
    width: 40%;
    font-weight: 700;
}
#search-form #edit-advanced .form-item .form-text {
    height: 30px;
    width: 40%;
}
#search-form #edit-advanced .criterion {
    float: none;
    margin: 0
}
#search-form .form-checkboxes .form-item {
    display: inline-block;
}
#search-form .form-checkboxes input[type="checkbox"] {
    margin: 0;
}
#search-form #edit-advanced label.option {
    font-weight: 500;
}
#search-form #edit-advanced .action {
    float: right;
}
/* FORMULAIRE CONTACT */

#contact-site-form {
    background: #e9e8e8;
    padding: 15px 30px;
}
#contact-site-form .form-item:before, #contact-site-form .form-item:after {
    display: table;
    content: " ";
}
#contact-site-form .form-item:after {
    clear: both;
}
#contact-site-form .form-item label {
    width: 30%;
    float: left;
}
#contact-site-form .form-item .form-text, #contact-site-form .form-item .form-textarea {
    width: 65%;
    float: right;
}
#contact-site-form .captcha legend {
    margin: 0;
    font-size: inherit;
    border: none;
    font-weight: 700;
    float: left;
    width: 30%;
}
#contact-site-form #edit-actions {
    text-align: right;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px dotted #8a8687;
}
/* FORMULAIRE NEWSLETTER */

#mc-embedded-subscribe-form .form-item:before, #mc-embedded-subscribe-form .form-item:after {
    display: table;
    content: " ";
}
#mc-embedded-subscribe-form .form-item:after {
    clear: both;
}
#mc-embedded-subscribe-form .form-item {
    padding-left: 15px;
}
#mc-embedded-subscribe-form .form-item label {
    width: 35%;
    float: left;
}
#mc-embedded-subscribe-form .form-item .form-text {
    width: 60%;
    float: left;
}
#mc-embedded-subscribe-form .form-actions {
    text-align: right;
    margin-right: 15px;
}
/* FORMULAIRES COMMENTAIRE / CONTRIBUER */

#comment-form .form-item .form-text, #contribuer-form .form-item .form-text, #contributeur-form .form-item .form-text {
    width: 100%;
}
/***************************************************** AJUSTEMENT DRUPAL ***********************************************/
/* TYPO
-------------------------------------------------- */

@font-face {
    font-family: "Frisans W01 Bold";
    src: url("../fonts/frisans_bold.eot?#iefix");
    src: url("../fonts/frisans_bold.eot?#iefix") format("eot"), url("../fonts/frisans_bold.woff") format("woff"), url("../fonts/frisans_bold.ttf") format("truetype"), url("../fonts/frisans_bold.svg#frisans_bold") format("svg");
}
/* STYLES COMMUNS
-------------------------------------------------- */

a, a:hover, a:active {
    outline: none;
    text-decoration: none;
}
.flash_pub {
    background: #141414;
}
.flash_pub .container
/*#div-gpt-ad-439724364338038027-1*/

{
    padding: 0;
    max-width: 970px;
    margin: auto;
    text-align: center;
}
span.icon-facebook, span.icon-twitter, span.icon-googleplus, span.icon-link, span.icon-mail {
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
span.icon-facebook:hover {
    background: #305891 !important;
    color: #FFF;
}
span.icon-twitter:hover {
    background: #2aa9df !important;
    color: #FFF;
}
span.icon-googleplus:hover {
    background: #ce4d39 !important;
    color: #FFF;
}
span.icon-link:hover {
    background: #000 !important;
    color: #FFF;
}
.main header {
    font-family: "Frisans W01 Bold";
    text-transform: uppercase;
    text-align: center;
}
.trame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}
.form-control:focus {
    border-color: #fff300;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 5px auto #fff86e;
}
/* BLOC LES PLUS LUS / PLUS ENQUÊTES / RECOMMANDE */

.bloc_plus {
    background: #fff;
    color: #000;
    margin-bottom: 15px;
    padding-bottom: 5px;
}
.bloc_plus header {
    background: #fff86e;
    color: #000 !important;
    font-size: 18px;
    padding: 10px;
    margin-bottom: 15px;
}
.bloc_plus .media {
    margin: 0 15px 15px 15px;
}
.bloc_plus .media a {
    color: #000;
}
.bloc_plus .media a:hover {
    text-decoration: none;
    color: #431f20;
}
.bloc_plus .media-object {
    float: left;
    margin-right: 10px;
}
.bloc_plus .media-body h4 {
    font-size: 14px;
    font-weight: 700;
}
article a:hover img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'gs\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#gs");
    /* Firefox 3.5+, Firefox mobile */

    filter: gray;
    /* IE6-9 */

    -webkit-filter: grayscale(100%);
    /* Chrome 19+ & Safari 6+ */
}
/* ARTICLE ACTU */

article.actu {
    position: relative;
    margin-bottom: 30px;
}
article.actu img {
    width: 100%;
    -webkit-transition: all 600ms linear;
    -moz-transition: all 600ms linear;
    -o-transition: all 600ms linear;
    -ms-transition: all 600ms linear;
    transition: all 600ms linear;
}
article.actu .info {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 200;
}
article.actu h3 {
    font-family: "Frisans W01 Bold";
    font-size: 16px;
}
article.actu h3, article.actu h4 {
    text-align: center;
    margin: 0 auto 10px auto;
}
article.actu h3 span, article.actu h4 span {
    color: #000;
    padding: 2px 5px;
}
article.actu h3 {
    line-height: 140%;
    width: 80%;
}
article.actu h3 span {
    background: #fff;
    text-transform: uppercase;
}
article.actu h4 {
    font-family: "Frisans W01 Bold";
    font-size: 12px;
    line-height: 140%;
    width: 80%;
}
article.actu h4 span {
    background: #fff86e;
}
article.actu h4.more {
    display: none;
}
article.actu div.more {
    background: #000;
    background: rgba(0, 0, 0, 0.7);
    line-height: 20px;
    height: 20px;
    padding: 0 10px;
    font-size: 10px;
}
article.actu div.more .tag {
    color: #FFF;
    float: left;
    text-transform: uppercase;
}
article.actu div.more .like {
    color: #fff86e;
    float: right;
}
article.big .info {
    top: 80px;
}
article.big p {
    background: #000;
    background: rgba(0, 0, 0, 0.7);
    color: #FFF;
    font-size: 14px;
    padding: 10px 35px;
    margin: 0;
}
article.big p.chapo {
    padding: 10px 20px;
    font-size: 12px;
}
/* BLOC FACEBOOK */

.b_facebook {
    position: relative;
    float: left;
    width: 100%;
    padding: 15px;
    margin-bottom: 50px;
}
.b_facebook img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.b_facebook .accroche {
    position: absolute;
    top: 25px;
    left: 100px;
    z-index: 100;
    color: #FFF;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    width: 160px;
}
.b_facebook .social {
    position: absolute;
    right: 15px;
}
/* LOGBAR
-------------------------------------------------- */

.logbar {
    background: #fff86e;
    text-align: right;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    height: 30px;
    padding: 5px;
}
.logbar a {
    color: #000;
    text-transform: uppercase;
}
/* NAV
-------------------------------------------------- */

nav, .navbar {
    width: 100%;
    z-index: 1000;
    background: #141414;
    height: auto;
    padding-top: 0;
    font-size: 13px;
    text-transform: uppercase;
    color: #FFF;
    margin-bottom: 0;
}
nav .navbar-nav {
    float: left;
    margin-top: 15px;
}
nav.affix {
    top: 0;
}
nav.affix #head_logo {
    width: 100px;
}
nav a {
    color: #FFF;
}
nav a.active {
    color: #fff86e;
}
nav span {
    font-size: 16px;
}
nav .icon-home {
    font-size: 24px;
    color: #CCC;
}
nav .icon-search {
    vertical-align: text-top;
}
nav .icon-plus {
    background: #404040;
    padding: 5px;
    cursor: pointer;
    font-size: 20px;
}
nav .logo {
    float: left;
    margin-right: 15px;
    width: 100px;
}
.navbar-nav > li {
    float: left;
}
.navbar-nav > li > a {
    padding: 0 7px;
}
nav .social {
    float: right;
    margin-top: -2px;
}
nav .social span, nav .icon-mail {
    background: #8a8687;
    padding: 10px;
    border-radius: 20px;
}
nav .icon-mail {
    position: relative;
    top: 4px;
}
nav .icon-mail:hover {
    background: #fff86e;
    color: #000;
}
.navbar-nav > li > a.news {
    padding: 0 2px;
}
.navbar-nav.social > li > a {
    padding: 0 5px;
}
/* search */

.navbar-collapse {
    padding: 0;
    box-shadow: none;
    margin: 0;
}
#search, #header_news {
    background: #141414;
    text-align: right;
    position: relative;
    top: 5px;
}
#search form, #header_news form {
    padding: 10px;
}
#search form input, #header_news form input {
    font-size: 14px;
    height: auto;
    border: 1px solid transparent;
    width: 200px;
}
#search form .btn, #header_news form .btn {
    font-size: 14px;
    height: auto;
    background: #8a8687;
    font-weight: 700;
}
#search form .btn:hover, #header_news form .btn:hover {
    background: #fff86e;
}
/* hover */

nav a:hover {
    text-decoration: none;
}
.nav > li > a:hover, .nav > li > a:focus {
    background-color: transparent;
    color: #fff86e;
}
nav a:hover .icon-home {
    color: #fff86e;
}
nav a:hover .icon-plus {
    background: #fff86e;
    color: #141414;
}
/* tooltip */

nav .tooltip-inner {
    background: #fff86e;
    color: #141414;
    font-size: 11px;
    text-transform: none;
    border-radius: 0;
    width: 150px;
}
nav .tooltip-arrow {
    color: #fff86e;
}
nav .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #fff86e;
}
/* dropdown */

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: transparent;
    border: none;
}
.nav .open .icon-plus {
    background: #fff86e;
    color: #000;
}
.dropdown-menu {
    position: absolute !important;
    right: 7px;
    left: auto;
    float: none;
    min-width: 160px;
    margin: 2px 0 0 !important;
    font-size: 14px;
    background-color: #fff86e !important;
    border-radius: 0;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
}
.dropdown-menu > li > a {
    padding: 3px 15px !important;
    color: #000;
}
.dropdown-menu > li > a:hover {
    background: #141414;
    color: #FFF;
}
/* COVER
-------------------------------------------------- */

.cover {
    position: relative;
    padding: 0;
    height: 350px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    border-bottom-width: 10px;
    border-bottom-color: #FFF;
    border-bottom-style: solid;
}
.cover:before, .cover:after {
    content: " ";
    display: table;
}
.cover .img-src {
    position: absolute;
    background-position: top;
    /*-webkit-background-size: cover; background-size: cover;*/

    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    -webkit-transition: all 600ms linear;
    -moz-transition: all 600ms linear;
    -o-transition: all 600ms linear;
    -ms-transition: all 600ms linear;
    transition: all 600ms linear;
}
.cover figcaption {
    position: absolute;
    width: 100%;
    z-index: 100;
    text-align: center;
    color: #000;
}
.cover figcaption .container {
    display: -ms-flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -ms-flex-flow: column wrap;
    -webkit-flex-flow: column wrap;
    -moz-flex-flow: column wrap;
    flex-flow: column wrap;
}
.cover figcaption h1, .cover figcaption h2, .cover figcaption h3 {
    font-family: "Frisans W01 Bold";
    position: relative;
    margin: 0 auto;
    padding: 5px 0;
}
/*.cover figcaption h1 span, .cover figcaption h2 span, .cover figcaption h3 span {padding: 0 5px;}*/

.cover figcaption h1 {
    font-size: 24px;
    text-transform: uppercase;
}
.cover figcaption h2 {
    font-size: 18px;
}
/* MAIN
-------------------------------------------------- */

.main {
    position: relative;
}
.main .gutter_left {
    position: absolute;
    width: 440px;
    top: -770px;
    left: -440px;
    z-index: 1000;
}
.main .gutter_right {
    position: absolute;
    width: 440px;
    top: -770px;
    right: -440px;
    z-index: 1001;
}
.main .row {
    position: relative;
}
.main article {
    position: relative;
}
.main h2.subtitle {
    position: relative;
    margin: 0 0 50px 0;
    color: #FFF;
    text-transform: uppercase;
    font-size: 18px;
    text-align: center;
    border-bottom: 7px solid #fff86e;
    padding-bottom: 10px;
}
.main h2.subtitle span {
    position: absolute;
    left: 50%;
    bottom: -35px;
    margin-left: -20px;
    color: #fff86e;
    font-size: 40px;
}
.main header.headtag {
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -50px;
    z-index: 500;
    font-family: "Trebuchet MS", Arial, sans-serif;
    color: #FFF;
    font-size: 16px;
}
.main header.headtag a {
    display: block;
    color: #FFF;
    background: #231f20;
    border-radius: 50px;
    text-align: center;
    width: 100px;
    height: 100px;
    line-height: normal;
    padding-top: 25px;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}
.main header.headtag a:hover {
    color: #000;
    background: #fff86e;
    text-decoration: none;
}
.main header.headtag.big {
    top: 0;
    left: 50%;
    margin-left: -60px;
}
.main header.headtag.big a {
    border-radius: 60px;
    width: 120px;
    height: 120px;
}
/* RIGHT CONTENT
-------------------------------------------------- */

.right_content {
    padding: 0 30px;
}
.right_content .row {
    margin: 0;
    display: -ms-flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -ms-flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    flex-flow: row wrap;
}
.right_content aside {
    margin: -12px auto 30px auto;
}
.right_content header {
    font-size: 14px;
    color: #CCC;
    margin-bottom: 15px;
    line-height: 16px;
}
.right_content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.right_content a:hover {
    text-decoration: none;
}
.right_content a:hover img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'gs\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#gs");
    /* Firefox 3.5+, Firefox mobile */

    filter: gray;
    /* IE6-9 */

    -webkit-filter: grayscale(100%);
    /* Chrome 19+ & Safari 6+ */
}
.right_content .info {
    position: absolute;
    width: 90%;
    height: 90%;
    left: 0;
    right: 0;
    z-index: 200;
    font-family: "Frisans W01 Bold";
    text-align: center;
    text-transform: uppercase;
    margin: 10px auto;
}
.right_content .info span, .right_content .carousel-caption span {
    padding: 3px 7px;
}
.right_content .info .h3, .right_content .carousel-caption .h3 {
    display: none;
}
.right_content .info:hover .h2, .right_content .carousel-caption:hover .h2 {
    display: none;
}
.right_content .info:hover .h3, .right_content .carousel-caption:hover .h3 {
    display: block;
}
.right_content .h2, .right_content .h3 {
    margin: 10px auto;
    position: absolute;
    bottom: 0;
    width: 100%;
    line-height: 1.3;
}
.right_content .h2 {
    font-size: 18px;
}
.right_content .h2 span {
    background: #FFF;
}
.right_content .h3 {
    font-size: 14px;
}
.right_content .h3 span {
    background: #fff86e;
}
.right_content .h4 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
    text-transform: none;
}
.right_content .h4 span {
    background: #000;
    background: rgba(0, 0, 0, 0.7);
    padding: 2px 10px;
    color: #FFF;
}
/* PUB */

.right_content .pub {
    padding: 0 15px;
    -webkit-flex-order: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
}
.right_content .pub img {
    margin: auto;
}
/* BONS PLANS */

.right_content .bons_plans {
    border: 1px solid #534f31;
    padding: 15px 15px 25px 15px;
}
.right_content .bons_plans header {
    border: none;
}
.right_content .bons_plans li {
    margin-top: 30px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}
.right_content .bons_plans li:first-child {
    margin-top: 0;
}
.right_content .bons_plans img {
    margin: 0 auto 5px auto;
}
.right_content .bons_plans a {
    color: #FFF;
}
.right_content .bons_plans a:hover {
    color: #fff86e;
    text-decoration: none;
}
.right_content .bons_plans .link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #fff86e;
}
/* STANDARD */

.right_content .std {
    padding: 0 15px;
}
.right_content .std header {
    background: url(../img/common/bg_header.png) repeat-x 0 center;
    line-height: 25px;
}
.right_content .std header span {
    background: #231f20;
    padding: 0 5px;
}
.right_content .std figure {
    position: relative;
}
.right_content .std figcaption {
    position: absolute;
    top: 30px;
    right: 10px;
    z-index: 200;
    width: 145px;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
}
.right_content .std figure .btn {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #000;
    color: #FFF;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    border-radius: 0;
}
.right_content .std figure .btn:hover {
    background: #fff86e;
    color: #000;
}
/* SOCIAL */

.right_content .social {
    margin: 30px auto;
    width: 190px;
}
.right_content .social span {
    background: #8a8687;
    padding: 14px;
    border-radius: 30px;
    font-size: 28px;
    color: #FFF;
}
.right_content .social .addthis_toolbox {
    float: left;
}
.right_content .social .addthis_toolbox a {
    float: none;
}
.right_content .social a.news {
    float: left;
    margin-left: 5px;
}
.right_content .social a:hover {
    text-decoration: none;
}
.right_content .social a:hover span.icon-facebook {
    background: #305891;
    color: #FFF;
}
.right_content .social a:hover span.icon-twitter {
    background: #2aa9df;
    color: #FFF;
}
.right_content .social a:hover span.icon-mail {
    background: #fff86e;
    color: #000;
}
.right_content #body_news {
    position: relative;
    top: -20px;
    width: 100%;
}
.right_content #body_news form {
    padding: 10px;
    text-align: center;
}
.right_content #body_news form input {
    font-size: 14px;
    height: auto;
    border: 1px solid #CCC;
    width: 200px;
}
.right_content #body_news form .btn {
    font-size: 14px;
    height: auto;
    background: #8a8687;
    font-weight: 700;
}
.right_content #body_news form .btn:hover {
    background: #fff86e;
}
/* TEAM */

.right_content .team li {
    margin-bottom: 5px;
}
.right_content .team li:before, .right_content .team li:after {
    content: " ";
    display: table;
}
.right_content .team li:after {
    clear: both;
}
.right_content .team img, .right_content .team span {
    float: left;
    margin-right: 5px;
}
.right_content .team img {
    width: 45px;
}
.right_content .team span.icon-twitter {
    float: right;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    color: #FFF;
    background: #8a8687;
    text-align: center;
}
.right_content .team span.icon-twitter:hover {
    background: #2aa9df;
}
.right_content .team span.nom {
    font-size: 14px;
    color: #FFF;
}
.right_content .team span.nom small {
    display: block;
    color: #999;
}
.right_content .team a:hover span.nom {
    color: #fff86e;
}
.right_content .pub, .right_content .std {
    -webkit-flex: 1 300px;
    -ms-flex: 1 300px;
    flex: 1 300px;
}
/* AUTHORS */

.right_content .authors li {
    display: inline-block;
    margin-bottom: 5px;
    position: relative;
}
.right_content .authors img {
    max-width: 100%;
    height: auto !important;
    -webkit-transition: all 600ms linear;
    -moz-transition: all 600ms linear;
    -o-transition: all 600ms linear;
    -ms-transition: all 600ms linear;
    transition: all 600ms linear;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'gs\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#gs");
    /* Firefox 3.5+, Firefox mobile */

    filter: gray;
    /* IE6-9 */

    -webkit-filter: grayscale(100%);
    /* Chrome 19+ & Safari 6+ */
}
.right_content .authors .more {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 5px;
    background: #000;
    background: rgba(0, 0, 0, 0.7);
    color: #FFF;
    font-size: 11px;
}
.right_content .authors a:hover .more {
    display: block;
    width: 100%;
}
.right_content .authors a:hover img {
    filter: none;
    -webkit-filter: none;
}
/* à la une */

.right_content .alaune {
    position: relative;
    padding: 0;
    margin-bottom: 15px;
}
.right_content .alaune img {
    width: 100%;
}
.right_content .alaune header {
    position: absolute;
    width: 100%;
    z-index: 200;
    top: 0;
}
.right_content .alaune header span {
    background: #000;
    color: #FFF;
    font-size: 16px;
    padding: 10px 15px;
    position: relative;
    top: 12px;
}
.right_content .alaune .info {
    bottom: 20px;
}
/* dark column */

.right_content .darkcol {
    background: #231f20;
    border: 1px solid #534f31;
    padding: 15px;
    margin-bottom: 50px;
}
.right_content .darkcol li {
    position: relative;
    margin-bottom: 10px;
}
.right_content .darkcol .info {
    bottom: 10px;
    font-size: 14px;
}
/*.right_content .darkcol .info span {background: #FFF; color: #000;}*/

.right_content .darkcol .pub {
    padding: 0;
}
/* PARTNERS
-------------------------------------------------- */

.partners {
    margin: 60px auto;
    text-align: center;
}
.partners li {
    padding: 0 10px;
}
/* BOTTOM ACTU
-------------------------------------------------- */

.bottom_actu {
    background: #231f20;
    padding: 50px 0;
}
.bottom_actu header {
    font-family: "Frisans W01 Bold";
    text-transform: uppercase;
    color: #ebebeb !important;
    font-size: 14px;
    background: url(../img/common/bg_header.png) repeat-x 0 center;
    line-height: 25px;
    margin: 0 0 20px 0;
    padding: 0;
}
.bottom_actu header span {
    background: #231f20;
    padding: 0 10px 0 0 !important;
}
.bottom_actu .bloc_plus {
    background: none;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
}
.bottom_actu .bloc_plus header {
    margin: 0 0 20px 15px;
}
.bottom_actu .bloc_plus .media-body h4 {
    font-weight: 400;
}
.bottom_actu .bloc_plus .media a {
    color: #ebebeb;
}
.bottom_actu .bloc_plus .media a:hover {
    color: #FFF;
}


/**** WIDGET FACEBOOK ***/
.theblogwidgets {
    float: right;
    z-index:  99999;
    position:fixed;
    right:-310px;
    bottom:80px;
}
.theblogwidgets .inner {
    padding: 10px 15px 10px 15px;
    background: #231f20;
    width: 310px;
}
.theblogwidgets a {
    color: white;
}
.theblogwidgets a:hover {
    color: #656262;
    text-decoration: none;
}
.theblogwidgets h4 {
    color: #ccc;
    font-size: 14px;
    font-family: "Frisans W01 Bold";
    text-transform: uppercase;
    margin: 0 0 10px 0;
    width: 260px;
}
.theblogwidgets .closewidget {
    position: absolute;
    font-size: 20px;
    top: 0;
    right: 10px;
}
.theblogwidgets span{
    bottom: 4px;
    font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;
    position: absolute;
    right: 6px;
    text-align: right;
    z-index: 99999;
}
.theblogwidgets span a{
    color: gray;
    text-decoration:none;
}
.theblogwidgets span a:hover{text-decoration:underline;}
/**** END WIDGET FACEBOOK ***/

/* FOOTER
-------------------------------------------------- */

footer {
    position: relative;
    background: #000;
    padding: 15px;
}
footer .logo {
    display: block;
    width: 120px;
    margin: 0 auto 10px auto;
}
footer .logo img {
    width: 100%;
}
footer .sitemap {
    margin-bottom: 50px;
    width: 100%;
}
footer .sitemap ul {
    float: left;
    margin: 0 50px 0 0;
    padding: 0;
    list-style: none;
    font-size: 12px;
    text-transform: uppercase;
}
footer .sitemap a {
    color: #fff86e;
}
/*footer span {font-size: 16px; color: #fff86e;}*/

footer .social {
    margin-bottom: 30px;
    text-align: center;
}
footer .social a {
    float: none !important;
}
footer .social a:hover {
    text-decoration: none;
}
footer .social span {
    padding: 10px;
    border-radius: 26px;
    font-size: 28px;
    color: #FFF;
    margin: 0;
}
footer .social span.icon-facebook {
    background: #305891;
}
footer .social span.icon-twitter {
    background: #2aa9df;
}
footer .social span.icon-youtube {
    background: #d03428;
}
footer .social span.icon-rss {
    background: #eb7b1d;
    padding: 10px 13px;
}
footer .social span.icon-mail {
    background: #8a8687;
}
footer .social span:hover {
    background: #333 !important;
    color: #fff86e;
}
footer .social span.flaticon-logotype144 {
    background: #43d854;
}
footer .social-group {
    font-weight: 700;
}
footer .social-group .btn {
    background: #333;
    color: #fff86e;
    border-color: #333;
}
footer .social-group input.form-control {
    font-size: 12px;
    font-style: oblique;
}
.bottom_foot {
    text-align: center;
    font-size: 12px;
    margin: 50px 0 30px 0;
    color: #888;
}
.bottom_foot a {
    color: #888;
    margin-right: 5px;
}
/* MOBILE SHAREBAR */

#sharebar {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 1000;
    width: 100%;
}
#sharebar a {
    display: block;
    float: left;
    text-align: center;
    width: 25%;
    height: 40px;
    color: #fff;
}
#sharebar a:hover {
    text-decoration: none;
}
#sharebar span {
    font-size: 16px;
    line-height: 40px;
}
#sharebar a.share_fb {
    background: #305891;
}
#sharebar a.share_twitter {
    background: #2aa9df;
}
#sharebar a.share_google {
    background: #ce4d39;
}
#sharebar a.share_mail {
    background: #43d854;
    /*background: #738a8d;*/
}


/** COVER LIST **/

.cover-list .cover {height: 450px; border-bottom-color: #231f20;}
.cover-list .cover a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.cover-list .cover .img-src {-webkit-background-size: cover; background-size: cover;}
.cover-list .cover figcaption {top: 200px;}
.cover-list .cover figcaption h2 {font-size: 28px; text-transform: uppercase;
-webkit-flex-order: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;}
.cover-list .cover figcaption h3 {font-size: 16px;
-webkit-flex-order: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;}
.cover-list .cover figcaption h2 span {background: #fff; box-shadow: 10px 0 0 #fff, -10px 0 0 #fff;}
.cover-list .cover figcaption h3 span {background: #fff86e; box-shadow: 10px 0 0 #fff86e, -10px 0 0 #fff86e;}
.cover-list .cover figcaption p {position: relative;}
/*.cover figcaption p.category {font-family:"Frisans W01 Bold"; color: #fff86e; text-transform: uppercase; font-size: 20px; margin: -30px 0 6px 0;
-webkit-flex-order: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;}
.cover figcaption p.category span {display: block; margin: auto;}*/
.cover-list .cover figcaption h2 span.category {font-family:"Frisans W01 Bold"; color: #fff86e; text-transform: uppercase; font-size: 20px; margin: -14px 0 6px 0; background: none; box-shadow: none;}
.cover-list .cover figcaption h2 span.category span {display: block; margin: auto; background: none; box-shadow: none;}
.cover-list .cover figcaption p.summary {font-size: 14px; max-width: 80%; margin: 10px auto;
-webkit-flex-order: 3;
-ms-flex-order: 3;
-webkit-order: 3;
order: 3;}
.cover-list .cover figcaption p.summary span {background: #000; background: rgba(0, 0, 0, 0.6); color: #fff; box-shadow: 10px 0 0 rgba(0, 0, 0, 0.6), -10px 0 0 rgba(0, 0, 0, 0.6); padding: 4px 0;}
.cover-list .cover p.link {display: none; width: 160px; position: absolute; bottom: 30px; left: 50%; margin-left: -80px; background: #fff86e; color: #000; padding: 3px 10px; border-radius: 3px; text-align: center; font-size: 14px; font-weight: bold;}

.cover-list .cover .more {display: none;}
.cover-list .cover .container:hover p, .cover .container:hover span.category{display: block;}
.cover-list .cover .container:hover h3 {display: none;}
.cover-list .cover .img-src.active {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'gs\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#gs"); /* Firefox 3.5+, Firefox mobile */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}


/* RESPONSIVE ADJUSTMENTS
-------------------------------------------------- */

@media screen and (max-width: 480px) {
    #user-login-form h3, #newsletter h3 {
        font-size: 16px;
    }
    #user-login-form .form-item {
        padding-left: 0;
    }
    #user-login-form .form-item label {
        font-size: 14px;
    }
    #user-login-form .item-list {
        margin-left: 0;
    }
    #user-login-form .form-actions {
        margin-right: 0;
    }
    .cover figcaption h1 {
        font-size: 20px;
    }
    .cover figcaption h2 {
        font-size: 16px;
        text-transform: none;
    }
    article.actu h3 {
        font-size: 14px;
    }
    .bottom_actu article.actu .info {
        padding: 0 15px;
    }
    article.big .info {
        top: 40px;
    }
    article.plans .info {
        top: 20px;
    }
    .main header.headtag {
        position: relative;
        top: -10px;
        left: auto;
        margin: 0 15px;
        color: #fff86e;
        font-weight: 700;
        border-bottom: 3px solid #fff86e;
    }
    .main header.headtag a {
        color: #fff86e;
        background: none;
        border-radius: 0;
        text-align: center;
        width: auto;
        height: auto;
        line-height: normal;
        padding: 0;
    }
    .main header.headtag br {
        display: none;
    }
    .right_content {
        padding: 0 15px;
    }
    .right_content .std {
        padding: 0;
    }

    /* nav.affix {
        top: 50px;
    }
    nav.affix-top {
        top: 50px;
    } */
    .flash_pub{background-color: #333; position: fixed; top:0; text-align:center;z-index:567;width: 100%;}
}
@media screen and (min-width: 768px) {
    #form_edit_user form{
        padding: 50px;
    }
    nav, .navbar {
        font-size: 12px;
        height: 50px;
        padding-top: 10px;
    }
    nav .logo {
        position: absolute;
        top: 0;
        left: 50%;
        z-index: 500;
        margin-left: -90px;
        float: none;
        width: 120px;
    }
    nav.affix #head_logo {
        margin-left: -50px;
    }
    nav .navbar-nav {
        margin-top: 0;
    }
    .cover {
        height: 500px;
    }
    .cover figcaption h1 {
        font-size: 34px;
    }
    .cover figcaption h2 {
        font-size: 22px;
        text-transform: uppercase;
        /* white-space: pre-line;*/
    }
    .cover .blurred {
        opacity: 0;
        -webkit-filter: blur(5px);
        -moz-filter: blur(5px);
        -o-filter: blur(5px);
        -ms-filter: blur(5px);
        filter: blur(5px);
        filter: url(blur.svg#blur);
        filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius='5');
    }
    /*article a:hover .trame {background: url(../img/common/trame_dark.png);}*/

    article.actu h3 {
        font-size: 18px;
    }
    article.actu h3, article.actu h4 {
        margin: 0 auto 30px auto;
    }
    article.actu h3 span, article.actu h4 span {
        padding: 5px 0;
    }
    article.actu h3 span {
        box-shadow: 5px 0 0 #fff, -5px 0 0 #fff;
    }
    article.actu h4 {
        font-size: 20px;
    }
    article.actu h4 span {
        box-shadow: 5px 0 0 #fff86e, -5px 0 0 #fff86e;
    }
    article.actu div.more {
        line-height: 25px;
        height: 25px;
        font-size: 12px;
    }
    article.actu .more {
        display: none;
    }
    article.actu .info:hover .more {
        display: block;
    }
    article.actu .info:hover h3 {
        display: none;
    }
    .collectors article.actu a:hover h3 {
        display: block;
    }
    article.big .info {
        bottom: 0;
        top: auto;
    }
    article.big h3 {
        font-size: 25px;
        text-align: left;
        margin: 0 30px 10px 30px !important;
    }
    article.big h4 {
        text-align: left;
        margin: 0 35px 20px 30px;
    }
    article.big p.chapo {
        display: none;
    }
    .main h2.subtitle {
        margin: 0 0 30px 0;
        padding-bottom: 10px;
    }
    .main header.headtag {
        top: 30px;
    }
    .b_facebook {
        padding: 25px;
    }
    .b_facebook .accroche {
        font-size: 16px;
        width: 200px;
    }
    .b_facebook .social {
        right: 25px;
    }
    .right_content .row {
        display: block;
    }
    .right_content .authors li {
        width: 31%;
    }
    footer {
        padding: 35px 15px;
    }
    footer .logo {
        position: absolute;
        z-index: 500;
        top: 30px;
        left: 50%;
        right: auto;
        margin-left: -80px;
        width: 160px;
    }
    footer .sitemap {
        float: left;
        width: auto;
        margin: 0;
    }
    footer .social-group {
        float: right;
        width: 240px;
        margin-right: 25px;
        text-align: right;
    }
    .bottom_foot {
        margin: 100px 0 30px 0;
    }
}
@media screen and (min-width: 992px) {
    nav, .navbar {
        font-size: 14px;
    }
    .navbar-nav > li > a {
        padding: 0 10px;
    }
    nav .logo {
        width: 180px;
    }
    .dropdown-menu {
        right: 10px;
    }
    .cover figcaption h1 {
        font-size: 40px;
        white-space: pre-line;
    }
    .right_content #body_news form input {
        font-size: 12px;
        width: 160px;
    }
    .right_content .std figcaption {
        top: 10px;
        width: 120px;
        font-size: 12px;
    }
    .right_content .info span, .right_content .carousel-caption span {
        padding: 2px 7px;
    }
    .right_content .h2 {
        font-size: 16px;
    }
    .right_content .h3 {
        font-size: 13px;
    }
    .right_content .h4 {
        font-size: 12px;
        line-height: 22px;
    }
    .bottom_actu .bloc_plus .media {
        padding-right: 15px;
    }
    footer .logo {
        margin-left: -102px;
        width: auto;
        top: 20px;
    }
    footer .social-group {
        width: 300px;
    }
    footer .social span {
        padding: 12px;
        border-radius: 30px;
        margin: 0;
    }
    footer .social span.icon-rss {
        padding: 12px 15px;
    }
    footer .social-group input.form-control {
        font-size: 14px;
    }
}
@media screen and (min-width: 1200px) {
    .navbar-nav > li > a {
        padding: 0 12px;
    }
    nav .logo {
        margin-left: -123px;
        width: auto;
    }
    .dropdown-menu {
        right: 12px;
    }
    .cover figcaption h1 {
        font-size: 48px;
    }
    .cover figcaption h2 {
        font-size: 25px;
    }
    .b_facebook {
        padding: 40px 25px;
    }
    .b_facebook .accroche {
        font-size: 18px;
        width: 260px;
        top: 40px;
    }
    .right_content #body_news form input {
        font-size: 14px;
        width: 200px;
    }
    .right_content .std figcaption {
        top: 30px;
        width: 150px;
        font-size: 14px;
    }
    .right_content .h2 {
        font-size: 18px;
    }
    .right_content .h3 {
        font-size: 14px;
    }
    .right_content .h4 {
        font-size: 14px;
    }
}