/*
 Theme Name:   Musiques Saint hipp
 Description:  Theme pour Musiques a Saint Hipp'
 Author:       We used to be friends
 Template:     twentytwelve
*/

@font-face {
    font-family: 'lamed';
    font-style: normal;
    font-weight: normal;
    src: local('Optima Medium'), url('Optima Medium.woff') format('woff');
}
body {
    background-color: #fbfbfb;
    color: #000;
    font-size:15px;
}
h1.entry-title {
    margin-top: 20px;
}
a {
    text-decoration: underline;
    color: #218cda;
}
a:hover {
    text-decoration: none;
    color: #218cda;
}
.site {
    background-color: transparent;
}
.site {
    max-width: 100%;
}
:focus {
    outline: 0 !important;
}
body .site {
    padding: 0;
    margin-top: 125px;
    margin-bottom: 0;
    box-shadow: none;
}
h1.entry-title {
    text-align: center;
    margin-bottom: 50px;
    font-family: lamed;
    font-size: 32px !important;
    width: calc(100% - 80px);
    padding: 0 40px;
    hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: none;
}
.entry-content p, .entry-summary p, .comment-content p, .mu_register p {
    hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: none;
}
.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
    border-radius: 0;
    box-shadow: none;
}
footer[role="contentinfo"] {
    border-top: 0;
    margin-top: 0;
    display: inline-block;
    width: 100%;
    max-width: 100%;
    padding: 30px 0 20px;
}
.site-info {
    display: table;
    margin: 0 auto;
    max-width: 900px;
    width: calc(100% - 40px);
    padding: 0 20px;
}
.footermenu {
    margin-top: 12px;
}
.site-content article {
    border-bottom: 0;
    margin-bottom: 0;
}
div#lehead {
    max-width: 900px;
    margin: 0 auto;
    width: calc(100% - 80px);
    padding: 0 40px;
}
nav#site-navigation {
    display: inline-block;
    float: right;
        transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}
.smaller nav#site-navigation {
    margin-top: 15px;
        transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}
.site-header {
    display: inline-block;
    width: 100%;
    padding: 15px 0;
    position: fixed;
    top: 0;
    z-index: 2;
    background: #fbfbfb;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}
.smaller .site-header {
    padding: 10px 0;
        box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);

    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}
hgroup img {
    width: 170px;
    height: auto;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}
.smaller hgroup img {
    width: 120px;
    height: auto;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}
a:focus {
    outline: 0 dotted;
}
hgroup {
    display: inline-block;
    line-height: 0;
}
.site-header h1 {
    line-height: 0;
    margin-bottom: 0;
}
#mega-menu-wrap-primary {
    background: transparent;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    color: #000 !important;
    font-family: lamed !important;
    text-transform: uppercase !important;
    font-size: 18px !important;
    padding-left: 25px !important;
    padding-right: 0 !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover {
    background: #FFF;
    color: #3695af;
}
div#leftdon {
    width: 55%;
    display: inline-block;
}
div#rightdon {
    background: #FFF;
    padding: 40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 40px;
    width: calc(50% - 30px);
    border-right: 10px solid #218cda;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}
div#rightcontact {
    display: inline-block;
    width: calc(45% - 81px);
    float: right;
    border-left: 1px solid #218cda;
    padding-left: 40px;
    margin-left: 40px;
}
div#rightcontact p:last-child {
    margin-bottom: 0;
}
.entry-content {
    position: relative;
}
a.lkadhesion {
    color: #218cda;
    text-decoration: none;
    display: table;
    text-align: right;
    border: 1px solid;
    float: right;
    padding: 5px 15px;
    text-transform: uppercase;
    font-weight: bold;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: none;
}
a.lkadhesion:hover, .unmea a:hover {
    color: #FFF;
    background: #218cda;
    border: 1px solid #218cda;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}
.page-template-festival a.lkadhesion {
    color: #d91e85;
}
.page-template-festival a.lkadhesion:hover {
    color: #FFF;
    background: #d91e85;
    border: 1px solid #d91e85;
}
div#rightdon {
    border-right: 10px solid #d91e85;
}
a.lkrando {
    float: right;
    color: #ff9c00;
    text-decoration: none;
    display: table;
    text-align: right;
    border: 1px solid;
    float: right;
    padding: 5px 15px;
    text-transform: uppercase;
    font-weight: bold;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}
a.lkrando:hover {
    color: #FFF;
    background: #ff9c00;
    border: 1px solid #ff9c00;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}
.page-template-festival a.lkrando {
    color: #d91e85;
}
.page-template-festival a.lkrando:hover {
    color: #FFF;
    background: #d91e85;
    border: 1px solid #d91e85;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}
input#gform_submit_button_1 {
    background: #218cda;
    color: #FFF;
    text-transform: uppercase;
    border: 1px solid #218cda;
    border-radius: 0;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}
input#gform_submit_button_1:hover {
    background: #fbfbfb;
    color: #218cda;
    border: 1px solid #218cda;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}
h2 {
    font-size: 24px !important;
    font-weight: normal;
    font-family: lamed;
}
h6 {
    font-size: 16px !important;
    text-transform: uppercase;
}
div#unblocont {
    display: table;
    max-width: 900px;
    margin: 0 auto;
    padding: 0 40px;
    width: calc(100% - 80px);
    position: relative;
}
div#unblocont.galphotos {
    display: block;
}
.single-actualite div#unblocont.galphotos {
    display: block;
    padding: 0;
    margin-bottom: 40px;
    width: 100%;
}
.logooos_container {
    text-align: center;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover {
    background: transparent !important;
}
#mega-menu-wrap-primary li a:before {
    position: absolute !important;
    content: "";
    height: 2px !important;
    width: 40px !important;
    background: #fbfbfb !important;
    bottom: 0;
}
li#mega-menu-item-24 a:hover, li#mega-menu-item-23 a:hover, li#mega-menu-item-118 a:hover  {
    color: #218cda !important;
}
li#mega-menu-item-24 a:hover:before, li#mega-menu-item-23 a:hover:before, li#mega-menu-item-118 a:hover:before {
    background: #218cda !important;
}
li#mega-menu-item-24.mega-current-menu-item a:before, li#mega-menu-item-24.mega-current-page-ancestor a:before, li#mega-menu-item-23.mega-current-menu-item a:before, li#mega-menu-item-23.mega-current-page-ancestor a:before, li#mega-menu-item-118.mega-current-menu-item a:before, li#mega-menu-item-118.mega-current-page-ancestor a:before  {
    position: absolute !important;
    content: "";
    height: 2px !important;
    width: 40px !important;
    background: #218cda !important;
    bottom: 0;
}
li#mega-menu-item-24.mega-current-menu-item a, li#mega-menu-item-24.mega-current-page-ancestor a, li#mega-menu-item-23.mega-current-menu-item a, li#mega-menu-item-23.mega-current-page-ancestor a, li#mega-menu-item-118.mega-current-menu-item a, li#mega-menu-item-118.mega-current-page-ancestor a{
    color: #218cda !important;
}
li#mega-menu-item-25 a:hover {
    color: #d91e85 !important;
}
li#mega-menu-item-25 a:hover:before {
    background: #d91e85 !important;
}
li#mega-menu-item-25.mega-current-menu-item a:before, li#mega-menu-item-25.mega-current-page-ancestor a:before {
    position: absolute !important;
    content: "";
    height: 2px !important;
    width: 40px !important;
    background: #d91e85 !important;
    bottom: 0;
}
li#mega-menu-item-25.mega-current-menu-item a, li#mega-menu-item-25.mega-current-page-ancestor a{
    color: #d91e85 !important;
}
li#mega-menu-item-26 a:hover {
    color: #ff9c00 !important;
}
li#mega-menu-item-26 a:hover:before {
    background: #ff9c00 !important;
}
li#mega-menu-item-26.mega-current-menu-item a:before, li#mega-menu-item-26.mega-current-page-ancestor a:before {
    position: absolute !important;
    content: "";
    height: 2px !important;
    width: 40px !important;
    background: #ff9c00 !important;
    bottom: 0;
}
li#mega-menu-item-26.mega-current-menu-item a, li#mega-menu-item-26.mega-current-page-ancestor a{
    color: #ff9c00 !important;
}
li#mega-menu-item-25.mega-current-menu-item ul li a:before, li#mega-menu-item-25.mega-current-page-ancestor ul li a:before {
    background: none !important;
}
div#lesmea {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-top: 80px;
}
.page-template-randonnees div#lesmea {
    margin-top: 0px;
}
.unmea {
    display: inline-block;
    width: calc(50% - 80px);
    margin: 0 20px 40px;
    padding: 20px;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    border-bottom: 10px solid #218cda;
}
div#titmea {
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
}
div#titmea {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-family: lamed;
}
div#contmea {
    font-size: 14px;
}
.unmea a {
    display: inline-block;
    margin-top: 20px;
    margin-right: 5px;
    border: 1px solid;
    padding: 5px 15px;
    color: #218cda;
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}
div#lesliensassos {
    display: inline-block;
    width: 100%;
}
div#lesliensassos a {
    margin-left: 10px;
    margin-bottom: 40px;
}
.uneaction {
    display: inline-block;
    width: 66%;
    position: relative;
    padding: 40px 0;
    margin-bottom: 50px;
    background-position: center !important;
    background-size: cover !important;
}
.uneaction:nth-child(2n) {
    float: right;
}
div#contenuaction {
    display: inline-block;
    padding: 30px 35px 35px;
    background: #FFF;
    width: 450px;
    max-width: 70%;
    float: right;
    margin-right: 0;
    border-right: 10px solid #218cda;
}
.uneaction:nth-child(2n) div#contenuaction {
    float: left;
    border-right: 0;
    border-left: 10px solid #218cda;
}
div#contenuaction h2 {
    margin-bottom: 0;
    text-transform: uppercase;
}
div#contenuaction a{
    margin-top: 20px;
}
div#lesfocus {
    margin-top: 60px;
    width: 100%;
    display: inline-block;
}
div#leftfoot {
    float: left;
}
div#rightfoot {
    display: inline-block;
    float: right;
}
div#rightfoot {
    display: inline-block;
    float: right;
    font-size: 14px;
    text-transform: uppercase;
}
footer[role="contentinfo"] a {
    color: #000;
    text-decoration: none;
}
footer[role="contentinfo"] a:hover {
    color: #000;
    text-decoration: underline;
}
.footermenu li {
    display: inline-block;
}
.footermenu li:before {
    content: "|";
    margin: 0 10px;
}
.footermenu li:first-child:before {
    display: none;
}
div#prefoot {
    display: inline-block;
    width: 100%;
    padding: 40px 0;
    background: #dedede;
}
div#lecontprefoot {
    display: flex;
    margin: 0 auto;
    flex-wrap: wrap;
    max-width: 960px;
}
.colprefoot .fas, .colprefoot .far, .colprefoot .fab {
    font-size: 26px;
}
div#titprefoot {
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: lamed;
    text-transform: uppercase;
}
div#contprefoot {
    font-size: 13px;
}
.colprefoot {
    text-align: center;
    width: calc(33.3333% - 41px);
    line-height: 1.6;
    border-right: 1px solid;
    padding: 0 20px;
}
.colprefoot:last-child {
    border-right: 0;
}
div#contprefoot a {
    color: #000;
}
div#contprefoot a:hover {
    color: #000;
    text-decoration: none;
}
div#sstitacthome {
    font-style: italic;
    margin-bottom: 20px;
}
.home .uneaction:first-child div#contenuaction {
    border-right: 10px solid #d91e85;
}
.home .uneaction:first-child a.lkadhesion {
    color: #d91e85;
}
.home .uneaction:first-child a.lkadhesion:hover {
    color: #FFF;
    background: #d91e85;
    border: 1px solid #d91e85;
}
.home .uneaction:nth-child(2) div#contenuaction {
    border-left: 10px solid #ff9c00;
}
.home .uneaction:nth-child(2) a.lkadhesion {
    color: #ff9c00;
}
.home .uneaction:nth-child(2) a.lkadhesion:hover {
    color: #FFF;
    background: #ff9c00;
    border: 1px solid #ff9c00;
}
div#contapropos {
    background: url(https://www.musiquesasainthipp.fr/wp-content/themes/musiquesainthipp/ims/aproposintro.png);
    background-repeat: no-repeat;
    background-position: left 68px;
    background-size: 75px;
     padding-left: 150px;
}
div#contapropos h2 {
    text-align: center;
}
.lelayer {
    padding: 25px 40px 25px 60px;
    font-family: Optima;
}
.lelayer span{
    display: block;
    font-size: 18px !important;
    font-family: Open Sans;
    margin-top: 10px;
}
.lelayer.bleu {
    background: rgba(33, 140, 218, 0.8);
}
.lelayer.orange {
    background: rgba(255, 156, 0, 0.8);
}
.lelayer.rose {
    background: rgba(217, 30, 133, 0.8);
}
.site-content {
    margin: 0;
}
div#apropos {
    margin-top: 60px;
}
.type-festival .contactu {
    border-bottom: 10px solid #d91e85;
}
.type-general .contactu {
    border-bottom: 10px solid #218cda;
}
.type-randonnees .contactu {
    border-bottom: 10px solid #ff9c00;
}
.single-actualite h1.entry-title {
    margin-bottom: 10px;
}
div#date {
    text-align: center;
    font-size: 13px;
}
.taxactu {
    text-align: center;
    margin-top: 24px;
    text-transform: uppercase;
    font-family: lamed;
    font-size: 20px;
}
.type-festival .taxactu {
    color: #d91e85;
}
.type-general .taxactu {
    color: #218cda;
}
.type-randonnees .taxactu {
    color: #ff9c00;
}
.single-actualite .entry-header img.wp-post-image {
    margin-bottom: 10px;
    margin-bottom: 2;
}
h2.actucomp {
    margin-top: 30px;
    margin-bottom: 30px;
    line-height: 1.2;
}
.home h2.actucomp {
    margin-top: 30px;
    text-align: center;
    margin-bottom: 40px;
}
.alm-reveal {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 40px);
    margin-left: -20px;
}
.uneactu {
    display: inline-block;
    width: calc(33.333% - 43px);
    margin: 0 20px 40px;
    line-height: 0;
    vertical-align: top;
    box-shadow: 0 2px 6px rgb(100 100 100 / 30%);
}
div#lecontactu {
    padding: 20px;
    text-align: center;
    hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: none;
            transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}
div#lecontactu p {
    line-height: 1.7;
}

a.uneactu.type-festival {
    border-bottom: 10px solid #d91e85;
}
a.uneactu.type-general {
    border-bottom: 10px solid #218cda;
}
a.uneactu.type-randonnees {
    border-bottom: 10px solid #ff9c00;
}
a.uneactu {
    text-decoration: none;
    color: #000;
}
a.uneactu.type-festival:hover{
    background: #d91e85;
            transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}
a.uneactu.type-general:hover{
    background: #218cda;
            transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}
a.uneactu.type-randonnees:hover{
    background: #ff9c00;
            transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}
a.uneactu:hover{
    text-decoration: none;
    color: #FFF;
}
div#infopactu {
    font-family: lamed;
    text-transform: uppercase;
    font-size: 20px;
    hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: none;
    line-height: 1.1;
}
div#lecontactu p:last-child {
    margin-bottom: 0;
}
div#datepactu {
    font-size: 12px;
    text-align: center;
    line-height: 1;
    margin: 10px 0 20px;
}
div#leftartiste {
    display: inline-block;
    width: calc(50% - 40px);
    margin-right: 40px;
    float: left;
    line-height: 0;
}
div#rightartiste {
    display: inline-block;
    width: calc(50% - 40px);
    float: right;
}
h1.nomartiste {
    margin-top: 0;
    margin-bottom: 10px;
    font-family: lamed;
    font-size: 30px;
    line-height: 1;
}
div#typartiste {
    color: #d91e85;
}
div#siteweb a {
    text-decoration: underline;
    color: #000;
}
div#siteweb a:hover {
    text-decoration: none;
    color: #000;
}
div#lesrsartiste {
    font-size: 20px;
}
div#lesrsartiste a {
    color: #000;
    margin-right: 6px;
}
div#lesrsartiste a:hover {
    color: #d91e85;
}
div#descartiste {
    margin-top: 20px;
}
.single-artiste .site-content {
    margin-top: 40px;
}
div#lesartistes {
    display: flex;
    width: calc(100% + 40px);
    flex-wrap: wrap;
    margin-left: -20px;
}
div#lesdates {
    display: flex;
    width: calc(100% + 40px);
    margin-left: -20px;
    flex-wrap: wrap;
}
.arttab {
    display: inline-block;
    width: calc(25% - 43px);
    vertical-align: top;
    margin: 0 20px 40px;
    text-align: center;
    border-bottom: 8px solid #d91e85;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}
.artprog {
    display: inline-block;
    width: calc(50% - 43px);
    margin: 0 20px 40px;
    text-align: center;
    border-bottom: 8px solid #d91e85;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    text-decoration: none;
    color: #000;
}
div#nomart {
    font-family: lamed;
    font-size: 17px;
    line-height: 1.2;
}
#contenu-artab a {
    border: 1px solid #d91e85;
    color: #d91e85;
    margin: 10px;
    display: table;
    margin: 10px auto 5px;
    text-decoration: none;
    padding: 1px 5px;
    font-size: 14px;
}
div#typeart {
    font-style: italic;
    color: #888;
}
.page-template-progfestival div#contenu-artab, .single-programme div#contenu-artab {
        font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    color: #d91e85;
}
div#contenu-artab {
    padding: 10px 10px 15px;
}
.cool-timeline-horizontal .clt_carousel_slider ul.slick-slider .slick-list li:before, .cool-timeline-horizontal .wrp-desgin-4 ul.ctl_h_nav .slick-list li:before {
    background-color: #eee !important;
    background-image: -webkit-linear-gradient(top, #eee 0%, #eee 8%, #eee 92%, #eee 100%) !important;
    background-image: -moz-linear-gradient(top, #eee 0%, #eee 8%, #eee 92%, #eee 100%) !important;
    background-image: -ms-linear-gradient(top, #eee 0%, #eee 8%, #eee 92%, #eee 100%) !important;
}
h2.content-title-simple {
    display: none;
}
#gallery-1 img {
    border: 0 !important;
}
.gallery .gallery-icon img {
    height: auto;
    max-width: 100%;
    padding: 0%;
}
.cool-timeline-horizontal.white-timeline ul.ctl_h_nav .slick-list li:nth-child(2n+1) .ctl-story-time .ctl-tooltips span, .cool-timeline-horizontal .clt_carousel_slider ul.slick-slider .slick-list li:nth-child(2n+1) span.icon-placeholder, .cool-timeline-horizontal .clt_carousel_slider ul.slick-slider .slick-list li:nth-child(2n+1) .ctl-story-time:after, .cool-timeline-horizontal .wrp-desgin-4 ul.slick-slider .slick-list li:nth-child(2n+1) span.icon-placeholder, .cool-timeline-horizontal .wrp-desgin-4 ul.ctl_h_nav .slick-list li:nth-child(2n+1) .ctl-story-time:after {
    background: #ff9c00 !important;
}
.cool-timeline-horizontal.white-timeline.ht-design-3 .clt_carousel_slider ul.slick-slider .slick-list li:nth-child(2n+1).slick-slide:after {
    border: 2px solid #ff9c00 !important;
    border-bottom-color: #ff9c00 !important;
}
.cool-timeline-horizontal.white-timeline ul.ctl_h_nav .slick-list li:nth-child(2n+1) .ctl-story-time .ctl-tooltips span:after {
    border-top-color: #ff9c00 !important;
}
.cool-timeline-horizontal.ht-design-3 .clt_caru_slider ul.slick-slider .slick-list li:nth-child(2n+1).slick-slide .timeline-post {
    border-top: 4px solid #ff9c00 !important;
}
.cool-timeline-horizontal.white-timeline.ht-design-3 .clt_carousel_slider ul.slick-slider .slick-list li:nth-child(2n).slick-slide:after {
    border: 2px solid #ff9c00 !important;
    border-bottom-color: #ff9c00 !important;
}
.cool-timeline-horizontal.white-timeline ul.ctl_h_nav .slick-list li:nth-child(2n) .ctl-story-time .ctl-tooltips span {
    background: #ff9c00 !important;
}
.cool-timeline-horizontal.white-timeline ul.ctl_h_nav .slick-list li:nth-child(2n) .ctl-story-time .ctl-tooltips span:after {
    border-top-color: #ff9c00 !important;
}
.cool-timeline-horizontal.ht-design-3 .clt_caru_slider ul.slick-slider .slick-list li:nth-child(2n).slick-slide .timeline-post {
    border-top: 4px solid #ff9c00 !important;
}
.cool-timeline-horizontal .clt_carousel_slider ul.slick-slider .slick-list li:nth-child(2n) span.icon-placeholder, .cool-timeline-horizontal .clt_carousel_slider ul.slick-slider .slick-list li:nth-child(2n) .ctl-story-time:after, .cool-timeline-horizontal .wrp-desgin-4 ul.slick-slider .slick-list li:nth-child(2n) span.icon-placeholder, .cool-timeline-horizontal .wrp-desgin-4 ul.ctl_h_nav .slick-list li:nth-child(2n) .ctl-story-time:after {
    background: #ff9c00 !important;
}

.page-template-festival .cool-timeline-horizontal.white-timeline ul.ctl_h_nav .slick-list li:nth-child(2n+1) .ctl-story-time .ctl-tooltips span, .page-template-festival .cool-timeline-horizontal .clt_carousel_slider ul.slick-slider .slick-list li:nth-child(2n+1) span.icon-placeholder, .page-template-festival .cool-timeline-horizontal .clt_carousel_slider ul.slick-slider .slick-list li:nth-child(2n+1) .ctl-story-time:after, .page-template-festival .cool-timeline-horizontal .wrp-desgin-4 ul.slick-slider .slick-list li:nth-child(2n+1) span.icon-placeholder, .page-template-festival .cool-timeline-horizontal .wrp-desgin-4 ul.ctl_h_nav .slick-list li:nth-child(2n+1) .ctl-story-time:after {
    background: #d91e85 !important;
}
.page-template-festival .cool-timeline-horizontal.white-timeline.ht-design-3 .clt_carousel_slider ul.slick-slider .slick-list li:nth-child(2n+1).slick-slide:after {
    border: 2px solid #d91e85 !important;
    border-bottom-color: #d91e85 !important;
}
.page-template-festival .cool-timeline-horizontal.white-timeline ul.ctl_h_nav .slick-list li:nth-child(2n+1) .ctl-story-time .ctl-tooltips span:after {
    border-top-color: #d91e85 !important;
}
.page-template-festival .cool-timeline-horizontal.ht-design-3 .clt_caru_slider ul.slick-slider .slick-list li:nth-child(2n+1).slick-slide .timeline-post {
    border-top: 4px solid #d91e85 !important;
}
.page-template-festival .cool-timeline-horizontal.white-timeline.ht-design-3 .clt_carousel_slider ul.slick-slider .slick-list li:nth-child(2n).slick-slide:after {
    border: 2px solid #d91e85 !important;
    border-bottom-color: #d91e85 !important;
}
.page-template-festival .cool-timeline-horizontal.white-timeline ul.ctl_h_nav .slick-list li:nth-child(2n) .ctl-story-time .ctl-tooltips span {
    background: #d91e85 !important;
}
.page-template-festival .cool-timeline-horizontal.white-timeline ul.ctl_h_nav .slick-list li:nth-child(2n) .ctl-story-time .ctl-tooltips span:after {
    border-top-color: #d91e85 !important;
}
.page-template-festival .cool-timeline-horizontal.ht-design-3 .clt_caru_slider ul.slick-slider .slick-list li:nth-child(2n).slick-slide .timeline-post {
    border-top: 4px solid #d91e85 !important;
}
.page-template-festival .cool-timeline-horizontal .clt_carousel_slider ul.slick-slider .slick-list li:nth-child(2n) span.icon-placeholder, .page-template-festival .cool-timeline-horizontal .clt_carousel_slider ul.slick-slider .slick-list li:nth-child(2n) .ctl-story-time:after, .page-template-festival .cool-timeline-horizontal .wrp-desgin-4 ul.slick-slider .slick-list li:nth-child(2n) span.icon-placeholder, .page-template-festival .cool-timeline-horizontal .wrp-desgin-4 ul.ctl_h_nav .slick-list li:nth-child(2n) .ctl-story-time:after {
    background: #d91e85 !important;
}
.carousel-slider-outer {
    max-width: 900px;
}
div#archives-rando {
    max-width: 900px;
}
.unmeaequipe {
    display: inline-block;
    width: calc(33.3333% - 80px);
    margin: 0 20px 40px;
    padding: 20px;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    border-bottom: 10px solid #ff9c00;
}
h2.equipe {
    margin-top: 50px;
}
span#l_a4d8d4e4c988a394961c9068cc3132e6 {
    display: none;
}
div#leftrando {
    display: inline-block;
    width: calc(100% - 240px);
    float: left;
}
div#rightrando {
    display: inline-block;
    float: right;
    width: 20%;
}
div#infosrando {
    font-weight: bold;
    font-size: 16px;
}
h1.titrando {
    font-family: lamed;
    font-weight: lighter;
    font-size: 25px;
    margin-bottom: 10px;
    margin-top: 0;
}
div#imagedenivele {
    margin: 20px 0 30px;
}
div#widget_a4d8d4e4c988a394961c9068cc3132e6 {
    float: right;
}
.single-randonnee h2 {
    color: #ff9c00;
    margin-bottom: 11px !important;
}
.single-randonnee h2 span {
    color: #000;
    font-family: Open Sans;
    font-size: 16px;
    display: block;
}
div#prevmeteo {
    display: inline-block;
    width: 100%;
    background: #FFF;
    padding: 20px 0 0;
}
div#sstitrightrand {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    text-align: center;
    margin-bottom: 14px;
}
.entry-content iframe, .entry-content object, .entry-content video {
    margin-bottom: 0;
}
div#infoscomprand {
    font-weight: bold;
}
.infosuiterand {
    margin-bottom: 10px;
}
.infosuiterand span {
    font-weight: bold;
    display: block;
}
div#description {
    margin-top: 20px;
}
div#contactrando {
    margin-top: 40px;
    text-align: center;
    background: #FFF;
    border-bottom: 5px solid #ff9c00;
}
#contactrando #sstitrightrand {
    /* padding-top: 10px; */
    padding: 6px 10px;
    margin-bottom: 0;
}
div#nompres {
    padding: 0 10px 10px;
}
.single-randonnee #lesliensassos {
    margin-top: 20px;
}
.unevtrando {
    display: inline-block;
    width: calc(33.33333% - 83px);
    margin: 0 20px 40px;
    padding: 20px;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    border-bottom: 10px solid #ff9c00;
}
h2.autresrando {
    color: #000;
    margin-bottom: 40px !important;
    margin-top: 20px;
}
div#laprog {
    display: inline-block;
    width: calc(100% + 40px);
    margin-left: -20px;
}
div#dateprog {
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    color: #ff9c00;
}
div#titprog {
    font-size: 18px;
    text-align: center;
    margin: 20px 0 0;
    line-height: 1.2;
}
div#infosrandobloc {
    text-align: center;
    margin-top: 20px;
}
a.unevtrando {
    background: #FFF;
    text-decoration: none;
    color: #000;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}
a.unevtrando:hover {
    background: #ff9c00;
    text-decoration: none;
    color: #FFF;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}
a.unevtrando:hover div#dateprog {
    color: #FFF;
}
.unevtrando a.lkrando {
    margin-top: 20px;
    font-size: 13px;
    float: inherit;
    margin: 20px auto 0;
}
.artprog a.lkrando {
    font-size: 13px;
    float: inherit;
    margin: 0px auto 20px;
    color: #d91e85;
    border: 1px solid;
}
.artprog a.lkrando:hover {
    color: #FFF;
    background:#d91e85;
    border: 1px solid #d91e85;
}
.single-actualite header.entry-header {
    text-align: center;
}
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.unevideo {
    max-width: 600px;
    margin: 0 auto 40px;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
div#unblocont.videofest {
    margin-bottom: 70px;
}
div#unblocont.archivfest {
    margin-top: 30px;
}
.single-programme h1.nomartiste {
    text-align: center;
}
.unevtprog {
    margin: 0 auto 40px;
    max-width: 700px;
}
div#leftevtprog {
    display: inline-block;
    width: 100px;
    color: #d91e85;
    font-size: 20px;
    line-height: 1;
    font-weight: bold;
    float: left;
    vertical-align: top;
}
div#righevtprog {
    display: inline-block;
    width: calc(100% - 130px);
    margin-left: 30px;
    vertical-align: top;
}
div#titevtprog {
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 1;
}
div#leprogramme {
    margin-top: 80px;
}
.leshoraires .unevtprog {
    margin-bottom: 20px;
}
.leshoraires {
    padding: 5px 15px;
    text-align: left;
}
.leshoraires div#leftevtprog {
    width: 60px;
    font-size: 15px;
    color: #000;
}
.leshoraires div#titevtprog {
    font-size: 15px;
    margin-bottom: 0px;
    line-height: 1.2;
    hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: none;
}
.leshoraires div#righevtprog {
    width: calc(100% - 60px);
    margin-left: 0px;
}
.leshoraires div#contenu-artab {
    color: #d91e85;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.5px;
}
.content-details {
    color: #000;
}
a.lkartistes {
    color: #d91e85;
    text-decoration: none;
    float: right;
    padding: 8px 10px;
    text-transform: uppercase;
    font-weight: bold;
    border: 1px solid;
        transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}
a.lkartistes:hover {
    color: #FFF;
    background: #d91e85;
    border: 1px solid #d91e85;
        transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}
.lkartistes span {
    padding-left: 100px;
}
div#contsupprog {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 70px;
    margin-bottom: 40px;
}
div#contsupprog a {
    display: inline-block;
    margin: 0 50px;
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}
div#contsupprog a:hover {
    color: #d91e85;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}
div#contsupprog a span {
    display: block;
    font-size: 60px;
    line-height: 1.2;
    margin-top: 15px;
    color: #d91e85;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}
div#contsupprog a:hover span{
    color: #000;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}
.taptap-by-bonfire ul li a {
    text-transform: uppercase;
}
.taptap-by-bonfire ul li a i, .taptap-by-bonfire .sub-menu a i {
    font-size: 25px;
}
.taptap-by-bonfire ul li a i {
    color: #000;
}
#lesartistes h2 {
    width: 100%;
}
.accordion_head {
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #d91e85;
    margin-bottom: 20px;
}
div#unblocont.edpass h2 {
    border-top: 1px solid #d91e85;
    padding-top: 25px;
}
h3.titart {
    width: 100%;
    margin-left: 20px;
    color: #d91e85;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
}
.page-template-lesartistes h1.entry-title {
    margin-bottom: 30px;
}
div#unegalphotos {
    display: table;
    max-width: 800px;
    margin: 0 auto;
}
span.lkbtndiap {
    display: inline-block;
    background: #FFF;
    color: #d91e85;
    text-transform: uppercase;
    font-size: 13px !important;
    padding: 0 10px;
    margin-left: 6px;
    border-radius: 2px;
}
.msacwl-carousel-wrap.msacwl-design-13.mascwl-image-fit.msacwl-row-clearfix {
    max-width: 900px;
    margin-bottom: 40px;
}
div#leconthauthome {
    display: flex;
    flex-wrap: wrap;
}
div#wraphauthom {
    max-width: 900px;
    margin: 40px auto 0;
        padding: 0 40px;
}
div#lefthauthome {
    width: calc(66.666% - 50px);
    margin-right: 50px;
}
div#righthauthome {
    width: 33.333%;
    margin-top: 35px;
}
div#leconthauthome div#apropos {
    margin-top: 0;
}
div#leconthauthome div#contapropos {
    background: none;
    background-repeat: no-repeat;
    background-position: left 68px;
    background-size: 75px;
    padding-left: 0;
}
div#contfesthome {
    padding: 20px;
    background: #d91e85;
}
a.lkffochome {
    color: #FFF;
    hyphens: none; -moz-hyphens: none; -webkit-hyphens: none;
    display: block;
    border: 1px solid #FFF;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    text-decoration: none;
    -moz-transition: all 0.3s linear;
    font-family: 'lamed';
    text-align: center;
    padding: 6px;
    margin-top: 10px;
}
a.lkffochome:hover{
    color: #d91e85;
    background: #FFF;
    transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear;
}
.alm-layouts .alm-listing {
    display: flex;
    flex-wrap: wrap;
}
div#wrapdeuxcols {
    display: flex;
    flex-wrap: wrap;
}
div#leftcol {
    width: calc(50% - 30px);
    margin-right: 30px;
}
div#wrapdeuxcols.deuxtiers div#leftcol {
    width: calc(60% - 30px);
}
div#rightcol {
    width: calc(50% - 30px);
    margin-left: 30px;
}
div#wrapdeuxcols.deuxtiers div#rightcol {
    width: calc(40% - 30px);
}
div#unecolpage {
    margin-top: 40px;
}
div#wrapdeuxcols.aligncentre {
    align-items: center;
}

@media only screen and (max-width: 960px) {
.main-navigation{
    display: none !important;
}
hgroup img {
    width: 110px;
}
.smaller hgroup img {
    width: 75px;
}
body .site {
    margin-top: 97px;
}
body.single-actualite .site {
    margin-top: 90px;
}
div#lehead {
    width: calc(100% - 40px);
    padding: 0 20px;
}
div#unblocont.archivfest, div#unblocont.archrando {
    display: none;
}
.uneaction {
    width: 100%;
}
.arttab {
    width: calc(33.3333% - 43px);
}
div#unblocont {
    display: inline-block;
}
}
@media only screen and (max-width: 850px) {
.uneactu {
    width: calc(50% - 42px);
    float: inherit;
}
}
@media only screen and (max-width: 750px) {
div#contapropos {
    padding-left: 0;
    background: none;
}
div#leftdon {
    width: 100%;
    display: inline-block;
}
div#rightdon {
    background: #FFF;
    padding: 40px;
    position: relative;
    top: inherit;
    transform: none;
    right: 0;
    margin-top: -40px;
    left: 20px;
    width: calc(100% - 130px);
    border-right: 10px solid #218cda;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}
a.lkadhesion {
    color: #218cda;
    text-decoration: none;
    display: block;
    text-align: center;
    float: inherit;
}
.unmeaequipe {
    width: calc(50% - 80px);
}
.unmea {
    width: calc(100% - 80px);
    margin: 0 20px 40px;
}
div#lesmea {
    margin-top: 40px;
}
.arttab {
    width: calc(50% - 43px);
}
div#lefthauthome {
    width: 100%;
    margin-right: 0;
}
div#righthauthome {
    width: 100%;
    margin-top: 20px;
}
div#righthauthome img {
    max-width: 200px;
}
div#contfesthome {
    text-align: center;
}
}
@media only screen and (max-width: 700px) {
.colprefoot {
    width: calc(100% - 41px);
    border-right: 0;
    padding: 0 0px 20px;
    border-bottom: 1px solid;
    margin: 0 20px 20px;
}
.colprefoot:last-child {
    border-right: 0;
    border-bottom: 0;
    margin-bottom: 0;
}
div#leprogramme {
    margin-top: 50px;
}
div#wrapdeuxcols.deuxtiers div#leftcol, div#leftcol {
    width: 100%;
    margin-right: 0;
}
div#wrapdeuxcols.deuxtiers div#rightcol, div#rightcol {
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
}
}
@media only screen and (max-width: 600px) {
.artprog {
    width: calc(100% - 23px);
    margin: 0 20px 40px;
}
a.lkartistes {
    width: calc(100% - 20px);
}
div#contsupprog a {
    margin: 25px 25px;
    width: calc(100% - 50px);
}
div#contsupprog {
    margin-top: 40px;
    margin-bottom: 0px;
}
div#leftevtprog {
    width: 100%;
}
div#righevtprog {
    width: 100%;
    margin-left: 0;
    vertical-align: top;
    margin-top: 30px;
}
div#wraphauthom {
    padding: 0 20px;
}
}
@media only screen and (max-width: 550px) {
.alm-reveal {
    display: inline-block;
    width: 100%;
    margin-left: 0;
}
.uneactu {
    width: 100%;
    margin: 0 0px 40px;
}
h1.entry-title {
    font-size: 25px !important;
}
.unmeaequipe {
    width: calc(100% - 80px);
    margin: 0 20px 20px;
    padding: 20px;
}
div#leftartiste {
    width: 100%;
    margin-right: 0;
}
div#rightartiste {
    width: 100%;
    margin-top: 20px;
}
}
@media only screen and (max-width: 500px) {
div#leftfoot {
    width: 100%;
    text-align: center;
}
div#rightfoot {
    width: 100%;
    text-transform: uppercase;
    text-align: center;
}
div#unblocont {
    padding: 0 20px;
    width: calc(100% - 40px);
}
div#prefoot {
    padding: 40px 0 20px;
}
div#unblocont.contactu {
    padding: 20px !important;
}
.site-header {
    background: #FFF;
}
h1.entry-title {
    width: calc(100% - 40px);
    padding: 0 20px;
}
div#wraphauthom {
    margin: 10px auto 0;
}
}
@media only screen and (max-width: 450px) {
div#apropos {
    margin-top: 25px;
}
.arttab {
    width: calc(100% - 40px);
    margin: 0 20px 20px;
}
}
@media only screen and (max-width: 380px) {
div#righthauthome img {
    max-width: 100%;
}
}