/*
Theme Name: CCN
Description: CCN
Author: STUDIO VITAMINE
Author URL: https://www.studiovitamine.com
Template: wp-bootstrap-starter
Version: 1.0.0
Text Domain: ccn
*/
.sectionCrea iframe {
    aspect-ratio: 16/9;
    height: auto;
}
.gallery-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 10px;
}
.gallery-item {
    width: 100%;
    height: 150px; /* Ajustez la hauteur pour changer l'aspect des images */
    object-fit: cover; /* Assurez que les images couvrent l'espace sans être déformées */
}
body{
    font-family:'lato';
    font-size:1rem;
    color:#3b3b3b;
    line-height:1.5rem;
}
.langSwitch {
    position: absolute;

    right: 20px;
    top: -25px;
} .langSwitch a {
color:#fff;
}


img {
max-width: 100%;
    height:auto;
}
.pdfRight  {
padding-bottom:20px;
}
.pdfRight a {
display:block;
}
#mailpoet_form_1 .mailpoet_validate_success {
    font-weight: 600;
    color: #fff;
}
.vc_images_carousel{max-width: 100%;}
#footer-widget input.parsley-error,#footer-widget select.parsley-error,#footer-widget textarea.parsley-error {
    color:#fff;
}
#footer-widget .parsley-required,#footer-widget .parsley-custom-error-message {

    color:#fff;

}
.colLeft iframe {
width: 100%;
}
a
{

    color:#cc171a;
}
#map
{
    height: 438px;
}
.pl-30{
    padding-left:30px;
}
.pt-20{
    padding-top:20px;
}
.pb-20{
    padding-bottom:20px;
}
.pt-44{
    padding-top:44px;
}
.pb-44{
    padding-bottom:44px;
}
p a:hover
{
    text-decoration:underline;
    color:#cc171a;
}
a:hover
{
    text-decoration:none;
    color:#cc171a;
}
p {
    margin-top: 0;
    margin-bottom: 38px;
}
h1{

    text-transform:uppercase;
}
h2
{
    font-family: Lato;

    font-size: 2rem;

    font-weight: normal;

    font-style: normal;

    font-stretch: normal;

    line-height: normal;

    letter-spacing: normal;
    text-transform:uppercase;
    text-align: left;
    margin-bottom:25px;
    color: #000000;
}
h2:after
{
    content:" ";
    display:block;
    height:1px;
    margin-top:14px;
    width:70px;
    background:#db0e16;
}
.btnccn,a.btnccn
{
    background-color: #cc171a;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    font-family: Lato;

    font-size: 16px;

    font-weight: bold;

    font-style: normal;

    font-stretch: normal;

    line-height: normal;

    letter-spacing: normal;

    color: #ffffff;
    padding:5px 14px;
    display: inline-block;
    align-self: flex-start;
    margin-top: auto;
}
.btnAnim {
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    box-shadow: none;
  border: none;
    font-weight: 400;
    line-height: 45px;
    margin: 0 0 2em;
    max-width: 250px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
}
@media (min-width: 600px) {
    .btnAnim {
        margin: 0 1em 2em;
    }
}
.btnAnim:hover {
    text-decoration: none;
}

.btn-1 {
    background: #e02c26;
    font-weight: 100;
}
.btn-1.btn-primary {

    padding: 0;
    margin: 0;

}
.btn-1.btn-primary:hover {

    padding: 0;
    background-color:transparent;
    color:#000;

}
.btn-1 svg {
    height: 45px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.btn-1 rect {
    fill: none;
    stroke: #000;
    stroke-width: 2;
    stroke-dasharray: 422, 0;
    transition: all 0.35s linear;
}

.btn-1:hover {
    background: rgba(225, 51, 45, 0);
    font-weight: 900;
    color:#000;
    letter-spacing: 1px;
}
.btn-1:hover rect {
    stroke-width: 5;
    stroke-dasharray: 37, 428;

    stroke-dashoffset: 61;
    transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
}
/*effect*/
/*contact*/

.addr.rsxSoc a{
    color:#1d1d1b;
}
.addr.rsxSoc a:hover{
    color:#db0e16;
}
.pl-30 .wpcf7-list-item{
    padding-left: 0;
    margin-left: 0;

}
.contactForm
{
margin-bottom:50px;
}
.contactForm strong{

    color:#3c3c3b;
    font-family: Lato;

    font-size: 20px;

    font-weight: normal;

    font-stretch: normal;

    font-style: normal;

    line-height: 1.55;

    letter-spacing: normal;
    display: block;
}
.contactForm .col-md-6,
.contactForm .col-md-12
{
    margin-bottom:20px;
}
.contactForm .form-control
{
    height: 45px;
}
.contactForm input.form-control::placeholder,
.contactForm textarea.form-control::placeholder
{
    color: #979797;
}
.textGrey
{
    color: #979797;
}
input[type="checkbox"], input[type="radio"] {


    margin-right: 5px;

}
.btn-primary {

    color:#fff;

    background-color:#db0e16;

    border-color:#db0e16;
    padding:7px 77px;

}

.btn-primary {

    color:#fff;

    background-color:#db0e16;

    border-color:#db0e16;
    padding:7px 77px;

}
.btn-primary:hover {

    color:#fff;

    background-color:#797979;

    border-color:#797979;
    padding:7px 77px;
    text-transform:uppercase

}
btn-primary.disabled, .btn-primary:disabled {

    color:#fff;

    background-color:#db0e16;

    border-color:#db0e16;
    opacity:0.2;

}
.contactForm textarea.form-control
{
    height: auto;
}
.adresse
{
    font-family: Lato;

    font-size: 20px;

    font-weight: normal;

    font-stretch: normal;

    font-style: normal;

    line-height: 1.55;

    letter-spacing: normal;
    color:#3c3c3b;
    margin-bottom:10px!important;
}
/*Actus*/
.cat-links a{

}
.alm-btn-wrap .alm-load-more-btn.done
{
    display:none;
}
.lesActus .alm-reveal{
    display: flex;

    flex-basis: 100%;

    justify-content: space-between;
    flex-wrap: wrap;
}
.lesActus .alm-reveal article {
    display: block;
    flex: 0 1 50%;
    margin-bottom:35px;

}
.lesActus .alm-reveal article .post-thumbnail img{
   max-width:100%;
    height:auto;

}
.entry-content
{
    font-family: Lato;

    font-size: 1rem;

    font-weight: normal;

    font-stretch: normal;

    font-style: normal;

    letter-spacing: normal;

    color: #000000;
}

.entry-content a
{

}

.entry-meta
{
    font-family: Lato;

    font-size: 16px;

    font-weight: normal;

    font-stretch: normal;

    font-style: normal;

    line-height: normal;

    letter-spacing: normal;


    color: #797979;
}
.entry-meta .categoryBlock
{
margin-top:15px;
margin-bottom:8px;
    line-height:12px;
}

.entry-meta .categoryBlock a
{
    font-size: 12px;

    font-weight: normal;

    font-stretch: normal;

    font-style: normal;

    line-height: normal;

    letter-spacing: normal;
    text-transform: uppercase;
    text-align: center;
    background-color: #cc171a;
    padding:3px 22px;
    display:inline-block;
    color: #ffffff;
}
.entry-meta h2
{
    font-family: Lato;

    font-size: 21px;

    font-weight: bold;

    font-stretch: normal;

    font-style: normal;

    line-height: normal;

    letter-spacing: normal;
    margin:8px 0;
    color: #000000;
}
.entry-meta h2::after {

    content: "";
    display: none;
}

.readMore
{
    font-size: 0.9rem;
    display: block;
    color: #cc171a;
    text-transform:uppercase;
}

.slideActusContainer {

    width: calc(100vw - 17px);
    position: relative;
    margin-left: -50vw;
    left: 50%;
    display: flex;
    align-items: center;
    padding: 80px 0;
    background:#f4f4f4;
    margin-top: 20px;
    margin-bottom: 50px;
    max-width: 100vw;

}
.preFooter
{
    background-color: #fff;
}
#sb_instagram > #sbi_images
{
    padding:0!important;
}
#sb_instagram #sbi_images .sbi_item {

    padding-right: 15px !important;

}
#sb_instagram #sbi_images .sbi_item:last-of-type {

    padding-right: 0px !important;

}
.slideActusContainer .infoActus *
{
    color:#fff;
}
.slideActusContainer:before
{
    content:" ";
    display:block;
    position: absolute;
    top: 80px;

    bottom: 80px;
    width:30%;
    background:#3a3a3a;
    z-index: 0;
}
.infoActus {

    flex: 1 0 25%;
    padding-left:5%;
    Padding-right:5%;
    z-index: 2;

}
.infoActus h2{

    font-size:21px;

}
.slideActus
{
    padding:40px 0;
    min-width: 0;

    min-height: 0;

}
.slideActus article
{

}
.slideActus .entry-meta
{
    font-family: Lato;

    font-size: 11px;

    font-weight: normal;

    font-stretch: normal;

    font-style: normal;

    line-height: normal;

    letter-spacing: normal;

    color: #969696;
}
.slideActus .entry-content
{
    font-family: Lato;

    font-size: 15px;

    font-weight: normal;

    font-stretch: normal;

    font-style: normal;

    line-height: 1.4;

    letter-spacing: normal;

    color: #383838;
}
.slideActus .categoryBlock
{

}
.slideActus .readMore
{
    font-size: 11px;

    font-weight: normal;

    font-stretch: normal;

    font-style: normal;

    line-height: normal;
    text-transform: uppercase;
    letter-spacing: normal;
margin-top:12px;
    color: #db0e16;
}
.slideActus article h2
{
    font-size: 15px;

    font-weight: bold;

    font-stretch: normal;

    font-style: normal;

    line-height: 1.4;

    letter-spacing: normal;

    color: #383838;
}
.slideActus h2
{
    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;
}
.slick-arrow{
    color:#fff;
    background:#000000;
    height:34px;
    width:34px;
    display: flex;
    align-items: center;
    position:absolute;
    bottom: 60px;
    left: -55px;
    text-align: center;
    justify-content: center;
}
.slick-prev{

    left: -95px;
}
.slick-arrow:hover{
    color:#cc171a;
    background:#000000;
    cursor: pointer;
}
.slideActus article
{
    max-width: 450px;
    margin-right:20px;
    background: #ebebeb;
}
.slideActus article .entry-meta
{
    padding:0px 28px;
}
.slideActus article .entry-content
{
    padding:0px 28px;

    padding-bottom: 19px;
}
.slideActus article img
{
    width: 100%;
    height: auto;
}

/*HEADER*/
a.wpml-ls-link:hover
{
    color:#a4a4a4;
}
.topHead
{
    background: #3a3a3a;
    color: #fff;
    z-index: 6;
    padding: 22px 0;
    position: relative;
}
.wpml-ls-legacy-list-horizontal > ul {

    padding: 0;
    margin: 0 !important;
    list-style-type: none;
    display: flex;

}
.wpml-ls-legacy-list-horizontal {

    border: 1px solid transparent;
    padding: 0;
    clear: both;

}
.wpml-ls-item a {

    display: block;
    text-decoration: none;padding: 0px 5px;

    line-height: 1;
    font-size: 13px;

}
li.wpml-ls-item:first-of-type a {

    display: block;
    text-decoration: none;
    padding: 0px 0px;

    line-height: 1;
    font-size: 13px;

}
.wpml-ls-item a:after {

    background: #fff none repeat scroll 0 0;
    content: "";
    display:inline-block;
    height: 11px;
    margin-left:5px;
    width: 1px;
    vertical-align:bottom;

}
li.wpml-ls-item:last-of-type a:after {

    background: #fff none repeat scroll 0 0;
    content: "";
    display:none;
    height: 11px;
    width: 1px;
    vertical-align:bottom;

}
.topHead a
{
    color:#fff;
}
.topHead a:hover
{
    color:#cc171a;
}
.wpml-ls-current-language
{
    color:#a4a4a4;
}
.topHead a:hover
{
   text-decoration:none;
}
.surHead
{
    display: flex;

    align-items: center;

    justify-content: space-between;
}
.searchTop
{

}
.searchTop label {

    margin-bottom: 0rem;

}
.surHeadRight{
    display: flex;

    align-items: center;
}
.backHead{

    background-size: cover;
    height: auto;
    padding-top: 40px;
}
.backHead .container{

    position: relative;

}
.videoCont{
    position: absolute;
    top:0;
    bottom: 0;
    right: 0;
    left:0;
    overflow:hidden;
    text-align: center;
}
.videoCont video{

    min-height: 100vh;

    min-width: 100%;
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.overlay{
position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;background: #000;
    z-index: 1;

}
.langSwitcher{
margin-right:35px;
}


.rsxSoc{

}

.rsxSoc a{
    padding: 0 5px;
}

/*Menu*/
.menubtn, .topHead
{
    display:none;
}
.hamburger {
    padding: 0;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible; }
.hamburger:hover {
    opacity: 0.7; }
.hamburger.is-active:hover {
    opacity: 0.7; }
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
    background-color: #fff; }

.hamburger-box {
    width: 30px;
    height: 20px;
    display: inline-block;
    position: relative; }

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 30px;
    height: 2px;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
.hamburger-inner::before {
    top: -10px; }
    top: -10px; }
.hamburger-inner::after {
    bottom: -10px; }
.hamburger--spring .hamburger-inner {
    top: 2px;
    transition: background-color 0s 0.13s linear; }
.hamburger--spring .hamburger-inner::before {
    top: 8px;
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spring .hamburger-inner::after {
    top: 16px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring.is-active .hamburger-inner {
    transition-delay: 0.22s;
    background-color: transparent !important; }
.hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(-45deg); }
header .sub-menu
{
    z-index: 2;
}
header .sub-menu:hover
{
    z-index:4;
}
header .sub-menu a:hover
{
color:#b7b7b7!important;
}
header  .navbar  {

    display: flex;
    justify-content: space-between;

}
header  #main-nav{

    align-self: start;
    border-bottom: 1px solid #fff;
}
header  #main-nav li{

    position:relative;
}
header  #main-nav a{

   color:#fff;
    font-family: Lato;

    font-size: 15px;

    font-weight: normal;
    font-style: normal;
    padding: 0 10px;
    font-stretch: normal;

    line-height: normal;
    text-transform:uppercase;
    letter-spacing: normal;

    text-align: center;

    padding-bottom: 17px;

    display: inline-block;
}
header #main-nav a:hover{

 text-decoration:none;
}
header .current-menu-item{

}
header  #main-nav a:after{
    content: "";
    display: block;
    width: 0;
    min-width:0;
    height: 1px;
    background: #cc171a;
    position: absolute;

}
header .current-menu-item:after,#main-nav li:hover:after{
    content: "";
    display: block;
    width: 100%;
    min-width:100%;
    height: 1px;
    background: #cc171a;
    position: absolute;

}
header #main-nav .menu-item-has-children .sub-menu{
    top: -0px;
    opacity: 0;
   visibility: hidden;
    position: absolute;
    text-align: left;
    left: 50%;
    transform: translateX(-50%);

    background:url("./assets/img/backMenu.png") no-repeat top center;
    min-width: 185px;
    width: 100%;
    list-style: none;
    padding-left: 0;

}
header #main-nav li.menu-item-has-children:hover .sub-menu{
    display: block;
    opacity:1;
    position: absolute;
    visibility: visible;
    width: 100%;
    padding-top:20px;
    padding-left: 0;
    top:40px;
    -webkit-transition: top 500ms, opacity 500ms;
    -moz-transition: top 500ms, opacity 500ms;
    -ms-transition: top 500ms, opacity 500ms;
    -o-transition: top 500ms, opacity 500ms;
    transition: top 500ms, opacity 500ms;

}

header #main-nav .sub-menu li {
padding:5px 20px;
    background-color: #242424;
    line-height: 1;
    margin-bottom:1px;
}
header #main-nav .sub-menu li a{
    font-family: Lato;
    padding: 0;
    font-size: 12px;

    font-weight: bold;

    font-style: normal;

    font-stretch: normal;

    line-height: normal;

    letter-spacing: normal;

    text-align: left;

    color: #ffffff;
}
header #main-nav .sub-menu  a::after {

    content: "";
    display: none;


}
header .sub-menu .current-menu-item::after, #main-nav .sub-menu li:hover::after {

    content: "";
    display: none;

}
/*Recherche*/
#globalSearch input
{
    background: transparent;

    border: 0;

    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: 0px;

    border-bottom: 1px solid #fff;

    border-radius: 0;

    padding: 0;
    width:0px;
    height: auto;
}
#globalSearch input.active
{
color:#fff;outline-style:none;
    box-shadow:none;
    width:185px;
    -webkit-transition: width 200ms;
    -moz-transition: width 200ms ;
    -ms-transition: width 200ms ;
    -o-transition: width 200ms ;
    transition: width 200ms ;
}
#globalSearch input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1; /* Firefox */
}
.searchSubmit{
    display: none;

}
.searchSubmit.active{
    display: inline-block;
    cursor:pointer;

}


#globalSearch input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}

#globalSearch input::-ms-input-placeholder { /* Microsoft Edge */
    color: #fff;
}
/*metahead pages*/
#breadcrumbs {
    margin-bottom: 5px;
}
#breadcrumbs span{
    font-family: Lato;

    font-size: 13px;

    font-weight: normal;

    font-style: normal;

    font-stretch: normal;

    line-height: normal;

    letter-spacing: normal;
    text-transform: lowercase;
    color: #ffffff;
}
#breadcrumbs span a{
    font-family: Lato;

    font-size: 13px;

    font-weight: normal;

    font-style: normal;

    font-stretch: normal;

    line-height: normal;

    letter-spacing: normal;
    text-transform: lowercase;
    color: #ffffff;
    text-decoration: underline;
}
#breadcrumbs span a:hover{

    text-decoration: none;
}

#entryHeader{
    background:transparent;
    padding: 36px 0px;
    margin-bottom: 35px;
}
.page.page-id-153 #entryHeader{

    margin-bottom: 0px;
}
#entryHeader h1{
    font-family: Lato;

    font-size: 2.2rem;

    font-weight: bold;

    font-style: normal;

    font-stretch: normal;

    line-height: normal;

    letter-spacing: normal;

    color: #ffffff;
}

/*Footer*/
.home .preFooter{
    padding-top: 100vh;
}
#footer-widget input[type="submit"]:hover {

    padding: 16px 22px;
    background:#3e3e3e;

    border: 1px solid  #3e3e3e;

    color: #fff;
    font-size: 15px;

}
#footer-widget .rsxSoc a:hover{
color:#b5b5b5;
}
#footer-widget a:hover{
color:#b5b5b5!important
}
#colophon  a:hover
{
    color:#b5b5b5;
}
#mailpoet_form_1 .mailpoet_paragraph {


    margin-bottom: 20px;

}
#mailpoet_form_1 .mailpoet_paragraph:last-of-type {

    margin-bottom: 0px;

}
#footer-widget
{
    color:#fff;
    background:#cc171a;
    padding-bottom:58px;
}
#footer-widget a
{
    color:#fff;
}
.topFooter
{
    padding-top:58px;
    padding-bottom:35px;
    margin-bottom:35px;
    border-bottom:1px solid #fff;
    justify-content: space-between;
}

#footer-widget a.nav-link{
    font-family: Lato;
    padding: 0;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: normal;

    font-style: normal;

    font-stretch: normal;

    line-height: 1.59;

    letter-spacing: normal;

    color: #ffffff;
}
#footer-widget .nav {
    display: flex;
    flex-wrap: wrap;
}
#footer-widget .nav li {
    flex: 1 0 50%;
    box-sizing: border-box;
}
#footer-widget .sub-menu{
    display:none;
}
#footer-widget .flex-column{
    flex-direction: row!important;
}
#colophon
{
    background:#1c1c1c;
}
#colophon,
#colophon a
{
    font-family: Lato;

    font-size: 15px;

    font-weight: normal;

    font-style: normal;

    font-stretch: normal;

    line-height: normal;

    letter-spacing: normal;

    color: #ffffff;
}
.subFooter
{
    background:#fff;
    font-family: Lato;

    font-size: 15px;

    font-weight: normal;

    font-style: normal;

    font-stretch: normal;

    line-height: normal;

    letter-spacing: normal;

    color: #000;
}
.subFooter .container
{
   display:flex;
    justify-content: space-between;

    align-items: center;
}
.subFooter .container > div
{
   display:flex;
    justify-content: space-between;

    align-items: center;
}
.subFooter img
{
    max-width:100%;
    height:auto;
    flex:0 1 100%;
    margin-right:60px;
}
.subFooter p
{
    margin-bottom:0;
}
#footer-widget h3{

    font-family: Lato;

    font-size: 17px;

    font-weight: bold;

    font-style: normal;

    font-stretch: normal;
    text-transform: uppercase;
    line-height: normal;

    letter-spacing: normal;


    color: #ffffff;

}
#footer-widget .widget-title{

    margin-bottom:30px;

}
#footer-widget #mailpoet_form_1 .mailpoet_text{
    border: solid 1px #dfdfdf;
    width: 100%;
    background:transparent;
    padding:16px 20px;

}
#footer-widget input[type="submit"]{
    padding:16px 22px;
    background:#2c2c2c;
    border:1px solid #2c2c2c;
    color:#fff;
    font-size: 15px;

}
#footer-widget #mailpoet_form_1 .mailpoet_text::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1; /* Firefox */
}



#footer-widget #mailpoet_form_1 .mailpoet_text:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}

#footer-widget #mailpoet_form_1 .mailpoet_text::-ms-input-placeholder { /* Microsoft Edge */
    color: #fff;
}
.site-info{
text-align:center;
    line-height:22px;
}
.site-info ul{
    list-style: none;
    display:inline-block;
    margin:0;
    padding:0;
}
.site-info .menu-pied-de-page-container{
    list-style: none;
    display:inline-block;
    margin:0;
    padding:0;
}
.site-info ul li{
display:inline-block;
}
.site-info ul li:after{
    content:" - ";
}
.site-info ul li a{

}
/*Creations et agenda*/
.post-type-archive-creations #primary{
    padding-bottom:70px;
}
.grecaptcha-badge{
    opacity:0!important;
}
.listeCrea
{

}
.listeCreaAgenda  .uneCrea.col-md-6
{
    flex-basis: 48%;
}
 .uneCrea
{
     position: relative;
     margin-bottom: 4%;
     display: flex;
     overflow: hidden;
     padding-right: 30px;
     padding-left: 30px;
}
 .listeCreaAgenda .uneCrea
{
     flex-direction: column;
}
.creaContainer{

    transition: all 0.2s ease;
}
.creaContainer:hover{
    transform:scale(1.2);
    transition: all 0.2s ease;
}
.creaContainer:hover h3{

}
.listeCrea a{
    display:block;
    z-index: 2;
}
.listeCrea h3{
    position: absolute;
    top: 50%;

    transition: all 0.2s ease;
    z-index: 2;
    transform: Translate(-50%,-50%);
    text-align: center;
    width: 80%;
    left: 50%;
    color:#fff;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
}
.listeCrea .overlay{

    display: block;
    background: #000;
    opacity: 0.5;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
.listeCrea .col-md-6 {
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
    max-width: 48%;
}
/*Fiche creation */
.menuInterne{
    display:flex;
    margin-bottom:30px;
}
.menuInterne .btnCCN{

    font-family: Lato;

    font-size: 13px;

    font-weight: normal;

    font-style: normal;

    font-stretch: normal;

    line-height: normal;
    flex: 1 1 0;
    letter-spacing: normal;
    background:#ededed;
    text-transform:uppercase;
    text-align: center;
    padding: 10px 24px;
    margin-right:5px;
    color: #000;
    display: flex;

    align-items: center;

    justify-content: center;
}
.menuInterne .btnCCN.active, .menuInterne .btnCCN:hover{
cursor:pointer;
background:#cc171a;
    color: #ffffff;
}
.sectionCrea
{
    display: none;
}
.sectionCrea.active
{
    display: block;
}

.colLeft
{
    padding-right: 80px;
    padding-bottom: 80px;
}
.colRight
{
padding-left:30px;
    border-left:2px solid #cfcfcf;
}
.row-full{
    width: calc(100vw - 8px);
    position: relative;
    margin-left: -50vw;
    margin-top: 0px;
    left: 50%;
}
.teaser{
    width:100%;
}
.bgGris
{
    background:#f4f4f4;
    padding:60px;
}
.colRight h2
{
    font-size: 20px;
    color:#cc171a;
    font-family: lato;
    font-weight: bold;
}
.colRight h2:after
{
    content:" ";
    display:block;
    height:9px;
    margin-top:25px;
    width:70px;
    background:#cc171a;
}
.colRight h3
{
    font-size: 20px;
    color:#000;
    text-transform:uppercase;
    font-family: lato;
    font-weight: bold;
}
.introCrea
{
    padding: 0 15px;
    width:100%;
}
.dateRight img, .pdfRight img{
    margin-bottom:10px;
}
/*Liste Agenda*/

.uneCrea img
{
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: cover;
}
.metaInfos{
    display:flex;
    justify-content: space-between;
    margin-top:20px;
}
.dateTournee
{
width:100%;
}
.dateContainer
{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    margin-bottom: 20px;
}
.city{
    font-size:16px;
}
.city > .separator:last-of-type{
    display:none;
}
.pinBack{
    width:44px;
    height:44px;
    flex-grow: 0;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
    flex-shrink: 0;
    background:#f6f6f6 url('./assets/img/pin.png') no-repeat center center;

    margin-right:8px;
}
.dateTournee > .dateContainer:last-of-type{

    margin-bottom:10px;
}
.lieuxTournee{
width:20%;
}
.dateTournee h3
{
    padding-top: 7px;
    padding-bottom:7px;
    border-bottom:1px solid #e7e7e7;
    margin-bottom:16px;
}
.metaInfos h3{
    font-family: Lato;

    font-size: 20px;

    font-weight: bold;

    font-style: normal;

    font-stretch: normal;

    line-height: 27px;

    letter-spacing: normal;

    color: #cc171a;
}
.dateTournee h3
{
    background: none;
    padding-left: 0px;
    border-bottom: 0px solid #e7e7e7;
    margin-bottom: 0;
}
.lieuxTournee h3
{

    padding-left:30px;
}
.dateContainer .btnccn{
    border:1px solid #B5191D;
    padding: 6px 25px;
    color:#B5191D;
    background:#fff;
    border-radius: 0;
    text-transform: uppercase;
    margin-top: 20px;
    width: 50%;
    text-align: center; transition: all ease 0.3s;
}
.dateContainer .btnccn.grey{
    border:1px solid #6F6F6F;
    padding: 6px 25px;
    color:#fff;
    background:#6F6F6F;
    border-radius: 0;
    text-transform: uppercase;
    margin-top: 12px;
    width: 50%;
    text-align: center; transition: all ease 0.3s;
}
.listeCreaAgenda h2{
    font-size: 20px;
}
.listeCreaAgenda .separator{
    width:100%;
    height:1px;
    background: #B7B7B7;
    margin-top: 25px;
    margin-bottom: 15px;
}
.dateContainer .btnccn:hover{
    transition: all ease 0.3s;
    color:#fff;
    background:#B5191D;
}
.dateContainer .btnccn.grey:hover{
    transition: all ease 0.3s;
    color:#6F6F6F;
    background:#fff;
}
.theMonth
{
    font-family: Lato;

    font-size: 18px;

    font-weight: bold;

    font-style: normal;

    font-stretch: normal;

    line-height: normal;
    letter-spacing: normal;
    display:inline-block;;
    text-align: center;
    padding:13px 43px;
    color: #ffffff;
    white-space: nowrap;
    text-transform: uppercase;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: #cc171a;
    margin-right: 20px;
}
.filet
{

    width:100%;
    height:2px;
    display: block;
    background:#979797;
}
.currentMonth
{display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom:32px;

}
.labelMonth
{
    font-family: Lato;

    font-size: 16px;

    font-weight: bold;

    font-style: normal;

    font-stretch: normal;

    letter-spacing: normal;
    line-height: 35px;
    color: #db0e16;
    margin-right:15px;
    margin-bottom:0;
}
.labelMonth i
{

    font-size: 14px;
    color: #252c32;
    margin-right:4px;

}
.monthSwitcher
{
    display: flex;
    margin-bottom:30px;
    padding: 25px;

    background:#eee;
}
.selectMonth:hover
{
    cursor:pointer;
}
.selectContainer
{
    position: relative;

    cursor:pointer;
    overflow: hidden;

    width: auto;

    display: inline-block;
    border-radius: 10px;

    border: solid 1px #252c32;

    background-color: #ffffff;
}
.selectMonth{

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    /*
        On est sûr de ne plus voir
        la flèche native
    */

    height: auto;
    border: 0;
    margin: 0;padding-left: 20px;
    padding-right: 40px;
    border-radius: 0;

    text-transform: capitalize;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 0px;

}
.selectMonth option{

    text-transform: capitalize;

}

.selectContainer:after{
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: .75em;
    display: block;
    width: 0; height: 0;
    border-color: transparent;
    border-top-color: #444;
    border-width: 6px;
    border-style: solid;
    pointer-events: none;
}
/*404*/
#globalSearch input.active {

    border-bottom: 1px solid gray;
}
.navbar-brand img{
    max-height:100px;
}
/**/
@media all and (min-width: 1200px) {
    #main-nav.collapse:not(.show) {

        display: inherit;

    }
    .hamburger
    {
        display: none;
    }
    #content,.preFooter,footer,#footer-widget{
        display: block!important;
    }
    .logoOverlay{
display:none;
    }

}
@media all and (max-width: 1200px) {
    .logoOverlay{
        display:block;
    }
    .navbar-brand.hide {
        z-index: -5;
    }
    .menubtn,.topHead
    {
        display:block;
        z-index: 10;
    }

    .collapsing
    {
        transition: height 0.2s linear!important;
    }
    .open.collapsing
    {
        transition: height .5s linear!important;
    }
    .hamburger
    {
        display: block;
    }

    .slick-arrow {


        bottom: -44px;
        text-align: center;
        justify-content: center;

    }
    .topHead
    {
        position: fixed;

        width: 100%;
        top:0;
    }
    .backHead {

        margin-top: 70px;

    }

    .slick-prev {

        left: calc(50% - 39px);

    }
    .slick-next {

        left:calc(50% + 5px);

    }
    header #main-nav {


        position: absolute;
        right: 0;
        text-align: right;
        border-bottom:0px;
        z-index: 7;

    }
    .overlayMenu{
        content:" ";
        visibility: visible;
        position: fixed;
        height:4000px;
        transform: rotate(40deg) translateY(0px);
        width:4000px;
        background:rgba(204 ,23,26,1);
        transition: all 0.2s ease-in;
        left: -100%;
        top: -200%;
        z-index: 2;

    }
    .overlayMenu.hide{
        left: -100%;
        top: -100%;
        visibility: hidden;
        transition: all 0.4s ease-in;
        transform: rotate(40deg) translateY(-100%);

    } .logoOverlay.hide{

              left: -400px;
              top: -400px;
        visibility: hidden;
        transition: all 0.4s ease-in;
    }
    .logoOverlay{
        background:white;

        transition: all 0.2s ease-in;
        transform: translateX(-50%) rotate(-40deg);
        visibility:visible;
        top: 40px;
        left: 0;
        position: fixed;
        width: 1000px;
        text-align: center;
        height: 275px;
        z-index: 9;
        box-shadow: 0 1px 15px rgba(0,0,0,0.3);
    }
    .logoOverlay img {
        transform: rotate(40deg);
        bottom: 35px;
        position: absolute;
        right: 300px;
        max-width: 190px;
    }
    header #main-nav .menu-item-has-children .sub-menu:hover ,
    header #main-nav .menu-item-has-children .sub-menu {

        top: -2px;
        opacity: 1;
        visibility: visible;
        position: relative;
        text-align: right;
        left: 0;
        transform: none;
        background:none;
        min-width: auto;
        width: auto;
        list-style: none;
        padding-left: 0;

    }
    header #main-nav a {

        font-size: 18px;
        padding: 0;

    }
    #menu-general > .menu-item {


        padding-bottom:30px;

    }
    header #main-nav .sub-menu li {

        padding: 5px 0px;
        background-color:transparent;
        line-height: 1;
        margin-bottom: 1px;

    }
    header #main-nav li.menu-item-has-children:hover .sub-menu {

        display: block;
        opacity: 1;
        position: relative;
        visibility: visible;
        width: auto;
        padding-top: 0px;
        padding-left: 0;
        top: 0px;
        -webkit-transition:none;
        -moz-transition:none;
        -ms-transition:none;
        -o-transition:none;
        transition:none;

    }
    .navbar-brand{
        margin:auto;
        opacity:1;
        transition: all 0.5s ease;
    }

    .navbar-brand.hide{
        margin:auto;
        opacity:0;
        transition: all 0.5s ease;
    }
    .slideActusContainer::before {


        display: none;

    }
    .slideActusContainer {

        width: 100vw;
        flex-wrap: wrap;
        padding: 24px 0;

    }
    .slideActusContainer .infoActus *{


       color:#272727;

    }
    .slideActusContainer .infoActus p {

     margin-bottom:0;

    }
    .slideActus article {

        background:#f4f4f4;

    }
    .slideActus article {
        margin-right: 10px;
        margin-left: 10px;
    }
    .slideActus article .entry-meta {

        padding: 0px;

    }
    .slideActus {

        padding: 40px 15px;

    }
    .slideActus article .entry-content {

        padding: 0px;
        padding-bottom: 19px;

    }
    .subFooter .container {

        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;

    }
    .subFooter img {

        max-width: 100%;
        height: auto;
        margin-right: 0;
        margin-bottom:25px;

    }
    .subFooter .container > div
    {
        flex-direction: column;
    }


}
@media all and (max-width: 992px) {
.backVid{
    background: #000 url("./assets/img/home_mobile.jpg") center bottom no-repeat;
    background-size: contain;
    min-height: 100vh;
    min-width: 100%;
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
    .backVid video{
        display: none;
    }
}
@media all and (max-width: 768px) {
    .lesActus .alm-reveal article {

        display: block;
        flex: 0 1 100%;
        margin-bottom: 35px;

    }
    .listeCreaAgenda .uneCrea.col-md-6 {

        flex-basis: 100%;

    }
    .topFooter {

        flex-direction: column;
        align-items: center;

    }
    #footer-widget .widget-title {

        margin-bottom: 20px;
        margin-top: 25px;

    }
    #footer-widget input[type="submit"] {


        width: 100%;

    }
    .colLeft
    {
        padding-right: 15px;
    }
    .colRight
    {
        padding-left:15px;
        border-left:0px solid #cfcfcf;
    }
    .rsxSoc a {
        padding: 0 10px;
    }
    .bgGris
    {
        background:#f4f4f4;
        padding:15px;
    }
}
@media all and (max-width: 540px) {
    header #main-nav {

        padding-top: 0px;
    }
    .listeCrea .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media all and (max-width: 480px) {
    header #main-nav {

        padding-top: 40px;
    }
    #globalSearch input.active {
        color:
                #fff;
        outline-style: none;
        box-shadow: none;
        width: 95px;
        -webkit-transition: width 200ms;
        -moz-transition: width 200ms;
        -ms-transition: width 200ms;
        -o-transition: width 200ms;
        transition: width 200ms;
    }
    .listeCrea .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media all and (max-width: 450px) {
    header #main-nav {

        padding-top: 80px;
    }
}

@media all and (max-width: 440px) {
    .monthSwitcher {

        flex-direction: column;
    }

    #footer-widget .nav {
        display: block;
        flex-wrap: wrap;
    }
    .menuInterne {
        display: flex;
        margin-bottom: 30px;
        flex-wrap: wrap;
    }
    .menuInterne .btnCCN {
        margin-bottom: 5px;
    }
}