/*
 Theme Name:   Innovsail
 Description:  Theme pour Innvosail
 Author:       We used to be friends
 Template:     twentytwelve
*/


body {
    background-color: #000;
    color: #FFF;
    font-size: 17px;
        font-weight: 500;
}
body.custom-font-enabled {
    font-family: roc-grotesk, sans-serif;
}
body .site {
    margin-top: 102px;
    margin-bottom: 0;
    padding: 0;
    box-shadow: none;
}
strong {
    font-weight: 600;
}
.site {
    max-width: 100%;
    background-color: transparent;
}
img {
    max-width: 100%;
}
a:focus {
    outline: 0 dotted;
}
a {
    outline: none;
    color: #FFF;
}
a:hover {
    color: #FFF;
    text-decoration: none;
}
.site-header{
    position: fixed;
    top: 0;
    width: 100%;
    background: #000;
    padding: 1.714285714rem 0;
    transition: all 0.3s linear;
    z-index: 5;
}
.site-header .site-title img {
    height: 54px;
    transition: all 0.3s linear;
}
.site-header.is-scrolled {
    padding: 16px 0;
    transition: all 0.3s linear;
}
.site-header.is-scrolled .site-title img {
    height: 40px;
    transition: all 0.3s linear;
}
.main-navigation {
    margin-top: 0;
}
.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a {
    color: #EA680A;
    font-weight: normal;
}
.main-navigation li a {
    color: #FFF;
    line-height: 2;
    text-transform: none;
    font-size: 15px;
}
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
        border-bottom: 0;
        border-top: 0;
        text-align: right;
}
.main-navigation li {
    margin: 0 0 0 40px;
    font-size: 19px;
}
.main-navigation li a:hover, .main-navigation li a:focus {
        color: #EA680A;
}
.entry-content p, .entry-summary p, .comment-content p, .mu_register p {
    hyphens: none;
}
h1, h2, h3, h4, h5, h6 {
    hyphens: none;
    font-weight: 600;
}
div#bandhead {
    padding: 0 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
h1.site-title img {
    max-width: 360px;
}
.site-header h1 {
    line-height: 0;
}
.ouired {
    padding-top: 0 !important;
}
h2 {
    color: #EA680A;
    font-size: 50px !important;
    line-height: 1.2 !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    border-top: 1px solid #FFF;
    padding-top: 14px;
    border-bottom: 1px solid #FFF;
    padding-bottom: 14px;
}
h3 {
    font-size: 30px !important;
    line-height: 1.2 !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    color: #EA680A;
       padding-top: 10px;
}
h4 {
    font-size: 25px !important;
    line-height: 1.2 !important;
    margin-top: 0 !important;
}
header.entry-header {
    padding: 20px 40px;
    background: #EA680A;
    margin-bottom: 0;
}
label.gfield_label {
    color: #FFF !important;
    font-size: 17px !important;
}
.entry-header .entry-title {
    font-size: 50px;
    color: #000;
    font-weight: 600;
}
p.gform_required_legend {
    font-size: 13px;
}
.bloccont {
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 40px;
}
div#deuxcols {
    display: flex;
    flex-wrap: wrap;
}
.untiers div#colgauche {
    width: calc(33.333% - 30px);
    margin-right: 30px;
}
.uniersinv div#colgauche {
    width: calc(66.666% - 30px);
    margin-right: 30px;
}
div#colgauche {
    width: calc(50% - 30px);
    margin-right: 30px;
}
.untiers div#coldroite {
    width: calc(66.666% - 30px);
    margin-left: 30px;
}
.uniersinv div#coldroite {
    width: calc(33.333% - 30px);
    margin-left: 30px;
}
div#coldroite {
    width: calc(50% - 30px);
    margin-left: 30px;
}
div#unecolpage {
    padding: 60px 0;
}
.fdorange {
    color: #000;
    background: #EA680A;
}
.fdorange h2 {
    color: #FFF;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
.fdorange h3 {
    color: #FFF;
}
.site-content article {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
footer[role="contentinfo"] {
    max-width: 100%;
    margin-top: 0;
}
.fdorange a {
    color: #000;
}
.fdorange a:hover {
    color: #000;
    text-decoration: none;
}
.site-info {
    padding: 0 40px;
    font-size: 15px;
    display: flex;
    justify-content: space-between;
}
footer[role="contentinfo"] a {
    color: #FFF;
}
footer[role="contentinfo"] a:hover {
    color: #FFF;
    text-decoration: none;
}
.unaccordeon {
    border-bottom: 1px solid;
}
.unaccordeon:first-child {
    border-top: 1px solid;
}
.accordion_head {
    padding: 10px 0;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 600;
}
.accordion_head:hover {
    cursor: pointer;
    color: #EA680A;
}
.fdorange .accordion_head:hover {
    color: #FFF;
}
span.plusminus {
    float: right;
}
span.titacc {
    width: calc(100% - 40px);
    display: inline-block;
}
div#wrapheadright {
    display: flex;
    align-items: center;
    margin-top: -2px;
}
.aligncentre div#deuxcols {
    align-items: center;
}
a.fasc-button, a.lkmore, input#gform_submit_button_1 {
    background: #FFF !important;
    padding: 10px 20px !important;
    border-radius: 5px !important;
    color: #000 !important;
    text-decoration: none !important;
    transition: all 0.3s linear;
    font-size: 15px !important;
    /* text-shadow: 3px 3px; */
    box-shadow: 5px 5px 0 #EA680A !important;
}
a.fasc-button:hover, a.lkmore:hover, input#gform_submit_button_1:hover {
  background: #FFF !important;
  color: #000 !important;
  box-shadow: 2px 2px 0 #EA680A !important;
  text-decoration: none !important;

  transition: all 0.3s linear;
}
.fdorange a.fasc-button:hover{
  background: #000 !important;
  color: #FFF !important;
}
.aligngauche div#coldroite {
    order: 1;
    margin-left: 0;
    margin-right: 30px;
}
.aligngauche div#colgauche {
    order: 2;
    margin-right: 0;
    margin-left: 30px;
}
div#imgcont {
    line-height: 0;
}
.lespartenaires {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 40px);
    margin-left: -20px;
    justify-content: center;
}
div#unecolpage.logospart h3{
    text-align: center;
    margin-bottom: 30px !important;
    margin-top: 0 !important;
    padding-top: 0;
}
.unpartenaire {
    width: calc(16.6667% - 40px);
    margin: 0 20px;
}
.taptap-menu-button-wrapper {
    display:none;
}
span.gfield_required.gfield_required_asterisk {
    color: #FFF;
}
legend.gfield_label.gform-field-label.gfield_label_before_complex, label.gfield_consent_label {
    color: #FFF !important;
}
.gfield_consent_description {
    color: #FFF !important;
    border: 1px solid #FFF !important;
}
div#coldroite.colphotout {
    background-size: cover !important;
    background-position: center !important;
}
/* #lebtnhead a.lkmore {
    background: #ccc !important;
    color: #000 !important;
    cursor: default;
    pointer-events: none;
} */
.imgbannierefond {
    background: transparent;
}
div#banimg {
    position: relative;
}
.imgbannierefond {
    background: transparent;
    padding: 0 !important;
}
div#contenutxtimgban {
    position: absolute;
    bottom: 38px;
    left: 40px;
    line-height: 1.2;
    max-width: 1000px;
    width: calc(100% - 80px);
}
div#banimg {
    position: relative;
    line-height: 0;
    hyphens: none;
}
div#banimg img {
    width: 100%;
}
.site-content {
    margin: 0;
}
div#banimg:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 90%;
    background: linear-gradient(to top, black, transparent);
    width: 100%;
}
div#surtitimgban {
    color: #EA680A;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 1.2;
}
div#titimgban {
    font-size: 50px;
    line-height: 1.2;
    font-weight: 600;
    color: #FFF;
}
div#soustitrebanimg {
    color: #FFF;
}
#banimg a.lkmore {
    margin-top: 15px !important;
    display: table;
}
.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
    border-radius: 0;
    box-shadow: none;
}

@media only screen and (max-width: 1000px) {
    div#bandhead {
        padding: 0 80px 0 40px;
    }
    .taptap-menu-button-wrapper {
        top: 28px !important;
    }
    #site-navigation {
        display: none;
    }
    .untiers div#colgauche {
        width: 100%;
        margin-right: 0px;
    }
    .untiers div#coldroite {
        width: 100%;
        margin-left: 0;
    }
    div#colgauche {
        width: 100%;
        margin-right: 0 !important;
    }
    div#coldroite {
        width: 100%;
        margin-left: 0;
    }
    .aligngauche div#colgauche {
        margin-left: 0px;
        margin-top:20px;
    }
    .aligngauche div#coldroite {
        margin-right:0 !important;
        width: 100%;
    }
    #imgcont img {
        width:100%;
    }
    .unpartenaire {
        width: calc(25% - 40px);
    }
    .uniersinv div#colgauche {
        width: 100%;
        margin-right: 0;
    }
    .uniersinv div#coldroite {
        width: 100%;
        margin-left: 0;
    }
    .taptap-by-bonfire ul li a {
        font-size: 20px;
        text-transform: uppercase;
        color: #EA680A !important;
        font-weight: bold;
        border-bottom: 0;
    }
    .taptap-by-bonfire ul li {
        text-align: center;
    }
    .taptap-menu-button-wrapper {
        display:block;
    }
    .taptap-by-bonfire {
        margin-top:40px;
    }
    div#coldroite.colphotout {
    min-height: 300px;
}
.accordeon h2 {
    border-bottom: 0;
}
div#banimg {
    min-height: 300px;
}
div#banimg img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
}
div#banimg:before {
    z-index: 2;
}
div#contenutxtimgban {
    z-index: 3;
}
}
@media only screen and (max-width: 768px) {
    .unpartenaire {
        width: calc(50% - 20px);
        margin: 0 10px 10px;
    }
    .lespartenaires {
        width: calc(100% + 20px);
        margin-left: -10px;
    }
    .unpartenaire a img {
        width:100%;
    }
    .bloccont {
        padding: 0 20px;
    }
    h2 {
        font-size: 33px !important;
        margin-bottom: 20px !important;
    padding-top: 6px;
        padding-bottom: 6px;
        text-align: left !important;
    }
    h3 {
        font-size: 22px !important;
    }
    h1.site-title img {
        max-width: 150px;
    }
    body.template-front-page .site-content, body.attachment .site-content, body.full-width .site-content {
        margin-top: 0;
    }
    .taptap-menu-button-wrapper {
        top: 14px;
    }
    div#bandhead {
        padding: 0 20px;
    }
    div#unecolpage {
        padding: 25px 0;
    }
    div#unecolpage.logospart {
        padding: 25px 0 5px;
    }
    .site-info {
        padding: 0 20px;
            font-size: 13px;
    }
    div#bandhead {
        padding: 0 60px 0px 20px;
    }
    .taptap-menu-button-wrapper {
        top: 0px !important;
    }
    .site-header h1 {
        margin-bottom:0;
    }
    #bandhead .lkmore {
        font-size: 11px !important;
    }
    a.fasc-button, a.lkmore, input#gform_submit_button_1 {
        padding: 7px 20px !important;
    }
    div#lebtnhead {
        margin-top: -3Px;
        margin-right: 10px;
    }
    #lebtnhead a.lkmore {
        padding: 4px 15px !important;
    }
    .site-header {
        padding: 14px 0 18px;
    }
    .site-header.is-scrolled {
    padding: 14px 0 18px;
}
div#coldroite.colphotout {
    background-size: cover !important;
    background-position: center !important;
    min-height: 250px;
}
.entry-content p, .entry-summary p, .comment-content p, .mu_register p {
    text-align: left !important;
}
.site-header.is-scrolled .site-title img {
    height: 20px;
}
.site-header .site-title img {
        height: 20px;
    }
body .site {
    margin-top: 47px;
}
div#contenutxtimgban {
    bottom: 18px;
    left: 20px;
}
div#soustitrebanimg {
    font-size: 14px;
}
div#titimgban {
    font-size: 33px;
}
div#surtitimgban {
    font-size: 18px;
    line-height: 1;
}
.accordion_head {
    padding: 8px 0;
    font-size: 18px;
}
body {
    font-size: 15px;
}
}
@media only screen and (max-width: 500px) {
div#banimg {
    min-height: 350px;
}
}