/*
     Theme Name:   Toulouse les Orgues
     Theme URI:    http://www.toulouse-les-orgues.fr
     Template: Divi
     Description:  Site pour l'association Toulouse les Orgues
     Author:       Pepille
     Author URI:   http://pepille.fr
     Version:      2.0.1
    */
    /* COULEURS
    #bccf00 vert/jaune ORGUES
    #5b7aba bleu assoc
    #777676 gris des liens
    #dcdcdc gris clair
    #e48005 orange festival
    #4c6ef5 bleuFB
    */

    /* ruptures
    @media only screen and (max-width: 445px) 
    @media only screen and (max-width: 680px) 
    @media only screen and (max-width: 980px) 
    @media only screen and (max-width: 480px)



    */

    /******************** PRINT *******************************/
@media print{
    @page { margin: 5% }
    #main-content .container{width: 100%; max-width: 100%;}
    #blocBandeauEvent{width:100% !important;}
    #top-header, #main-header, #navEvent, .blocGrisAutres,
    .et_pb_scroll_top, footer, .noPrint
    {display: none !important;}
    .blocGris{margin:  0.5cm 0 !important;}
    .fa-2x { font-size: 14px;}
    #blocTitreEvent{padding: 0.5cm;}
}
    

    /******************** HELPER *******************************/
    .bleuFB{color: #4c6ef5;}
    .white{color: #ffffff;}
    .black{color: #000;}
    .gris{color: #828282;}


    strong{
        font-weight:normal !important;
    }

    .et-db #et-boc  .et_pb_section #ligneImage.w100{
        width: 100% !important;
        max-width: 100% !important;
    }
    .mt10{
        margin-top: 10px;
    }
    .mt15{
        margin-top: 15px;
    }
    .mt20{
        margin-top: 20px;
    }
    .mt25{
        margin-top: 25px;
    }
    .mt30{
        margin-top: 30px;
    }
    .mt40{
        margin-top: 40px;
    }
    .mt55{
          margin-top: 50px; 
    }
    .mr15{
        margin-right: 15px;
    }

    .mb10{
        margin-bottom: 10px;
    }

    .mb15{
        margin-bottom: 15px;
    }
    .mb30{
        margin-bottom: 30px;
    }
    .mb40{
        margin-bottom: 40px;
    }


    .mb60{
        margin-bottom: 60px;
    }
    .mb80{
        margin-bottom: 80px;
    }
    .mb90{
        margin-bottom: 90px;
    }
.pr10{padding-right:10px;}
.pl10{padding-left:10px;}
    .pt10{
        padding-top: 10px;
    }
    .pt15{
        padding-top: 15px;
    }
    .pb0{
        padding-bottom: 0 !important;
    }
.fs16 {
        font-size: 16px !important;
    }
.fs18 {
        font-size: 18px !important;
    }
a.noUnderline {text-decoration: none !important;}
.lienNoir a{color:black !important;}
.underline a{text-decoration: underline !important}

.filetVert{
    border: #bccf00 1px solid !important;
}
/*bnadeau Bas pasge année*/
.page-id-2534 #BandeauBasPage,
.parent-pageid-2534 #BandeauBasPage,
.page-id-5023 #BandeauBasPage,
.parent-pageid-5023 #BandeauBasPage
{    background-color: #46b9eb !important;}

.blocBoutonBandeau h3+p  {
    padding: 10px 25px !important;
    margin: 25px 10px 15px 10px !important;
}

.blocBoutonBandeau a  {
    text-decoration: none !important;
    padding: 10px 25px !important;
    display: inline-block !important;
}
.blocBoutonBandeau a:hover  {
    text-decoration: none !important;
    color :#777676 !important;
}
/* menu langues
*******************************************************/
li.wpml-ls-item{
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
}

li.wpml-ls-item a:hover{
    text-decoration: none;
}

li.wpml-ls-item-en {
    width: 35px;
}

li.wpml-ls-item-en {
    margin-left:25px;
}

@media only screen and (max-width: 980px) {
    
    #top-header .container{width:100%;}
}

/* /menu langues
*******************************************************/


    @media only screen and (max-width: 980px) {
        .mob_mt10{
            margin-top: 10px;
        }
        .mob_mb30{
            margin-bottom: 30px;
        }

    }

    /* passage en 5col gouttiere 2*/
    .col5G2{
        width: 41% !important;
    }
    /* passage en 7col gouttiere 2*/
    .col7G2{
        width: 55.5% !important;
    }
    .first7_5{
        margin-right: 25px !important;
    }


    a.lienOrgue, a.lienOrgue:hover{
        color:#bbcf00;
        background-color: white;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: bold;
        display: inline-block;
        padding: 3px 25px;
        border: 1px solid #bbcf00;
        border-radius: 25px;
        text-decoration: none;
        margin-top: 15px;
    }
    .page-id-2574 h3,
    .page-id-4999 h3
    {
        margin: 35px 0 0px 0;
    }

    .page-id-2574 p+h4,
    .page-id-4999 p+h4
    {
        margin: 35px 0 0px 0;
    }



/* association phone*/
   @media only screen and (max-width: 445px) {
               .ctaSoutien {
                    border: 2px solid #5b7aba;
                    border-radius: 40px;
                    padding: 10px !important;
                    font-weight: bold;
                    color: #5b7aba!important;
                    font-size: 14px !important;
                    text-transform: uppercase;
                }
                body.page  #tabs a.ctaSoutien:hover {
                /*body.page  .ui-tabs .ui-tabs-panel p.lienSoutien a.ctaSoutien:hover {*/
                    border: 2px solid #5b7aba;
                    background-color: #5b7aba !important;
                    border-radius: 40px;
                    padding: 10px;
                    font-weight: bold !important;
                    color: white !important;
                    font-size: 14px;
                    text-transform: uppercase;
                    text-decoration: none !important;
                }
    }





    /*MEDIA PHONE ET TABLETTE SCREEN */
    @media only screen and (max-width: 980px) {
        .col5G2, .col7G2{
            width: 100% !important;
        }
        a.lienOrgue, a.lienOrgue:hover{
        color:#bbcf00;
        background-color: white;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: bold;
        display: inline-block;
        padding: 3px 25px;
        border: 1px solid #bbcf00;
        border-radius: 25px;
        text-decoration: none;
        margin-top: 15px;
        }


    }

    .puceNum {
        padding: 1px 8px;
        border-radius: 50%;
        font-weight: bold;
    }

    .puceFont{
        padding: 10px 11px 12px 15px;
        border-radius: 50%; 
    }

    .sf{
        clear: both;
    }
    .textright{
        text-align: right;
    }
    .textcenter{
        text-align: center;
    }
    .vat{
        vertical-align:top;
    }
    .titreh2{
        font-weight: bold;
        text-align: center;
        font-size: 18px;
    }
    .majuscule{
        text-transform: uppercase;
    }
    .vertOrgues{
        color : #bbcf00 !important;
    }
    .bleuAssoc{
        color : #5b7aba !important;
    }

    .bleuAnnee{
       color : #46b9eb !important; 
    }
    .BGbleuAnnee{
      background-color: #46b9eb !important; 
    }
    .BGjauneConcours{
      background-color: #fcc300 !important; 
    }

    .BGblanc{
      background-color: white !important; 
    }
    .boutonOrangeSurBlanc{
        border-radius: 25px !important;
        padding: 0.2em 2em !important;
        border-color: #e48005 !important;
        border-style: solid;
        border-width: 1px !important;
        color : #e48005 !important;
        font-size:24px;
        margin: 0 auto !important;
    }
    .jaune{
        color : #fcc300 !important;
    }
    .orangeFestival{
        color : #e48005 !important;
    }
    .BGorangeFestival{
        background-color: #e48005 !important; 
    }
    .cercleIconeFestival{
        border-radius: 25px !important;
        padding: 0.3em 0.3em !important;
        border-color: #e48005 !important;
        border-style: solid;
        border-width: 1px !important;
        color : #e48005 !important;
    }
    .puceOvale.cercleIconeFestival{
        padding: 0.3em 0.5em !important;
    }

    a.lienBleu{
        color:#4794fd !important;
        text-decoration: underline;
    }
    .blanc{
        color:white !important;
    }
    #main-header {
        box-shadow: none;
    }

    #et-secondary-menu {
        display: block !important;
    }

    /*loupe top header */
    #et_top_search {
        margin: 3px 0 0 4em;
    }
    .bordureOrange{
        border-color:  #e48005 !important;
    }

    #BandeauBasPage{}


    .boutonLien{
        border-radius: 25px;
        font-weight: bold;   
        padding: 5px 20px;
        background-color:white;
        text-transform:uppercase;
        border-width: 1px;
        border-style: solid;
    }

    .ctaAssoc2:hover {
        text-decoration:none !important;
        color:#6f6f6f  !important;
    }
    .ctaAssoc2 {
        border: none;
        border-radius: 25px;
        padding: 10px 25px;
        font-weight: bold;
        color: #5b7aba !important;
        margin: 15px 10px;
        background-color:white;
        text-transform:uppercase;
        font-size:26px;
        display: inline-block;
        margin-top: 25px;
    }

    .col3{
        display: inline-block;
        width: 33%;
        text-align: left;
    }

    #breadcrumbs {
        margin: 1em 0 2em 0;
    }

    #breadcrumbs a {
        color: #6f6f6f;
    }

    .envelop-icon-top-header {
        font-size: 16px;
        margin-right: 2em;
    }

    li#menu-item-search a {
        line-height: 30px!important;
        height: 30px!important;
    }

    ul#top-menu {
        text-transform: uppercase;
    }

    ul.sub-menu {
        padding: 10px 0 !important;
    }

    ul#top-menu li:after {
        content: "";
        width: 0px;
        transition: width .5s ease-in-out;
    }


    /*année*/
    ul#top-menu li#menu-item-3357:hover:after, ul#top-menu li.current-menu-item#menu-item-3357:after {
        content: "";
        width: 20px;
        height: 4px;
        background: #46b9cb;
        top: 50%;
        left: 25%;
        position: absolute;
        border-radius: 25px;
        transition: all .5s ease-in-out;
    }

    /*orgues*/
    ul#top-menu li#menu-item-3314:hover:after, ul#top-menu li.current-menu-item#menu-item-3314:after {
        content: "";
        width: 20px;
        height: 4px;
        background: #bbcf00;
        top: 50%;
        left: 25%;
        position: absolute;
        border-radius: 25px;
        transition: all .5s ease-in-out;
    }


    /*concours*/
/*    ul#top-menu li#menu-item-88:hover:after, ul#top-menu li.current-menu-item#menu-item-88:after {*/
    ul#top-menu li#menu-item-4818:hover:after, ul#top-menu li.current-menu-item#menu-item-4818:after {
        content: "";
        width: 20px;
        height: 4px;
        background: #fcc300;
        top: 50%;
        left: 25%;
        position: absolute;
        border-radius: 25px;
        transition: all .5s ease-in-out;
    }
    /*festival*/
    ul#top-menu li#menu-item-194:hover:after, ul#top-menu li.current-menu-item#menu-item-194:after {
        content: "";
        width: 20px;
        height: 4px;
        background: #e58005;
        top: 50%;
        left: 23%;
        position: absolute;
        border-radius: 25px;
        transition: all .5s ease-in-out;
    }
    /*accueil*/
    ul#top-menu li#menu-item-570:hover:after, ul#top-menu li.current-menu-item#menu-item-570:after {
        content: "";
        width: 20px;
        height: 4px;
        background: #e58005;
        top: 50%;
        left: 23%;
        position: absolute;
        border-radius: 25px;
        transition: all .5s ease-in-out;
    }
    /*assoc*/
/*    ul#top-menu li#menu-item-197:hover:after, ul#top-menu li.current-menu-item#menu-item-197:after {*/

    ul#top-menu li#menu-item-6812:hover:after, ul#top-menu li.current-menu-item#menu-item-6812:after {
        content: "";
        width: 20px;
        height: 4px;
        background: #5b7bbb;
        top: 50%;
        left: 35%;
        position: absolute;
        border-radius: 25px;
        transition: all .5s ease-in-out;
    }

    ul.sub-menu li#menu-item-487,
    ul.sub-menu li#menu-item-1792,
    ul.sub-menu li#menu-item-1791,
    ul.sub-menu li#menu-item-1223,
    ul.sub-menu li#menu-item-1667,
    ul.sub-menu li#menu-item-3358,
    ul.sub-menu li#menu-item-3360,
    ul.sub-menu li#menu-item-3359,
    ul.sub-menu li#menu-item-3401,
    ul.sub-menu li#menu-item-3414,
    ul.sub-menu li#menu-item-3472,
    ul.sub-menu li#menu-item-3473,
    ul.sub-menu li#menu-item-3517,
    ul.sub-menu li#menu-item-3555,
    ul.sub-menu li#menu-item-3556,
    ul.sub-menu li#menu-item-3729,
    ul.sub-menu li#menu-item-3930,
    ul.sub-menu li.menu-item.menu-item-type-post_type
    {
        margin: 0 auto !important;
        width: 100% !important;
    }

    ul.sub-menu li#menu-item-487 > a,
    ul.sub-menu li#menu-item-1792 > a,
    ul.sub-menu li#menu-item-1791 > a,
    ul.sub-menu li#menu-item-1223 > a,
    ul.sub-menu li#menu-item-1667 > a,
    ul.sub-menu li#menu-item-3358 > a,
    ul.sub-menu li#menu-item-3360 > a,
    ul.sub-menu li#menu-item-3359 > a,
    ul.sub-menu li#menu-item-3401 > a,
    ul.sub-menu li#menu-item-3414 > a,
    ul.sub-menu li#menu-item-3472 > a,
    ul.sub-menu li#menu-item-3473 > a,
    ul.sub-menu li#menu-item-3517 > a,
    ul.sub-menu li#menu-item-3555 > a,
    ul.sub-menu li#menu-item-3556 > a,
    ul.sub-menu li#menu-item-3729 > a,
    ul.sub-menu li#menu-item-3930 > a,
    ul.sub-menu li.menu-item.menu-item-type-post_type > a
    {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 auto !important;
        text-align: left !important;
    }
    /***********AJOUT POUR DIMINUER LA LARGEUR DU SOUS MENU********************************/
    #top-menu li li {
        margin: 0;
        padding: 0 10px !important;
        /*original 0 20px */
    }
    .nav li ul {
        width: 200px !important;
        /*original 240px */
    }
    /***********FIN AJOUT POUR DIMINUER LA LARGEUR DU SOUS MENU****************************/

    @media only screen and (max-width: 680px) {

        #et-secondary-menu {
            width: 100%;
            height: 26px !important;
        }

        #et-secondary-menu > ul {
            width: 100%;
        }

        #top-header .et-social-icons li {
            margin-top: 4px;
            margin-left: 12px;
        }

        #et_top_search {
            float: right;
            margin: 0;
            left: 0;
            top: -7px;
        }

        #n2-ss-2item2 {
            font-size: 26px !important;
        }

        .home-back-festival-container {
            width: 90% !important;
        }

        .home-list-style {
            min-width: 20px !important;
        }

        .association-team-img {
            max-width: 100% !important;
        }

        .title-header-container {
            height: 100%;
        }

        .portfolio-img-top  {
            margin-top: 20px !important;
        }

        #concours-title-banner {
            font-size: 24px !important;
        }

        .story-concours-title-banner {
            font-size: 24px !important;
        }

        .list-style {
            min-width: 20px;
            height: 20px;
            background: #fcc300;
            border: 1px solid #fcc300;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-right: 5px;
            font-weight: bold;
            margin-top: 4px;
            padding: 2px 1px 1px 1px;
            font-size: 80%;
            color: #000000;
        }

        .festival-enbref-txt-container {
            width: 90% !important;
        }

        .txt-association-container {
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
        }

        .picto {
            width: 100% !important;
            margin-bottom: 1em;
        }

        .et_pb_gallery_item img {
            width: 100% !important;
        }

        .festival-video {
            min-width: 100% !important;
        }

        .concours-video {
            min-width: 100% !important;
        }

        .festival-blog-container {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            border: 1px solid #777676;
            max-width: 100% !important;
            margin: 0 auto;
        }

        .pepille-logo {
            width: 15% !important;
        }
    }

    /*MEDIA TABLETTE SCREEN */
    @media only screen and (max-width: 980px) {

        /*************************************************/
        /************** SECONDARY NAV *****************/
        /*************************************************/

        #et-secondary-menu {
            width: 100%;
            height: 26px !important;
        }

        #et-secondary-menu > ul {
            width: 100%;
        }

        #top-header .et-social-icons li {
            margin-top: 2px;
            margin-left: 12px;
        }

        #et_top_search {
            float: right;
            margin: 0;
            left: 0 !important;
            top: 10px;
        }

        #et_search_icon:before {
        top: -10px;
        }

        .home-slider-subtitle {
            font-size: 26px !important;
        }

        /*************************************************/
        /********************** HOME ********************/
        /*************************************************/
        .home-back-festival-container {
            width: 90% !important;
        }

        /*************************************************/
        /*************** CONCOURS PAGE ** **********/
        /*************************************************/




        .title-header-container {
            padding-top: 0;
        }

        .concours-description-container {
            width: 90% !important;
        }

        .concours-details-container {
            width: 90% !important;
            display: flex;
            flex-direction: column;
        }

        .concours-portfolio-left {
            width: 100% !important;
            margin-right: 0px !important;
            margin-top: 40px;
            order: 2;
        }

        .concours-portfolio-top-right {
            width: 100% !important;
            margin-right: 20px !important;
            order: 3;
        }

        .portfolio-img-top {
            margin-bottom: 20px !important;
        }

        .concours-portfolio-bottom-right {
            width: 100% !important;
            order: 1;
        }

        .concours-video {
            max-width: 90% !important;
        }




        /*************************************************/
        /*************** FESTIVAL PAGE ** **********/
        /*************************************************/
        .et_pb_row_6.festival-enbref-txt-container {       width: 90% !important;        max-width: 90% !important;
        }

        .festival-blog-row-container {
            width: 90% !important;
        }

        .festival-blog-container {
            max-width: 90% !important;
        }

        .festival-video-container {
            width: 90% !important;
        }

        .festival-galery-container {
            width: 90% !important;
            text-align: center;
        }

        .festival-next-festival {
            min-height: 260px;
            margin-top: 20px;
        }

        .festival-video {
            max-width: 90% !important;
        }



        /*************************************************/
        /*************** ASSOCIATION PAGE **************/
        /*************************************************/

        .img-medal {
            width: 20% !important;
        }

        .img-orgue {
            width: 45% !important;
        }

        .img-conseil {
            width: 24% !important;
        }

        .img-learning {
            width: 18% !important;
        }

        .img-organisation {
            width: 27% !important;
        }

        .association-actions-container {
            width: 90% !important;
        }

        .association-actions-col-left {
            margin-bottom: 0;
        }

        .association-story-orgue-container {
            width: 90% !important;
        }

        .association-story-orgue-container-txt {
            width: 100% !important;
            margin: 0 0 30px 0 !important;
        }

        .association-story-orgue-container-img {
            width: 100% !important;
            height: 380px;
        }

        .association-team-container {
            width: 90% !important;
        }

        .association-team-details-left {
            margin-bottom: 14px !important;
        }

        .association-team-txt-left {
            width: 80% !important;
            margin: 0 auto !important;
        }

        .association-team-txt-right {
            max-width: 80% !important;
            margin: 0 auto !important;
        }

        .association-team-details-container {
            width: 90% !important;
        }

        .association-conseil-container {
            width: 90% !important;
        }

        .association-conseil-img-top-container {
            justify-content: center;
        }

        .association-conseil-img-bot-container {
            text-align: center;
        }

        .association-members-txt {
            width: 90% !important;
            margin: 0 auto;
        }

        .association-other-container {
            width: 90% !important;
            margin: 0 auto;
        }

        .association-other-img-back {
            width: 100% !important;
            min-height: 317px !important;
            background: url("/wp-content/uploads/2018/12/toulouse-les-orgues-association-mission-orgue.jpg") no-repeat center;
            background-size: cover;
        }

        .association-other-mission-txt-container {
            margin: 0 0 20px 0 !important;
            width: 100% !important;
        }

        .association-creation-festival-container {
            width: 87% !important;
        }

        .association-creation-container {
            width: 90% !important;
        }

        .textwidget.custom-html-widget {
            width: 70%;
            margin: 0 auto;
        }

        .footer-widget .textwidget.custom-html-widget {
            width: 100% !important;
            margin: 0 auto;
        }

        #themegrill_social_icons-2 {
            width: 100%;
            text-align: center;
        }

        #custom_html-6, #custom_html-7 {
            width: 100% !important;
            text-align: center !important;
        }

        .plan-left-container p.first-p-plan, .plan-right-container p.first-p-plan {
            margin-top: 0;
        }

        .plan-left-container p, .plan-right-container p {
            line-height: 24px !important;
        }

        .pepille-logo {
            width: 17% !important;
        }

        a.lienOrgue, a.lienOrgue:hover{
        color:#bbcf00;
        background-color: white;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: bold;
        display: inline-block;
        padding: 3px 25px;
        border: 1px solid #bbcf00;
        border-radius: 25px;
        text-decoration: none;
        margin-top: 15px;
        }


        /*************************************************/
        /*************** ORGUE PAGE ** **********/
        /*************************************************/    
        .page-id-2574 .et_pb_section,
        .page-id-4999 .et_pb_section
         {
            padding: 125px 0;
        }

        .page-id-2574 .carte2Actu,
        .page-id-4999 .carte2Actu {
            margin-bottom: 30px;
            width: 95%;
        }

        .blocProgramme p {
            padding-bottom: 0.5em !important;
        }

    .zoneResume .et_pb_main_blurb_image{
        margin-bottom: 0 !important;
    }

    }


    /*MEDIA Large SCREEN */
    @media only screen and (min-width: 980px) {
        
        
        

        /*************************************************/
        /*************** CONCOURS PAGE ** **********/
        /*************************************************/
        .concours-portfolio-left {
            width: auto !important;
            margin-right: 20px !important;
        }

        .concours-portfolio-top-right {
            width: auto !important;
            margin-right: 20px !important;
        }

        .portfolio-img-top {
            /*margin-bottom: 20px !important;*/
        }

        .concours-portfolio-bottom-right {
            width: 60% !important;
        }
        .blocProgramme p {
            padding-bottom: 0.5em !important;
        }
        /*************************************************/
        /************* HISTOIRE CONCOURS **************/
        /*************************************************/
        .story-concours-description-container:after {
            content: "";
            position: absolute;
            /*bottom: -4.3%;*/
            left: 10%;
            z-index: 99999;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 20px 20px 0 0;
            border-color: #fcc300 transparent transparent transparent;
            line-height: 0px;
            _border-color: #fcc300 #000000 #000000 #000000;
            _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
        }

        /*************************************************/
        /*********** ORGUES  PAGE ************************/
        /*************************************************/
    .page-id-3031 h3+h4+p {
        margin-top: inherit !important;
    }

    .page-id-3031 h3+h4 {
        margin-top: 15px !important;
    }

    .page-id-3031 h4{
        margin-top: 30px;
        margin-bottom: 10px;
    }
        
    .page-id-3105 p+h4{ /*cours*/
            padding-bottom: 0;
    }
    .page-id-3044 h4+p{
            margin: 35px 0 0px 0;
    }

    .page-id-3044 #blocAAO p {
        padding-bottom: 0.1em;
    }


        /*************************************************/
        /*********** ASSOCIATION  PAGE *****************/
        /*************************************************/

        #association-legend-img {
            margin-top: 0 !important;
        }

        .association-creation-festival-container {
            width: 55%;
        }

        .association-conseil-img-left {
            width: auto !important;
            margin-right: 20px !important;
        }

        .association-conseil-img-right {
            width: 60% !important;
        }

        .association-team-txt-left {
            width: 100%;
            padding-left: 8em !important;
        }

        .association-story-orgue-container-txt {
            width: 60% !important;
            margin-right: 20px !important;
        }

        .association-story-orgue-container-img {
            width: 40% !important;
        }

        .association-other-mission-txt-container {
            width: 52% !important;
            margin-right: 20px !important;
        }

        .association-other-mission-img-container {
            width: 38% !important;
            min-height: 317px !important;
            background-size: cover;
        }

        .association-other-img-back {
            width: 100% !important;
            min-height: 317px !important;
            background: url("/wp-content/uploads/2018/12/toulouse-les-orgues-association-mission-orgue.jpg") no-repeat center;
            background-size: cover;
        }

        .festival-description-container-left {
            width: 60% !important;
        }

        /*.festival-background-bubble {*/
            /*min-height: 550px;*/
        /*}*/


        .festival-description-container-right {
            width: 40% !important;
        }

        /*.et_pb_gallery_item:last-of-type  {*/
            /*margin-bottom: 0 !important;*/
            /*margin-right: 0px !important;*/
            /*width: 23% !important;*/
        /*}*/
        #themegrill_social_icons-2 h4.title {
            margin-left: .7em;
        }

        .n2-ss-layers-container{
            width: 100% !important;
            height: 291px !important;
            margin: 69px auto !important;
        }

        #n2-ss-2item2 {
            font-family: "Open Sans" !important;
            font-size: 32px !important;
            width: 105% !important;
            margin: 0 auto !important;
            border-radius: 25px !important;
            background: rgba(250, 250, 250, .8) !important;
            color: #000000 !important;
            font-weight: bold !important;
        }
    }

    /*MEDIA XL SCREEN */
    @media only screen and (min-width: 1920px) {
        .concours-description-container-left {
            width: 56% !important;
        }

        .concours-description-container-right {
            width: auto !important;
        }

        .concours-portfolio-left {
            width: 25% !important;
            /*margin-right: 0px !important;*/
        }

        .concours-portfolio-top-right {
            width: 25% !important;
            /*margin-right: 20px !important;*/
        }

        .portfolio-img-top {
            /*margin-bottom: 20px !important;*/
        }

        .concours-portfolio-bottom-right {
            width: 50% !important;
        }

        .concours-txt-grey a {
            font-size: 16px !important;
        }

        /*************************************************/
        /************* HISTOIRE CONCOURS **************/
        /*************************************************/

        .story-concours-description-container:after {
            left: 26%;
        }

        /*************************************************/
        /*********** ASSOCIATION  PAGE *****************/
        /*************************************************/

        #association-legend-img {
            /*margin-top: -40px !important;*/
        }

        .association-creation-festival-container {
            width: 55%;
        }
    /*modif assoc jerome*/
        .association-conseil-img-left {
            width: 56% !important; /*ancien 38*/
            margin-right: 20px !important;
        }

        .association-conseil-img-right {
            width: 80%!important;
        }

        .association-team-txt-left {
            width: 100%;
            padding-left: 8em !important;
        }

        .association-members-txt {
            padding-top: 20px !important;
        }

        .association-other-mission-txt-container {
            width: 60% !important;
            margin-right: 20px !important;
        }

        .association-other-mission-img-container {
                 width: 38% !important;
                 min-height: 317px !important;
                 background-size: cover;
             }

        /*festival */
        .association-story-orgue-container-txt {
            width: 80% !important;
            margin-right: 20px !important;
        }

        .association-story-orgue-container-img {
            width: 38% !important;
        }

        .festival-description-container-left {
            width: 60% !important;
        }

        .festival-description-container-right {
            width: 40% !important;
        }

        #n2-ss-2item2 {
            font-family: "Open Sans" !important;
            font-size: 32px !important;
            width: 45% !important;
            margin: 0 auto !important;
            border-radius: 25px !important;
            background: rgba(250, 250, 250, .8) !important;
            color: #000000 !important;
            font-weight: bold !important;
        }

        #n2-ss-2item2 {
        font-family: "Open Sans" !important;
        font-size: 32px !important;
        width: 105% !important;
        margin: 0 auto !important;
        border-radius: 25px !important;
        background: rgba(250, 250, 250, .8) !important;
        color: #000000 !important;
        font-weight: bold !important;
        }

        #n2-ss-2item2 {
            width: 100%;
        }

        .n2-ss-layers-container{
            width: 100% !important;
            height: 291px !important;
            margin: 149px auto !important;
        }
    }

    /* ALL MEDIA SCREEN */





    /*************************************************/
    /****************** HOME  ***********************/
    /*************************************************/

    /*#n2-ss-2item2 {*/
        /*font-family: "Open Sans" !important;*/
        /*font-size: 32px !important;*/
        /*!*width: 45% !important;*!*/
        /*margin: 0 auto !important;*/
        /*border-radius: 25px !important;*/
        /*background: rgba(250, 250, 250, .8) !important;*/
        /*color: #000000 !important;*/
        /*font-weight: bold !important;*/
    /*}*/

    .home-title-slider H1{
        font-family: "Open Sans" !important;
        font-size: 60px !important;
        /*font-weight: bold !important;*/
        text-transform: uppercase !important;
        text-shadow: 3px 2px 2px rgba(150, 150, 150, 1) !important;
    }

    .home-orgues-pedagogiques-txt-container {
        display: flex;
        margin: .5em 0 .5em 0;
    }

    .home-orgues-pedagogiques-txt-container .home-list-style {
        width: 20px;
        height: 20px;
        background: #e48005;
        border: 1px solid #e48005;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 5px;
        font-weight: bold;
        margin-top: 4px;
        padding: 2px 1px 1px 1px;
        font-size: 80%;
        color: #000000;
    }

    i.chevron-home-orange {
        color: #e48005;
        font-size: 22px;
    }

    .home-button-show-container {
        text-align: center;
    }

    a.home-button-show {
        color: #000000;
        text-transform: uppercase;
        background: #ffffff;
        border: 1px solid #e48005;
        font-size: 16px !important;
        padding: .2em 1em;
        border-radius: 25px;
        cursor: pointer;
    }

    a.home-button-contact {
        background: #ffffff;
        padding: .2em 2em;
        margin-top: 1em;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
        border: 1px solid #e48005;
        color: #e48005;
        font-weight: bold;
        text-transform: uppercase;
        cursor: pointer;
    }

    h3.typeActu{
        font-size: 24px;
        text-align: center;
        text-transform: uppercase;
        color: #e48005;
        font-weight: bold;
    }
    h3.typeDernieresActu{
        font-size: 24px;
        text-align: center;
        text-transform: uppercase;
        color: black;
        font-weight: bold;  
        margin: 25px auto;
    }
    .carte1Actu{
        position: relative;
        width: 80%;
        vertical-align: top;
        display: inherit;
        margin: 30px auto;
    }

    .carte1Actu .imageCarteActu{
        float: left;
        width: 50% ;
        height: auto;
        margin-right: 25px;
    }


    .carte1Actu  div.cartouche{
        position: absolute;
        top: 0;
        left: 15px;
        color: black;
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
        width: 150px;
        height: 30px;
        padding-top: 3px;

    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    }


    .carte1Actu .extraitListeArtiste{
        background-color: transparent !important;
        color:black;
        font-size: 16px;
        padding: 25px;   
    }

    .carte1Actu .extraitListeArtiste h4{
        color:black;
        font-size: 18px;
        font-weight: bold;
    }

    .carte1Actu .extraitListeArtiste a.lienCarte1Actu, .carte1Actu .extraitListeArtiste a.lienCarte1Actu:hover{
            display: inline-block;
            background-color: white;
            border: 1px solid #e5810a;
            color: #e5810a;
            border-radius: 25px;
            padding: 5px 35px;
            text-transform: uppercase;
            font-size: 16px;
            text-decoration: none;
            margin: 15px auto;
    }

    #blocDernieresActu .carte2Actu{
        float: left;
    }

    #blocDernieresActu .carte2Actu .extraitListeArtiste{
        height: 120px;
        padding: 10px 20px;
        color: black;
    }

    #blocDernieresActu .carte2Actu .extraitListeArtiste .iconDegradActu{
         background-image: linear-gradient(to right, #fbbd00, #f8ad00, #f49d00, #ef8e00, #e97e00);
    }

    #blocDernieresActu .carte2Actu .extraitListeArtiste a, #blocDernieresActu .carte2Actu .extraitListeArtiste a:hover{
        color: #e56d00 !important;
    }

    #blocDernieresActu .carte2Actu.actu1 .extraitListeArtiste{
        height: 135px;
        min-height: 135px !important;
        position: relative;
    }

    #blocDernieresActu .carte2Actu.actu2 { width: 23%; position: relative;}

    #blocDernieresActu .carte2Actu.actu2 .extraitListeArtiste{
        height: 225px;
    }
    /* #blocDernieresActu .carte2Actu.actu3 img{opacity: 0.33;} */

    #blocDernieresActu .carte2Actu.actu3 { width: 23%; margin-right: 0 !important; border: none; margin-bottom: 37px !important}

    #blocDernieresActu .carte2Actu.actu3 .extraitListeArtiste{
        position: absolute;
        top: 9px;
        background: rgba(243,146,0,0.5);
        height: 97%;
    }
    #blocDernieresActu .carte2Actu.actu3.actu4 .extraitListeArtiste{
        position: absolute;
        top: 9px;
        background: rgba(0,0,0,0.5);
        height: 97%;
        color: white;
    }
    #blocDernieresActu .carte2Actu.actu3 .extraitListeArtiste h3{
    margin-top: 35px;
    color :white;
    }
    #blocDernieresActu .carte2Actu.actu3 .extraitListeArtiste .extraitBioEvent{
        color: white !important;
        position: relative;
        left: 0;
    }

    #blocDernieresActu .carte2Actu .extraitListeArtiste span{
      position: absolute;
      bottom: 15px;
      left: 15px;
    }
   /* version sur une colonne puis 2 colonnes en dessous */
    @media only screen and (min-width: 681px) and (max-width: 1516px){
        #blocDernieresActu .carte2Actu.actu1,
        #blocDernieresActu .carte2Actu.actu2

        {
            width: 605px !important;
            display: block;
            margin: auto;
            float: inherit !important;
            margin-bottom: 30px !important
        }
        
        #blocDernieresActu .carte2Actu.actu1 img,       
        #blocDernieresActu .carte2Actu.actu2 img  {
            width: 100%;
        }

        #blocDernieresActu .carte2Actu.actu3,
        #blocDernieresActu .carte2Actu.actu4

        {
            width: 302px !important;
        }

        #blocDernieresActu .carte2Actu.actu3
        {
            float: left;
        }
        #blocDernieresActu .carte2Actu.actu4
        {
            float: right;
        }

    #blocDernieresActu .carte2Actu.actu3 .extraitListeArtiste{
        position: absolute;
        top: 9px;
        background: rgba(243,146,0,0.5);
        height: 97%;
    }
    #blocDernieresActu .carte2Actu.actu3.actu4 .extraitListeArtiste{
        position: absolute;
        top: 9px;
        background: rgba(0,0,0,0.5);
        height: 97%;
        color: white;
    }


    div#bloc3et4 {
        width: 620px !important;
        overflow: hidden;
        margin: auto;
        padding-left: 10px;

    }

}

    
    /* version sur une colonne */
    @media only screen and (max-width: 680px) {
        #blocDernieresActu .carte2Actu.actu1, 
        #blocDernieresActu .carte2Actu.actu2, 
        #blocDernieresActu .carte2Actu.actu3,
        #blocDernieresActu .carte2Actu img 
        {
            width: 100%;
        }
        #blocDernieresActu .carte2Actu.actu1 .extraitListeArtiste,
        #blocDernieresActu .carte2Actu.actu2 .extraitListeArtiste
        {
        height: 200px;
        min-height: 135px !important;
        position: relative;
        }

        #blocDernieresActu .carte2Actu.actu2 .extraitListeArtiste{
        height: 165px;
        }
        .carte1Actu .imageCarteActu{
        float: left;
        width: 100% ;
        height: auto;
        margin-right: 0;
        margin-bottom: 25px;
        }
    #blocDernieresActu .carte2Actu.actu3 .extraitListeArtiste{
        position: absolute;
        top: 9px;
        background: rgba(243,146,0,0.5);
        height: 98%;
        width: 100%;
        }
    #blocDernieresActu .carte2Actu.actu3.actu4 .extraitListeArtiste{
        position: absolute;
        top: 9px;
        background: rgba(0,0,0,0.5);
        height: 98%;
        color: white;
        width: 100%;
        }
    }
    /*************************************************/
    /*************** CONCOURS PAGE ** **********/
    /*************************************************/

    .header-img {
        height: 25vh;
        display: flex;
        display: -moz-flex;
        display: -ms-flex;
        justify-content: center;
        align-items: center;
    }

    .title-header-container {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .concours-txt-description ul {
        list-style: none;
    }

    .concours-txt-description ul li:before {
        content: "";
        color: #fcc300;
        display: inline-block;
        width: .5em;
        height: .5em;
        margin-left: -1em;
        border-radius: 50%;
        background: #fcc300;
        margin-right: .5em;
    }

    div.concours-txt-container {
        display: flex;
        margin: .5em 0 .5em 0;
    }

    div.list-style {
        width: 20px;
        height: 20px;
        background: #fcc300;
        border: 1px solid #fcc300;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 5px;
        font-weight: bold;
        margin-top: 4px;
        padding: 2px 1px 1px 1px;
        font-size: 80%;
        color: #000000;
    }

    i.concours-icon-chevron {
        margin: 0 .3rem 0 0;
        color: #fcc300;
        font-size: 90%;
    }

    i.chevron-association-yellow {
        color: #fcc300;
        font-size: 22px;
    }

    a.concours-link-button {
        color: #000000;
        background: #ffffff;
        border: 1px solid #fcc300;
        font-size: 14px !important;
        padding: .2em 1em;
        border-radius: 25px;
        cursor: pointer;
    }

    a.concours-link-button:hover {
        text-decoration: none;
        cursor: pointer;
        text-transform: none;
        color: #000000;
    }

    .faq_Q{
        font-size: 16px !important;
        font-weight: bold;
        font-style: italic;
        margin-top: 20px;
    }

    .faq_R{
        font-size: 16px !important;
        margin-top: 5px;
    }



    .parent-pageid-16 .OLDstory-container{
        border-bottom-width: 0 !important;
    }
    
    #texteReglement h4{
        margin-top: 30px;
    }

  .gras{
    font-weight: bold;
  }  
/*************************************************/
    /*********** FESTIVAL  PAGE **********************/
    /*************************************************/

    .slash-orange {
        color: #e48005;
    }

    .chevron-orange {
        color: #e48005;
    }

    .festival-background-bubble {
        background: url("assets/svg/fond-orange-enbref.svg") center no-repeat;
        background-size: cover;
    }


    .festival-description ul {
        list-style: none;
    }

    .festival-description ul li:before {
        content: "";
        color: #e48005;
        display: inline-block;
        width: .5em;
        height: .5em;
        margin-left: -1em;
        border-radius: 50%;
        background: #e48005;
        margin-right: .5em;
    }

    .show-more-button-container {
        text-align: center;
    }

    a.show-more-galery {
        border: 1px solid #dcdcdc;
        border-radius: 25px;
        padding: .5em 1.2em;
        text-transform: uppercase;
        color: #000000;
    }
     a.lienFesticalFondBlanc, a.lienFesticalFondBlanc:hover{
            display: inline-block;
            background-color: white;
            border: 1px solid #e5810a;
            color: #e5810a;
            border-radius: 25px;
            padding: 5px 15px;
            text-transform: uppercase;
            font-weight: bold;
            font-size: 16px;
            text-decoration: none;
            margin: 15px auto;
    }
    a.lienFesticalNoirFondBlanc, a.lienFesticalNoirFondBlanc:hover{
            display: inline-block;
            background-color: white;
            color: black;
            border-radius: 25px;
            padding: 7px 20px;
            text-transform: uppercase;
            font-size: 16px;
            text-decoration: none;
            margin: 5px auto; 
    }
    a.show-more-galery:hover {
        color: #e48005;
        text-decoration: none;
    }

    .festival-blog-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border: 1px solid #777676;
        max-width: 45%;
        margin: 0 auto;
    }

    .festival-blog-link {
        width: 100%;
        cursor: pointer;
    }

    .festival-blog-img {
        background: url("/wp-content/uploads/2018/12/toulouse-les-orgues-festival-blog-etudiant.jpg") center no-repeat;
        background-size: cover;
        width: 100%;
        height: 300px;
    }

    .festival-blog-txt-container {
        width: 90%;
        margin: .5em 0;
    }

    a.lienBilleterie{
        font-family: 'Open Sans', sans-serif;
        font-size: 18px;
        color: white;
        padding: 12px 25px;
        display: inline-block;
        margin-top: 15px;
        text-transform: uppercase;
        border: 1px solid white;
        border-radius: 25px;
    background: #f56251; /* Old browsers */
    background: -moz-linear-gradient(left, #f56251 0%, #ee9618 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #f56251 0%,#ee9618 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #f56251 0%,#ee9618 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f56251', endColorstr='#ee9618',GradientType=1 ); /* IE6-9 */
    }

    a.lienBilleterie:hover{
        font-family: 'Open Sans', sans-serif;
        font-size: 18px;
        color:#e48005;
        padding: 12px 25px;
        display: inline-block;
        margin-top: 15px;
        text-transform: uppercase;
        border: 1px solid #e48005;
        border-radius: 25px;
        background: white;
        text-decoration: none;
        font-weight: none !important;
    }

    .boutonTelecharger{
        font-size:16px;
        display: inline-block;
        border: #e48005 1px solid;
        color: black;
        border-radius: 25px;
        padding: 5px 20px;
    }

    .single-festivals  div.et_pb_section.et_pb_section_0 {
        background-image: url(https://toulouse-les-orgues.org/wp-content/uploads/2019/04/toulouse-les-orgues-festival.jpg)!important;
    }

    .single-festivals   #main-content .container {
        padding-top: 58px;
        width: 100%;
        max-width: 100%;
        padding-top: 0;
    }


    .titreBandeau{
            font-weight: 700;
        font-size: 35px;
        color: #ffffff!important;
    }

    .h3Festival{
            font-weight: 700;
        text-transform: uppercase;
        font-size: 18px;
        color: #e48005!important;
    }

    .h4Festival{
        font-weight: 700;
    }

    .titreRubrqueFestival{
        text-align: center;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 20px;
    }
    .festival-background-vague{
        background-position: top center !important;
        background-image: url(https://toulouse-les-orgues.org/wp-content/uploads/2019/07/toulouse-les-orgues-fond-accueil.jpg)!important;
    }

    /*************************************************/
    /*********** ASSOCIATION  PAGE *****************/
    /*************************************************/
    div.txt-association-container {
        display: flex;
        margin-bottom: 1em;
        align-items: center;
    }

    .picto.img-key {
        background: url("assets/svg/toulouse-les-orgues-picto-festival.svg") center no-repeat;
        background-size: contain;
       /* width: 33%;*/
        width: 20%;
        height: 60px;
    }

    .picto.img-medal {
        background: url("assets/svg/toulouse-les-orgues-picto-concours.svg") center no-repeat;
        background-size: contain;
/*        width: 18%;*/
        width: 20%;
        height: 60px;
        margin-right: .5em;
    }

    .picto.img-estival {
        background: url("assets/svg/picto-soleil.svg") center no-repeat;
        background-size: 260px;
/*        width: 30%;*/
        width: 20%;
        height: 60px;
        margin-right: .5em;
    }

    .picto.img-partition {
        background-image: url("assets/svg/picto-partition.svg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 265px;
        /*width: 18%;*/
        width: 20%;
        height: 84px;
        margin-right: .4em;
        margin-top: -20px;
    }

    .picto.img-orgue {
        background: url("assets/svg/toulouse-les-orgues-picto-entretien.svg") center no-repeat;
        background-size: contain;
/*        width: 39%;*/
        width: 20%;
        height: 60px;
        margin-right: .8em;
    }

    .img-conseil {
        background: url("assets/svg/toulouse-les-orgues-picto-conseil.svg") center no-repeat;
        background-size: contain;
        /*width: 17%;*/
        width: 20%;
        height: 60px;
        margin-right: .5em;
    }

    .img-learning {
        background: url("assets/svg/toulouse-les-orgues-picto-education.svg") center no-repeat;
        background-size: contain;
/*        width: 12%;*/
        width: 20%;
        height: 60px;
        margin-right: .8em;
    }

    .img-organisation {
        background: url("assets/svg/toulouse-les-orgues-picto-action.svg") center no-repeat;
        background-size: contain;
/*        width: 19%;*/
        width: 20%;
        height: 60px;
        margin-right: .7em;
    }

    .txt-association {
        margin-left: .4em;
        line-height: 24px;
        width: 80%;

    }

    .association-team-bubble {
        background: url("assets/svg/fond-bleu-equipe.svg") top center no-repeat;
        background-size: cover;
    }

    .img-team {
        text-align: center;
    }

    .chevron-association-blue {
        color: #5b7aba;
        font-size: 22px;
    }

    p.grosBloc{
        padding-bottom: 1em !important;
    }

    .association-story-orgue {
        width: 100%;
    }

    .association-creation-bubble {
        background: url("assets/svg/fond-bleu-festival.svg") center no-repeat;
        background-size: cover;
    }

    .association-creation-festival-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        /*align-items: center;*/
        align-items: left;
        border: 1px solid #777676;
        margin: 0 auto;
        background: #ffffff;
    }

    .association-link-creation-festival {
        width: 100%;
    }

    .association-creation-festival-img {
        background: url("https://toulouse-les-orgues.org/wp-content/uploads/2019/07/toulouse-les-orgues-association-blog.jpg") center no-repeat;
        background-size: cover;
        width: 100%;
        height: 287px;
    }

    .association-creation-festival-txt {
      /*  padding: 0 1em;*/
        padding: 0 2em;
    }

    .association-creation-festival-txt h3{
        font-weight: bold;
        line-height: 1.4em;
        text-transform: uppercase;
    }

    .association-creation-festival-txt p {
        padding: 0;
    }

    .association-conseil-img-top-container {
        display: flex;
    }

    .association-img-left {
        margin-right: 20px;
        margin-bottom: 10px;
    }

    p.association-title-personne {
        font-size: 12px;
        font-style: italic;
        margin-top: -10px;
        padding: 0 10px;
    }

    a.association-contact-button {
        background: #ffffff;
        padding: .2em 2em;
        margin-top: 1em;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
        color: #5b7bbb;
        font-weight: bold;
        text-transform: uppercase;
        cursor: pointer;
    }

    a.association-contact-button:hover {
        color: #5b7bbb;
        cursor: pointer;
        text-decoration: none;
    }

#gesuQSN a{
    color : #000 !important;
    text-decoration: underline !important;
}


    /*************************************************/
    /*********** ANNEE  PAGE *****************/
    /*************************************************/

    .chevron-annee-blue {
        color: #46b9eb;
        font-size: 22px;
    }

    p.grosBloc{
        padding-bottom: 1em !important;
    }


    .bandeauBasAnnee h3{
        font-size: 26px !important;
        font-weight: bold;
    }

    .bandeauBasAnnee .orgues-contact-button, .bandeauBasAnnee a.orgues-contact-button:hover{
        text-transform: uppercase;
        font-size: 26px !important;
        font-weight: bold;
        color: #46b9eb;
    }

    .blocTexteAnnee{
        padding: 50px 20px;
    }
    a.lienAnneeFondBlanc, a.lienAnneeFondBlanc:hover{
        display: inline-block;
        text-decoration: none;
        color: #46b9eb !important;
        text-transform: uppercase;
        padding: 5px 25px;
        background: white;
        border: 1px solid #46b9eb !important;
        border-radius: 25px;
    }

    .carte8Artistes {
        width: 606px;
        display: inline-block;
    }

    .carte8Artistes img.imageListArtiste {
        float: left;
        width: 290px;
        margin-right: 25px;
        margin-bottom: 25px;
        border-radius:0 !important;
    }

    .carte8Artistes .identListeArtiste span{
        background-color: white;
        color:black;
        font-weight: bold;
        font-size: 16px;
        text-transform: none;

        text-transform: inherit;
    }

    .carte8Artistes .identListeArtiste {
        background-color: white;
        color:black;
        font-weight: bold;
        font-size: 16px;
        text-transform: none;
        text-align: left;
        text-transform: inherit;
        min-height:inherit;
        padding: 0;
    }

    .carte8Artistes .extraitListeArtiste{
        padding :0 !important;
        min-height: inherit;
    }
    @media only screen  and (max-width: 700px) {

        .carte8Artistes img.imageListArtiste {
            clear: both !important;
            float:none; 
            width: 60%;
            margin-right: 25px;
            margin-bottom: 0 !important;
            border-radius:0 !important;
            margin-top: 40px !important;
            max-width: 60%;
            height: auto;
        }
        .extraitListeArtiste span {
            margin: 5px auto;
        }

    }

    /*
    * PAGE ACTUALITE
    ***********************************************************************/
    #listeOnglets {
    text-align: center;
    }
    #listeOnglets li { 
        display: inline-block;
        padding: 3px 25px;
        -webkit-border-bottom-right-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        color: white;
        font-family: 'Oswald', sans-serif;
        text-align: center;
        background-color: #F39200;
        color: black;
        text-transform: uppercase;
        width: auto !important;
        font-size: 16px !important;
        margin: 30px 7px;
    }


    div#afficheListActus {
        text-align: left;
    }
    .carte4Actus{
        position: relative;
        width: 290px;
        vertical-align: top;
        display: inline-block;
        border:1px solid #dcdcdc;
        margin-bottom: 25px;
        margin-right: 1.5%;
        -webkit-border-radius: 8px 8px 0px 0px;
        -moz-border-radius: 8px 8px 0px 0px;
        border-radius: 8px 8px 0px 0px;
    }

    .classAlignLastActu{
        margin-right: 0 !important;
    }

    .carte4Actus .extraitListe{
        background-color: transparent !important;
        color:black;
        font-size: 14px;
        padding: 20px;   
        min-height: 210px;
    }

    .carte4Actus .classCartoucheEventFestival {
        position: absolute;
        top: 0;
        left: 25px;
        padding: 3px 25px;
        -webkit-border-bottom-right-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        color: white;
        font-family: 'Oswald', sans-serif;
        text-align: center;
        background-color: #F39200;
        color: black;
        text-transform: uppercase;
        width: auto !important;
        font-size: 16px !important;
    }

    .carte4Actus p a, .carte4Actus p a:hover, #listeOnglets li a {
        color: black !important;
        text-decoration: none !important;
    }

    .carte4Actus .iconDegradActu {
        background-image: linear-gradient(to right, #fbbd00, #f8ad00, #f49d00, #ef8e00, #e97e00);
    }
    span.lienActuBas{
        position: absolute;
        bottom: 15px;
        display: inline-block;
    }
    .extraitListe a ,  .extraitListe a:hover{
        color : black !important;
        text-decoration: none;
    }

    .extraitListe a.lienCarteActu, .extraitListe a.lienCarteActu:hover {
        color: #e56d00 !important;
    }
    .extraitListe h3+p {
        margin-bottom: 25px;
        text-align: left;
    }

    p.lienBasActu{
        position: absolute;
        bottom: 15px;
    }

a .extraitListe p.lieuxEvent,
a .extraitListe .lieuxEvent,
.extraitListe .lieuxEvent{
    color:  black !important;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 400 !important;
    margin-bottom: 0 !important;
}

    /*
    * FIN PAGE ACTUALITE
    ***********************************************************************/

    /*************************************************/
    /*********** AGENDA  PAGE        *****************/
    /*************************************************/
    /*******************CARTE ACTU **********************/

    .carte6Event{
        position: relative;
        width: 395px;
        vertical-align: top;
        display: inline-block;
        border:1px solid #dcdcdc;
        margin-bottom: 25px;
        margin-right: 25px;
        -webkit-border-radius: 8px 8px 0px 0px;
        -moz-border-radius: 8px 8px 0px 0px;
        border-radius: 8px 8px 0px 0px;
    }

    .classCartoucheEventFestival, .classCartoucheEventEstival, .classCartoucheEventConcert, .classCartoucheEventNeutre{
        position: absolute;
        top: 0;
        left: 25px;
        width: 100px;
        padding: 3px 25px;
        -webkit-border-bottom-right-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        color: white;
        font-family: 'Oswald', sans-serif;
        text-align: center;
    }
    .classCartoucheEventFestival {   background-color: #F39200;}
    .classCartoucheEventEstival {   background-color: #F39200;}
    /*.classCartoucheEventEstival {   background-color: #47baec;}*/
    .classCartoucheEventConcert {   background-color: #BCCF00;}
    .classCartoucheEventNeutre {   background-color: #FDC300;}

    .couleurFestival{color: #F39200;}
    .couleurEstival{color: #F39200;}
    /*.couleurEstival{color: #47baec;}*/
    .couleurConcert{color: #BCCF00;}
    .couleurNeutre{color: #FDC300;}

    .jourEvent{
        display: inline-block;
        font-weight: bold;
        font-size: 30px;
    }

    .moisEvent{
        display: inline-block;
        font-weight: 100;
        font-size: 24px;
        text-transform: uppercase;
    }
    .filet{border-bottom: 1px solid white;}

    .typeEvent{
        font-weight: bold;
        font-size: 18px;   

    }

    .carte6Event .extraitListe{
        height: 100px !important;
        padding: 10px 20px;
        font-size: 16px;
        font-weight: bold;
        text-align:left;
        background-color: white;
        margin-top: -5px;
        /* display: flex;
        flex-direction: column;
        justify-content: space-between;*/
    }

    .carte6Event .extraitListe h3{
        text-transform: inherit !important;
    }




    /*************************mobile < 480 100 %************************************/
    @media only screen and (max-width: 480px) {
        
        div#afficheListEvent {
        text-align: center;
        }
        .carte6Event{
            position: relative;
            width: 100%;
            max-width: 395px;
            vertical-align: top;
            display: inline-block;
            border:1px solid #dcdcdc;
            margin-bottom: 25px;
            margin-right: 25px;
            -webkit-border-radius: 8px 8px 0px 0px;
            -moz-border-radius: 8px 8px 0px 0px;
            border-radius: 8px 8px 0px 0px;
        }
        .carte6Event .extraitListe{
        height: 120px;
        padding: 10px 20px;
        font-size: 16px;
        font-weight: bold;
        text-align:left;
        background-color: white;
        margin-top: -5px;
        }
    }
    /************************* 480 < tablette < 680 50%************************************/
    @media only screen and (min-width: 481px)  and (max-width: 980px) {
        
        div#afficheListEvent {
        text-align: center;
        }
        .carte6Event{
            position: relative;
            width: 100%;
            max-width: 395px;
            vertical-align: top;
            display: inline-block;
            border:1px solid #dcdcdc;
            margin-bottom: 25px;
            margin-right: 25px;
            -webkit-border-radius: 8px 8px 0px 0px;
            -moz-border-radius: 8px 8px 0px 0px;
            border-radius: 8px 8px 0px 0px;
        }
    }


    /*************************************************/
    /*********** ORGUE  PAGE        *****************/
    /*************************************************/
    /*******************CARTE ACTU **********************/
    .carte2Actu{
        position: relative;
        width: 605px;
        vertical-align: top;
        display: inline-block;
        border:1px solid #dcdcdc;
        margin-bottom: 25px;
        margin-right: 25px;
        -webkit-border-radius: 8px 8px 0px 0px;
        -moz-border-radius: 8px 8px 0px 0px;
        border-radius: 8px 8px 0px 0px;
    }

    h3.titreCarteActu{
        font-size: 16px !important;
        font-weight: bold;
        line-height: 1.4em;
        text-align: left;
    }
    .iconDegradActu{
        padding: 0.7em 0.85em .7em 0.95em;
        color: white;
        margin-right: 10px;
        vertical-align: middle;
        border-radius: 50%;
    background: #f7c400; /* Old browsers */
    background: -moz-linear-gradient(left,  #f7c400 7%, #bbcf00 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #f7c400 7%,#bbcf00 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #f7c400 7%,#bbcf00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7c400', endColorstr='#bbcf00',GradientType=1 ); /* IE6-9 */
    }

    .extraitListeArtiste.carteActu{
            margin-top: -10px;
            padding: 15px 30px;
    }

    .extraitListeArtiste a.lienCarteActu{
        color: #bbcf00 !important;
    }

    .carte2Actu div.cartouche{
        position: absolute;
        top: 0;
        left: 15px;
        color: black;
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
        width: 130px;
        height: 30px;
        padding-top: 2px;
        z-index: 100;

    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    }



    @media (max-width: 969px){
        .et_pb_column .et_pb_module {
            margin-bottom: 10px;
        }
    }
    /*************************************************/
    /*********** CONTACT FORMULAIRE *** **********/
    /*************************************************/

    div.input-container {
        position: relative;
        margin: 1em;
    }

    input.floating-input  {
        padding-left: 40px;
        font-size: 100%;
        color: #777676;
        border: 1px solid #f9f9f9;
        background: #f9f9f9;
        border-radius: 25px;
        width: 100%;
        height: 40px;
    }

    .input-container select {
        padding: 0px 0px 0px 40px;
        background: #f9f9f9;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        font-size: 100%;
        border: 1px solid #f9f9f9;
        border-radius: 25px;
        width: 100%;
        height: 40px;
    }

    textarea.floating-input {
        padding-left: 40px;
        font-size: 100%;
        color: #777676;
        border: 1px solid #f9f9f9;
        background: #f9f9f9;
        border-radius: 25px;
        width: 100%;
        height: 200px;
    }

    span.icon-container {
        position: absolute;
        z-index: 999;
        top: 7px;
        left: 15px;
        font-size: 100%;
    }

    span.txt-rgpd {
        font-size: 100%;
    }

    input.send-contact {
        min-width: 10%;
        height: 40px;
        font-size: 100%;
        color: #ffffff;
        cursor: pointer;
        border-radius: 25px;
        text-transform: uppercase;
        background-image: linear-gradient(to right, #f56351, #f76f44, #f67b37, #f38929, #ee9619);
    }

    .txt-rgpd a, a:hover {
        text-decoration: underline;
        /*font-weight: bold;*/
        color: #777676;
    }

    p#required-fields-txt {
        color: #777676;
        font-size: 80%;
        font-weight: normal;
        text-transform: none;
        margin-left: 1.3em;
    }


    /*************************************************/
    /***************** FOOTER  ***********************/
    /*************************************************/

    .footer-widget .fwidget{
        width: 100% !important;
    }

    #footer-widgets {
        padding: 3% 0 0;
    }


    @media (min-width: 981px){
        .et_pb_gutters3.et_pb_footer_columns5 .footer-widget {
            width: 18%; 
            margin-right: 2%;
        }

    }


    .footer-widget {
        margin-bottom: 5% !important;
    }

    #footer-info {
        width: 100%;
        text-align: center;
    }
    /*
    #themegrill_social_icons-2 h4.title {
        color: #9090a1;
        text-transform: uppercase;
        font-size: 18px;
        margin-top: 1em;
    }
    */
    .logo-footer {
        width: 80%;
        display: flex;
        justify-content: center;
       /* margin: 1em auto;*/
    }

    .pepille-logo {
        width: 5%;
        margin: -.3em .5em;
    }

    .title-plan-site h4,  .footer-widget h4{
        color: #9090a1;
        text-transform: uppercase;
        font-size: 18px;
    }

    p.first-p-plan {
        margin-top: 1.5em;
    }



    .plan-right-container p, .plan-left-container p {
        line-height: 10px;
        color: #a4a6a7;
    }

    /*.plan-right-container {*/
        /*padding-top: 1.5em;*/
    /*}*/

    .pol-conf-txt a {
        color: #000000;
        text-decoration: none;
    }

    .bx-wrapper{
        border:none !important;
    }


    #sectionCTA{
        background-color: #394047;
        padding: 25px;
        overflow: hidden;
    }

    #colGCTA {
        display: inline-block;
        float: left;
        width: 60%;   
    }

    #colDCTA {
        display: inline-block;
        float: right;
        width: 39%;   
    }

    #colDCTA a{
        display: inline-block;
        float: right;
        font-family: 'Open Sans', sans-serif;
        font-size: 18px;
        color: white;
        padding: 5px 30px;
        margin-top: 10px;
        text-transform: uppercase;
        border: none;
        border-radius: 25px;
    background: #f56251; /* Old browsers */
    background: -moz-linear-gradient(left, #f56251 0%, #ee9618 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #f56251 0%,#ee9618 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #f56251 0%,#ee9618 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f56251', endColorstr='#ee9618',GradientType=1 ); /* IE6-9 */
    }

    #colDCTA a:hover{
        font-weight: normal;
         font-size: 18px;
         text-decoration: none;
         color: #F39200 !important;
         background: white !important;

    }


    #colGCTA h2{
        font-family: 'Open Sans', sans-serif;
        /*font-family: 'Oswald', sans-serif;*/
        font-size: 26px;
        color:white;
    }
    #colGCTA p{
        font-family: 'Open Sans', sans-serif;
        font-size: 18px;
        color: #f2f3f8;
    }

    /************************** INSTRUMENTS *********************************/
    .single-instrument .container{
        padding-top: 0 !important;
    }
    .single-instrument .et_pb_section.et_pb_section_0.et_section_regular, .single-instrument .et_pb_row.et_pb_row_0{
        padding: 0 !important;
    }
    .bx-wrapper .bx-caption{
        background: rgba(80, 80, 80, 0.3);
    }
    .single-instrument .et_pb_row{
        width: 100%!important;
        max-width: 100%!important;
    }
    .single-instrument .et_pb_row.et_pb_row_1 {
        padding-bottom: 0 !important;
    }
    .single-instrument .et_pb_module.et_pb_text.et_pb_text_2.et_pb_bg_layout_light.et_pb_text_align_left{
        margin-bottom: 0 !important;
    }

    .single-instrument .et_pb_row.et_pb_row_2 {
        padding-top: 0 !important;
    }
    .single-instrument  .et-db #et-boc .et_pb_row {
        position: relative;
        width: 100% !important;
        margin: auto;
    }

    .single-instrument  .et_pb_module.et_pb_text.et_pb_text_2.et_pb_bg_layout_light.et_pb_text_align_left,
    .single-instrument .et_pb_module.et_pb_text.et_pb_text_3.et_pb_bg_layout_light.et_pb_text_align_left{
        display: inline !important;
        float: left !important
    }

    .single-instrument .et_pb_module.et_pb_text.et_pb_text_2.et_pb_bg_layout_light.et_pb_text_align_left{
        padding-right: 40px;
    }

    .single-instrument .ui-widget.ui-widget-content{
        border:none;
    }

    .facteurs p {
        padding-bottom: 0;
    }

    .facteurRestaurationRelevage{
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        /*padding-top: 70px;*/
    }

    @media only screen and (min-width: 1090px) and (max-width: 1260px) {
        #zoneRelevage, .et_pb_module .et_pb_text .et_pb_text_3 .et_pb_bg_layout_light  .et_pb_text_align_left{
        width: 24% !important;
            display:inline-block !important;
        }
    }
    @media only screen and (min-width: 1260px)  {
        #zoneRelevage, .et_pb_module .et_pb_text .et_pb_text_3 .et_pb_bg_layout_light  .et_pb_text_align_left{
        min-width: 35% !important;
                    display:inline-block !important;

        }
    }


    .facteursInstru{
        font-style: italic;
    }

    .SousTitreInstru{
        font-weight: bold;
        font-size: 16px !important;
        margin-top: 40px;
       
    }

    .ClaviersInstru{
        font-size: 18px;    
        font-weight: bold;   

    }
    /** composition **/
    #tabs .ui-widget-header{
        border:none;
        background:transparent;
        font-family: 'Open Sans', sans-serif;
        font-weight: 300;
        text-transform: uppercase;
        font-size: 22px;    
    }
    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, 
    .ui-button:active, .ui-button.ui-state-active:hover{
        border: none;
        background: transparent;
        font-weight: normal;
        color: #000;
    }

    .ui-tabs .ui-tabs-nav .ui-tabs-anchor{
        padding: .5em 0 !important;
    }

    #tabs li {
        border:none;
        margin: 1px 5.4em 0 0 !important;
        font-weight: 300;
    }

    #left-area #tabs  ul{
        padding: 0 !important;
    }

    #left-area .ui-tabs .ui-tabs-panel, .ui-tabs-panel{
        border-width: 1px 0 0 0 !important;
        padding: 40px 0 0 0 !important;
        font-family: 'Open Sans', sans-serif;

    }



    #tabs .ui-tabs .ui-tabs-nav li a:hover, #tabs .ui-tabs .ui-tabs-nav li:hover, #tabs a:hover{
        font-weight: 300 !important;
    }

    #tabs .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{
            font-weight:bold !important;
            color: #bccf00 !important;
    }


    #tabs li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active{
        border-bottom: 2px #bccf00 solid !important;
    }


    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
        border:none !important;
        background: transparent;
        font-weight: 300;
    }

    #compo{
        overflow: hidden;
    }
    #compo h2{
        color: #bccf00;
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        font-weight: bold;
    }
    #compo h3{
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        font-weight: bold;
        padding: 5px 0 ;
    }

    #compo p{
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        padding: 0 ;
    }






    /*************************mobile < 480 100 %************************************/
    @media only screen and (max-width: 480px) {
        .colCompo{
            width:100%;

        }
        #extrait .BlocExtrait{
        width: 100%;

       }    
    }
    /************************* 480 < tablette < 680 50%************************************/
    @media only screen and (min-width: 481px)  and (max-width: 980px) {
        .colCompo{
            width: 50%;
            float: left;
        }
        #extrait .BlocExtrait{
        width: 48%;
        margin-right: 1%;
       float: left;
       }

    }
    /************************* desktop > 980 100%************************************/
    @media only screen and (min-width: 981px) {
        .colCompo{
            width: 25%;
            float: left;
        }
        #extrait .BlocExtrait{
        width: 18%;
        margin-right: 1%;
       float: left;
       }

    }


    .colFirst{
        clear: left !important;
    }
    .LigneCompo{
        clear: both;

    }

    #NOextrait .fluid-width-video-wrapper iframe{
        width: 20%;
        height: auto;
    }

    .titreNav{
        text-align: center;
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;   
        font-weight: bold;
    }
    .FlecheNavInstru{
        padding: 10px;
        text-decoration: none;
    }
    #TitreFicheInstru{
        text-align: center;
        font-family: 'Open Sans', sans-serif;
        font-size: 24px;   
        font-weight: bold;    
    }

     #TitreFicheInstru span {
            font-weight: 400;    

     }
    /***************  bullet ****************************/
    .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
        background: #bccf00;
        /*border: #bccf00 1px solid;*/
    }

    .bx-wrapper .bx-pager.bx-default-pager a {
        background: #fefefe;
        width: 20px;
        height: 20px;
        margin: 0 5px;
        outline: 0;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        border: #bccf00 1px solid;
    }


    a.instruRetour{
        color: #bccf00;
        border-radius: 18px;
        border: #bccf00 1px solid;
        padding: 7px 10px;
        font-weight: bold;
        text-transform: uppercase;
        text-decoration: none;
        margin-top: 37px;
        display: inline-block;
    }
    .iconVert{
        border: 1px solid #bccf00;
        border-radius: 50%;
        color: white;
        background-color: #bccf00;
    }

    .vertInstru{
        color: #bccf00 !important;
        }

    /************************** /INSTRUMENTS ********************************/


    /************************** ORGUES ********************************/
    p.titreNav {
        text-align: left;
    }
    p.titreNav span{
        padding-left: 5px;
    }
    @media only screen and (max-width: 980px) {
        p.titreNav {
            text-align: center;
        }
    }


    .gm-style-mtc {
        display: none;
    }


    .page-id-965 .et_pb_section_1 {
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
    }

    ul#top-menu li#menu-item-1790:hover:after, ul#top-menu li.current-menu-item#menu-item-1790:after {
        content: "";
        width: 20px;
        height: 4px;
        background: #bccf00;
        top: 50%;
        left: 25%;
        position: absolute;
        border-radius: 25px;
        transition: all .5s ease-in-out;
    }


    .chevron-orgue-vert {
        color: #bbcf00;
        font-size: 22px;
    }
    .puce-orgue-vert{
        color: #bbcf00;
        font-size: 7px;
        vertical-align: 5px;
    }

    #blocAAO a, #blocFacteur a, #blocFacteurPlus a {
        color: black !important;
    }

    i.clearLeft {
        display: inline-block;
        clear: left;
    }

    #blocAAO a:hover, #blocFacteur a:hover, #blocFacteurPlus a:hover {
        color: black !important;
        text-decoration:underline;
        font-weight:normal !important;
    }

    #blocAAO p {
        padding-bottom: 0.3em;
    }

    a.orgues-contact-button {
        background: #ffffff;
        padding: .2em 2em;
        margin-top: 1em;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
        color: #bbcf00;
        font-weight: bold;
        text-transform: uppercase;
        cursor: pointer;
        display: inline-block;
        margin: 2em auto;
        font-size: 26px;

    }
    @media only screen and (max-width: 480px) {
        a.orgues-contact-button.boutonOrangeSurBlanc {
        background: #ffffff;
        padding: .2em 1em !important;
        margin-top: 1em;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
        color: #bbcf00;
        font-weight: bold;
        text-transform: uppercase;
        cursor: pointer;
        display: inline-block;
        margin: 1em auto;
        font-size: 26px;
        }

    a.orgues-contact-button {
        background: #ffffff;
        padding: .2em 1em;
        margin-top: 1em;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
        color: #bbcf00;
        font-weight: bold;
        text-transform: uppercase;
        cursor: pointer;
        display: inline-block;
        margin: 2em auto;
        font-size: 26px;

    }    
    }




    a.orgues-contact-button:hover {
        color: #bbcf00;
        cursor: pointer;
        text-decoration: none;
    }



    /* MOTEUR **************************/

    form#searchInstru{
        margin: auto;
        border: 1px solid #ececec;
        overflow: hidden;
        width: 100%;
        margin: 0;
    }
    .traitDroit{
            border-right: 1px solid #ececec;

    }

    #divForm{
        background-color: red;
    }
    form#searchInstru h2.colMoteur{
            font-family: 'Open Sans', sans-serif;
            font-size: 18px;
            font-weight: 300;
            text-transform: uppercase;
            text-align: left;
    }

    .styled select {
       background: transparent;
       width: 230px; /*200*/
       font-size: 16px;
       border: none;
       height: 25px; 
    } 

    .styled{
       width: 200px; /*180*/
       height: 25px;
       border: none;
       border-radius: 3px;
       overflow: hidden;
       background: url(images/selectInstru.png) 100% no-repeat;
    }


    form#searchInstru option{
        border:none;
    }
    form#searchInstru option:hover{
        border:none;
         background-color: #bccf00;
       
    }


    form#searchInstru .choisir{
        border:none;
        color :#bccf00 !important;
    }

    form#searchInstru input[type="submit"] {
        border: none;
        background-color: #bccf00;
        color: white;
        padding: 6px 27px;
        font-weight: bold;
        border-radius: 5px;
        margin-top: 15px;
        font-size: 16px;

    }

    .n10s-block h2 span {
        font-weight: 800!important;
        padding: 15% !important;
        background: rgba(0,0,0,0.55);
    }


    /* MOTEUR EVENT **************************/

    form#searchEvent{
        margin: auto;
        border: 1px solid #ececec;
        overflow: hidden;
        width: 100%;
        margin: 0;
    }
    .traitDroit{
            border-right: 1px solid #ececec;

    }

    #divForm{
        background-color: red;
    }
    form#searchEvent h2.colMoteur{
            font-family: 'Open Sans', sans-serif;
            font-size: 18px;
            font-weight: 300;
            text-transform: uppercase;
            text-align: left;
    }

    form#searchEvent .styled select {
       background: transparent;
       width: 200px;
       font-size: 16px;
       border: none;
       height: 25px; 
    } 


    form#searchEvent .styled{
       width: 180px;
       height: 25px;
       border: none;
       border-radius: 3px;
       overflow: hidden;
       background: url(https://toulouse-les-orgues.org/wp-content/uploads/2019/07/chevron-agenda.png) 100% no-repeat;
    }

    form#searchEvent option{
        border:none;
    }
    form#searchEvent option:hover{
        border:none;
         background-color: #bccf00;
       
    }


    form#searchEvent .choisir{
        border:none;
        color :#bccf00 !important;
    }

    form#searchEvent input[type="submit"] {
        border: none;
        background-color: #9d1f52;
        color: white;
        padding: 6px 27px;
        font-weight: bold;
        border-radius: 5px;
        margin-top: 15px;
        font-size: 16px;

    }

    .n10s-block h2 span {
        font-weight: 800!important;
        padding: 15% !important;
        background: rgba(0,0,0,0.55);
    }


    .btnProgramme:hover, .btnProgramme{
        color: black; background-color: #e8e6e6; font-size: 16px; padding: 15px; text-decoration: none;; text-transform: uppercase;
    }

    .iconeViolet {color: #9d1f52;}

    div#zoneProgramme {
        text-align: center;
        padding: 50px 0;
    }

    /*************************mobile < 480 100 % MOTEUR************************************/
    @media only screen and (max-width: 480px) {
    #blocLienAffichePlus, #blocLienAfficheMoins{
        text-align: center;
        width: 100%;
    }
        #lienAffichePlus, #lienAfficheMoins{
            display: inherit;
            text-align: center;
            text-decoration: underline;
            color:black;

        }

     #blocLienAfficheMoins,
     #AffichePlus{
            display: none;
        }


        .colMoteurSelect{
            display: inline-block;
            width: 100%;
            float: left;
            padding:30px;
        }
        .colMoteurSubmit{
            display: inline-block;
            width: 100%;
            padding:30px;
            padding: 30px 0px;
            text-align: center;    }
        .traitDroit{
            border-right: none;

        }   
        /*centrage des regions sur mobile*/
        .et_pb_module_inner .et_pb_image_n10s.et_pb_image{
            margin-left:10% !important;
        
        }

        form#searchEvent .styled select {
            width: 290px !important;
        }

        form#searchEvent .styled {
            width: 260px !important;
        }
    }

    /************************* 480 < tablette < 680 50% moteur************************************/
    @media only screen and (min-width: 481px)  and (max-width: 980px) {
 #blocLienAfficheMoins, #blocLienAffichePlus{
 display: none;

}

        #lienAffichePlus,
        #blocLienAfficheMoins{
            display: none;
        }

        .colMoteurSelect{
            display: inline-block;
            width: 50%;
            float: left;
            padding:30px;
        }
        .colMoteurSubmit{
            display: inline-block;
            width: 100%;
            padding:30px;
            padding: 30px 0px;
            text-align: center;
        } 

    }

    /************************* desktop > 980 22% et 10% moteur************************************/
    @media only screen and (min-width: 981px) {
 #blocLienAfficheMoins, #blocLienAffichePlus{
 display: none;

}

        #blocLienAfficheMoins,
           #lienAffichePlus{
            display: none;
        }

        .colMoteurSelect{
            display: inline-block;
            width: 22%;
            float: left;
            padding:30px;
        }


        form#searchEvent .colMoteurSelect{
            display: inline-block;
            width: 18%;
            float: left;
            padding:25px 15px;
        }


    #blocMoteurEvent .et_pb_column.et_pb_column_3_4.et_pb_column_0.et_pb_css_mix_blend_mode_passthrough{
        width: 80%;
    }

    #blocMoteurEvent .et_pb_column.et_pb_column_1_4.et_pb_column_1.et_pb_css_mix_blend_mode_passthrough {width: 20% !important}

        .colMoteurSubmit{
            display: inline-block;
            width: 10%;
            float: right;    
            padding:30px;
            padding: 30px 0px;
            text-align: left;
        }

    }




    /* MOTEUR **************************/

    /* RESULTAT MOTEUR **************************/

        .page-template-modele-resultat_orgues .et_pb_gutters1 .et_pb_column_1_4, .et_pb_gutters1.et_pb_row .et_pb_column_1_4 {
            width: 308.75px !important;
        }


    #blocResultat{
        display:flex;
        flex-direction: row;
        flex-wrap:wrap;
        justify-content: center !important;
    }

    .titreResultatRecherche {
        border-bottom: 1px solid gray;
        width: 100%;
    }

    .w277{width: 277px !important;}
    .w276{width: 276px !important;}
    .imageListMoteurInstru{
        margin-bottom: -8px;
    }

    .blocResultInstru {
        /*margin-top: 15px;
        text-align: center;*/
        margin: 15px 15px 10px 15px;
        border: 1px solid #777676 !important;
        padding-bottom: 1px;
    }

    div.blocResultInstru:hover img{
        filter: brightness(50%);
        -webkit-filter: brightness(50%);
    }

    .caption-text .lePlus{
        opacity: 0;
    }

    div.blocResultInstru:hover .caption-text .lePlus{
         opacity: 1;
        color: #bccf00 !important;
        -webkit-transition: opacity 0.8s ease-in;
        -moz-transition: opacity 0.8s ease-in;
        -o-transition: opacity 0.8s ease-in;
        -ms-transition: opacity 0.8s ease-in;
        transition: opacity 0.8s ease-in;}


    .caption {
        cursor: pointer;
        position: absolute;
        opacity: 1;
        top: 185px;
        -webkit-transition: all 0.8s ease-in-out;
        -moz-transition: all 0.8s ease-in-out;
        -o-transition: all 0.8s ease-in-out;
        -ms-transition: all 0.8s ease-in-out;
        transition: all 0.8s ease-in-out;
     
    }

    div.blocResultInstru:hover .caption {
        opacity: 1;
        transform: translateY(-100px);
        -webkit-transform: translateY(-100px);
        -moz-transform: translateY(-100px);
        -ms-transform: translateY(-100px);
        -o-transform: translateY(-100px);
    }

    .caption-text {
        z-index: 10;
        color: #000;
        position: absolute;
        /*width: 277px;*/
        height: 93px;
        text-align: center;
        top: 0px;
        background-color: white !important;
        padding: 12px 4px 5px 4px;
    }

    div.blocResultInstru:hover .caption-text {
          background-color: transparent !important;  
    }

    .caption-text h1{
        font-size: 16px;
        font-weight: bold;
        padding: 0 !important;
    }

    div.blocResultInstru:hover  .caption-text h1, div.blocResultInstru:hover  .caption-text p{
        color: white !important;
    }

    .caption-text p{
        font-size: 14px;
        font-weight: normal !important;
        font-style: italic;
    }

    .caption-text h1::first-letter {
        text-transform: uppercase;
    }

    p.nomVille{
        padding: 0 !important;
        line-height: 20px;
    }
    span.petitedifice {
        font-size: 12px;
        font-weight: 100;
    }
    /* /RESULTAT MOTEUR **************************/


    /************************** /ORGUES ********************************/

    /************************** /resultats ********************************/
    .page-id-1162 .et_pb_section_1, .page-id-1162 .et_pb_row_1 {
        padding: 0 !important;
    }
    .page-id-1162 div.et_pb_section.et_pb_section_0 {
        background-image: url(https://toulouse-les-orgues.org/wp-content/uploads/2019/03/toulouse-les-orgues-orgues-les-instruments.jpg)!important;
    }
    .page-id-1162  .et_pb_text_0 h1 {
        font-weight: 700;
        font-size: 35px;
        color: #ffffff!important;
    }
    /************************** /resultats ********************************/

    /************************** Nous soutenir ********************************/
    div#part {
        font-family: "Open Sans", sans-serif;
    }
    .page .ui-widget.ui-widget-content{
        border:none;
    }
    #tabs.soutien li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active{
        border-bottom: 2px #5b7aba solid !important;
    }
    #tabs.soutien .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{
            font-weight:bold !important;
            color: #5b7aba !important;
    }

    .page .ui-tabs .ui-tabs-panel{
        border-width: 1px 0 0 0 !important;
        padding: 40px 0 0 0 !important;
    }

    .lienSoutien{
        margin: 30px 0 50px 0;
        text-align: center;
    }

    .ctaSoutien {
        border: 2px solid #5b7aba;
        border-radius: 40px;
        padding: 10px 30px;
        font-weight: bold;
        color: #5b7aba!important;
        font-size: 16px;
        text-transform: uppercase;
    }
    body.page  #tabs a.ctaSoutien:hover {
    /*body.page  .ui-tabs .ui-tabs-panel p.lienSoutien a.ctaSoutien:hover {*/
        border: 2px solid #5b7aba;
        background-color: #5b7aba !important;
        border-radius: 40px;
        padding: 10px 30px;
        font-weight: bold !important;
        color: white !important;
        font-size: 16px;
        text-transform: uppercase;
        text-decoration: none !important;
    }
 



    /*
    body.page .ui-tabs .ui-tabs-panel a.ctaSoutien:hover {
        font-weight: bold !important;
        color: #777676 !important;
        text-decoration: none !important;
    }
    */
    .page .ui-tabs .ui-tabs-panel p{padding-bottom: 0 !important;}

    /************************** Nous soutenir ********************************/

    /************************** Artiste ********************************/
    .colImageArtiste{
        width: 605px !important;
    }
    .artisteRespire {
        margin: 15px 0 !important;
    }

    .colNomArtiste{    
        width: 400px !important;
    }
    .photoArtisteDroit{
        position: absolute;
        bottom: 0;
        background: rgba(80, 80, 80, 0.3);
        color: white;
        padding: 20px;
        width: 100%;
    }

    .videoArtiste{
        max-width: 605px;
    }

    .single-artiste .et_pb_section_0, .single-artiste .entry-content,
    .single-ensemble .et_pb_section_0, .single-ensemble .entry-content
    {
        padding-top: 0 !important;
    }
    .NomArtiste, h1.bio{
        font-weight: bold;
        font-size: 22px;
    }
    h1.bio{
        color: #e48005;
        text-transform: uppercase;
    }
    .filetTopBloc{
        border-top: 1px solid #777676;
    }
    .iconORange{
        border: 1px solid #e48005;
        border-radius: 50%;
        color: white;
        background-color: #e48005;
    }

    .iconeFlecheGauche{
         padding: 0.2em 0.45em .15em 0.4em;  
         margin-right: 12px;
    }
    .iconeFlecheDroite{
         padding: 0.2em  0.4em .15em  0.45em;  
         margin-left: 12px;
    }
    #ligneNavArtiste.w100{
        width: 100% !important;
        max-width: 100% !important;
    }
    #listeNomEnsemble{
        margin-top:30px;
    }


    @media only screen and (max-width: 680px) {
        .single-artiste .et-db #et-boc .et_pb_row{
            width: 100% !important;
        }
        .single-artiste .colImageArtiste{
            width:inherit !important;
        }
    }

.dataAutreEvent.EventProgArtiste {
    border: 1px solid black;
    margin-top: -8px !important;
}

    /************************** /Artiste ********************************/

    /************************** Moteur Actu ********************************/
 form#searchActu {
        margin: auto;
    }
    form#searchActu  input[type="text"], form#searchActu  input[type="submit"]{
        background-color: #eeeeef !important;
        font-size: 18px;
        color: #a5a4a4 !important;
        padding: 15px 25px;
        border: none;
        margin: auto;
    }
     form#searchActu  input[type="submit"]{
        font-weight: bold;
        cursor: pointer;
     }

    form#searchActu ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
       color: #a5a4a4 !important;
    }
    form#searchActu ::-moz-placeholder { /* Firefox 19+ */
      color: #a5a4a4 !important;
    }
    form#searchActu :-ms-input-placeholder { /* IE 10+ */
      color: #a5a4a4 !important;
    }
    form#searchActu :-moz-placeholder { /* Firefox 18- */
       color: #a5a4a4 !important;
    }
    form#searchActu div{

        text-align: center;
    }

    @media only screen and (max-width: 445px) {
        form#searchActu  input[type="text"]{
            max-width: 70%;
        }
    }

h2.titreRechercheActu{
        border-bottom: 1px solid gray;
        width: 100%;
        margin-bottom: 15px;
    }
    
    /************************** /Moteur Actu ********************************/

    /************************** Moteur Artiste ********************************/
    .titre18GrasCentreMajNoir{
        font-weight: bold;
        font-size: 18px;
        text-transform: uppercase;
        text-align: center;
        color: black;
    }
    #listeAlpha, #listeAlpha a{
        color: #959595;
        font-size: 20px;
        text-align: center;
    }

    #listeAlpha a:hover, .chercheActuelle{
        color: #e48005 !important;
        text-decoration: none !important;
        font-weight: normal !important;
        border-bottom: 2px solid #e48005;
    }

    .carte6Artistes{
        width: 395px;
        display: inline-block;
        border:1px solid #dcdcdc;
        margin-bottom: 25px;
        margin-right: 25px;
        -webkit-border-radius: 8px 8px 0px 0px;
        -moz-border-radius: 8px 8px 0px 0px;
        border-radius: 8px 8px 0px 0px;
    }

    @media only screen and (max-width: 480px){
        .carte6Artistes{
            width: 100% !important;
        }

    }

    .identListeArtiste{
        text-align: center;
        background-color: black;
        color:white;
        font-size: 16px;
        font-weight: bold;
        padding: 10px;
        min-height: 74px;
    }
    .identListeArtiste span{
        display: block;
        text-transform: uppercase;
    }
    .imageListArtiste{
        margin-bottom: -9px;
        -webkit-border-radius: 8px 8px 0px 0px;
        -moz-border-radius: 8px 8px 0px 0px;
        border-radius: 8px 8px 0px 0px;
    }
    .imageCarteArtiste{
        -webkit-border-radius: 8px 8px 0px 0px;
        -moz-border-radius: 8px 8px 0px 0px;
        border-radius: 8px 8px 0px 0px;  
    }
    .classAlignLastCarte{
        margin-right: 0 !important;
    }
    .extraitListeArtiste{
        background-color: white;
        color:#333333;
        font-size: 16px;
        padding: 15px;   
        min-height: 142.38px;
    }
    .extraitListeArtiste span{
        display: block;
        margin-top: 20px;
    }
    .extraitListeArtiste span a, .extraitListeArtiste span a:hover, .bioCarteArtiste a,  .bioCarteArtiste a:hover{
        color: #e56d00;
        text-decoration: none;
        font-weight: normal;
    }
    .iconDegradArtiste{
        padding: 0.7em 0.85em .7em 0.95em;
        color: white;
        margin-right: 10px;
        vertical-align: middle;
        border-radius: 50%;
    background: #fcc20f;
    background: -moz-linear-gradient(left, #fcc20f 0%, #e77400 100%);
    background: -webkit-linear-gradient(left, #fcc20f 0%,#e77400 100%);
    background: linear-gradient(to right, #fcc20f 0%,#e77400 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcc20f', endColorstr='#e77400',GradientType=1 );
    }

    .carteArtisteAnnee{
        width: 290px;
        display: inline-block;
        border:1px solid #dcdcdc;
        margin-right: 25px;
        -webkit-border-radius: 8px 8px 0px 0px;
        -moz-border-radius: 8px 8px 0px 0px;
        border-radius: 8px 8px 0px 0px;
    }
    .bioCarteArtiste{
         padding: 15px;   
    }
    #listeAutresArtiste ul.slick-dots{
        padding: 25px 0 0 0  ;
    }

    .slick-prev:before, .slick-next:before {
        color: black !important;
        font-size: 22px !important;
    }
    .slick-prev {
        left: -45px !important;
    }
    .lienResultArtiste a, .lienResultArtiste a:hover{
        font-size: 18px;
        color: black !important;
        text-decoration: none;
    }

    form#searchArtiste {
        margin: auto;
    }
    form#searchArtiste  input[type="text"], form#searchArtiste  input[type="submit"]{
        background-color: #eeeeef !important;
        font-size: 18px;
        color: #a5a4a4 !important;
        padding: 15px 25px;
        border: none;
        margin: auto;
    }
     form#searchArtiste  input[type="submit"]{
        font-weight: bold;
        cursor: pointer;
     }

    form#searchArtiste ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
       color: #a5a4a4 !important;
    }
    form#searchArtiste ::-moz-placeholder { /* Firefox 19+ */
      color: #a5a4a4 !important;
    }
    form#searchArtiste :-ms-input-placeholder { /* IE 10+ */
      color: #a5a4a4 !important;
    }
    form#searchArtiste :-moz-placeholder { /* Firefox 18- */
       color: #a5a4a4 !important;
    }
    form#searchArtiste div{

        text-align: center;
    }

    @media only screen and (max-width: 445px) {
        form#searchArtiste  input[type="text"]{
            max-width: 70%;
        }
    }

    /************************** /Moteur Artiste ********************************/



    /************************** ARTICLES  **************************************/
    .single-actualites #main-content .container {
            width: 100% !important;
        max-width: 100% !important;
        
    }

    .section_1_Article{
        padding: 0 !important;
    }
    .ligneArticle{
            width: 100% !important;
            padding: 0  0 10px  0 !important;

    }
    @media (min-width: 981px){
        .ligneArticle .et_pb_column_1_2{
            width: 50% !important;
        }
    }
    .ligneArticle span.type{
        padding: 5px 50px;
        background-color: #f39200;
        -webkit-border-bottom-right-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-bottomright: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;

    }
    span.iconePartageActu{
        width: 100% !important;
        display: inline-block;
        text-align: right;
    }

    .ligneArticle h2{
        font-size: 24px;
        font-weight: bold;
    }
    .metaArticle{
        font-size: 16px;
        color: #41474e;
    }
    a.tagActu, a.tagActu:hover{
        color:white; 
        background-color : #5b7aba;
            padding: 1px 7px;
        font-style:italic;
        margin: 3px;
        font-size: 17px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; 
    }
    .carte3ArticlesRelatifs {
        position: relative;
        width: 315px;
        display: inline-block;
        border: 1px solid #dcdcdc;
        margin-bottom: 25px;
        margin-right: 40px;
        -webkit-border-radius: 8px 8px 0px 0px;
        -moz-border-radius: 8px 8px 0px 0px;
        border-radius: 8px 8px 0px 0px;
        float: left;
    }

    .carte3ArticlesRelatifs img {
         -webkit-border-radius: 8px 8px 0px 0px;
        -moz-border-radius: 8px 8px 0px 0px;
        border-radius: 8px 8px 0px 0px;
    }
    .ligneArticle span.typeR {
        position: absolute;
        left: 25px;
        top: 0;
        padding: 5px 45px;
        background-color: #f39200;
        -webkit-border-bottom-right-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-bottomright: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        font-weight: bold;
        font-size: 14px;
    }
    .carte3ArticlesRelatifs a span.typeR , .carte3ArticlesRelatifs a:hover span.typeR  {
        font-weight: bold;
        font-size: 14px;
        text-decoration: none;
        color: black !important;
    }
    .carte3ArticlesRelatifs  p{
        padding: 25px !important;
        background-color: white;
        font-size: 18px;
    }

    p.titreArtRel {
        font-weight: bold;
        padding: 25px 25px  0 25px !important;
        margin-top: -10px;
    }


    p.titreArtRel a, p.titreArtRel a:hover{
        font-weight: bold;
        font-size: 18px;
        color: black;
    }
    h3.titreArticlesRelatifs{
        font-weight: bold;
        font-size: 24px;
    }
    #sectionArtRel{
        background-color: #f7f5f3 !important;
    }
    body.single-actualites article.et_pb_post, body.single-actualites #left-area{
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    #breadCrumbActu a {
        color:black !important;
    }
    /************************** /ARTICLES  *************************************/

    .btnPetitAnnee{
        border-radius: 25px;
        font-weight: bold;   
        padding: 5px 20px;
        background-color:white;
        border-width: 1px;
        font-size: 16px;
        border-style: solid;
        color: #46b9eb;
        border-color: #46b9eb;
    }


    .lirePlushistoires  .et_pb_toggle_title:before{
        right: 7px;
        margin-top: -.5em;
        color: #ccc;
        font-size: 25px;
        /*margin-right: 11px;*/
    }

    .lirePlushistoires.et_pb_toggle_close{
       /* background-color: #f4f4f4;*/
        background-color: transparent;
    }

    .lirePlushistoires.et_pb_toggle {
    /*    border: 1px solid #d9d9d9;*/
        border: none;
    }

    .lirePlushistoires .et_pb_toggle_title {
        text-align: left; /*center*/
        font-size: 18px;
        text-transform: uppercase;
        width: 90px; /* 160 */
        border-radius: 25px;   
        border-width: 1px;
        border-style: solid;
        color: #6d6c6c;
        border-color: #6d6c6c;
        padding: 8px 35px 8px 15px !important; /* 7 8 */
        margin: auto;
    }

    /************************** infos pratiques  *************************************/
    #blocInfoPratique1 a {
      color:black !important;
    }
    #blocInfoPratique1 a.lienBleu{
        color:#4794fd !important;
        text-decoration: underline;
    }
    .titreInfosPratiques {
        padding-bottom: 0.1em;
    }

    #bloc-lieux ul {
        list-style: none;
        padding-left: 35px;
    }

    #bloc-lieux ul li:before {
        content: "";
        color: #e48005;
        display: inline-block;
        width: .5em;
        height: .5em;
        margin-left: -1em;
        border-radius: 50%;
        background: #e48005;
        margin-right: .5em;
    }

    /****************************EVENT**************************************************/
    /***********************************************************************************/
    /****************************DETAIL  EVENT******************************************/

p#navEvent{
    text-align: center;
    padding-bottom: 30px;

}

    .single-evenement .et-db #et-boc .et_pb_row {
     
        width: 83% !important;
        max-width: 1026px;

    }
    @media (min-width:1543px){
        body.single-evenement #grandeSectionEvent.et_pb_section.et_pb_section_0.et_section_regular,
        body.single-evenement .et-db #et-boc .et_pb_section {
            padding: 0 !important;
        }

    }
        
    body.single-evenement #left-area, 
    body.single-evenement.single .post {
            padding-bottom: 0 !important;
        }
        
    body.single-evenement.single .et_pb_post {
            margin-bottom: 0 !important;
        }
    div.cartouche{
        position: absolute;
        top: 0;
        left: 15px;
        color: black;
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
        width: 150px;
        height: 30px;
        padding-top: 15px; /*EFFACE le 3/11/19 remise le 26/9/20 */

    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    }
    h2.titreEvent{
        color: black;
        font-size: 26px;
        font-weight: bold;    
        text-transform: uppercase;
    }
    p.sousTitreEvent{
        color: black;
        font-size: 24px;
    }
    #blocBandeauEvent{
        padding: 0 !important;
        width: 83% !important;
        position:relative; /*AJOUT 3/11/19*/ 
        
    }
    #blocTitreEvent{
        padding: 40px 0 !important;
    }
    p.lienReservationFestival{
       -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
        text-align: right;
        }
    p.lienReservationFestival a,  p.lienReservationFestival a:hover{
        background: #f39200;
        color: white;
        text-transform: uppercase;
        font-size: 18px;
        font-weight: bold;
        text-decoration: none;
        padding: .4em 2em;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
        cursor: pointer;
        display: inline-block;
    }
    #blocInfoEvent{
        background:  #f7f5f5;
        color: black;
        font-size: 16px;
        font-weight: bold;
        padding: 10px 0;
    }
    .filetHautInfo, .filetBasInfo{color: #f7f5f5 !important; background-color:  #f7f5f5 !important;}

    .filetBasInfo.sousH3{margin: 0 0 20px 0;}
    #blocContenuEvent{
        padding: 0 !important;
    }

    .dateEvent{ display:inline-block; /*width:17% */}
    .lieuEvent{ display:inline-block; /*width:32% */}
    .transportEvent{ display:inline-block; /*width:20% */}
    .heureEvent { display:inline-block; /*width:15% */}
    .barreEvent{margin: 0 10px 0 20px !important; vertical-align: bottom;}
    .cercleIconeEvent{
        border-radius: 25px !important;
        border-color: #e48005 !important;
        border-style: solid;
        border-width: 2px !important;
        color: #e48005 !important;
        padding: 0.3em 0.5em !important;
        font-size: 15px;
    }
    a.lienMC, a.lienMC:hover {
        display: inline-block;
        color: white;
        text-decoration: none;
        font-style: italic;
        background-color: #5976b6;
        border-radius: 9px;
        padding: 0px 8px;
        margin-right: 10px;
        margin-bottom: 15px;
    }
    .videoEvent{
        padding: 0 100px;
    }
    .titre3Event{
        font-size: 20px;
        font-weight: bold;
        text-transform: uppercase;
        color: black;
        margin: 21px 0 -5px 0;
    }
    .titre3AutresEvent{
        font-size: 20px;
        font-weight: bold;
        color: black;
        margin: 21px 0 -5px 0;
    }

    .blocGris{
        background-color: #f3eff3;
        padding: 1px 25px 15px 25px;
        margin: 40px -25px;

    }

    .blocGrisAutres{
        background-color: #f7f5f3;
        padding: 1px 25px 15px 25px;
        margin: 0 -25px 30px -25px;

    }

    .carteAutreEvent {
        width: 313px;
        float: left;
        margin-right: 24px;
    }


    .carteAutreEvent img{
    -webkit-border-radius: 8px 8px 0px 0px;
        -moz-border-radius: 8px 8px 0px 0px;
        border-radius: 8px 8px 0px 0px;
    }

    #lesAutresEvents{
        overflow: hidden;
    }

    #lesAutresEvents :last-child {
        margin-right: 0 !important;
    }

    .dataAutreEvent{
        background-color: white;
        padding: 25px;
        margin-top: -6px;
        min-height: 145px;
    }
    .dataAutreEvent h2 a {font-size: 18px; font-weight: bold;}
    .dataAutreEvent p {font-size: 18px;}

    @media only screen and (max-width: 980px) {
        .single-evenement .container{
            width: 100% !important;
            padding-top: 0 !important;
        }
        #grandeSectionEvent + .et_pb_text_inner + p{
            width: 83%;
            margin: auto;
        }
        .dateEvent, .lieuEvent, .transportEvent, .heureEvent{
            display: block !important;
            margin: 15px 0 !important;
        }
        .carteAutreEvent{
            max-width: 100% !important;
            margin-bottom: 30px;
        }
        .dataAutreEvent{
            padding: 10px !important;
        }
    }

    /*************************Page archive festival*****************************/
    .afficheFestivalArchie{
        position: relative;
        float: left;
        width: 30%;
        margin: 1%;
    }
    .droitAffiche{
        position: absolute;
        opacity: 0.60;
        bottom: 5px;
        
        color:white;
        background-color: black;
        width: 100%;
        padding:10px;
        min-height: 75px;
    }
    .droitAffiche span{
        font-size: 16px;
        font-weight: bold;
        /*padding-right: 10px;*/
        color : #e48005 !important;
    }

    @media only screen and (max-width: 1370px) {
        .droitAffiche{
            padding:5px 10px;
            min-height: 25px;
        }

       .droitAffiche span{
            font-size: 16px;
            font-weight: bold;
            /*padding-right: 10px;*/
            color : #e48005 !important;
        }
        .droitAffiche span.point{
            display: none;
        }
       .droitAffiche {
            font-size: 0 !important;
        } 


    }



    /***********Mailchimp********************/
    #mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
    div#mc_embed_signup_scroll {
        width: 80%;
        margin: auto;
    }

    #mc_embed_signup .button {
        width: 10% !important;
        padding: 0 40px !important;
        height: 40px !important;
        font-size: 100% !important;
        color: #ffffff !important;
        cursor: pointer !important;
        border-radius: 25px !important;
        text-transform: uppercase !important;
        background-image: linear-gradient(to right, #f56351, #f76f44, #f67b37, #f38929, #ee9619) !important;
    }

    .page-id-3730 #mc_embed_signup input {
        padding-left: 40px;
        font-size: 100%;
        color: #777676;
        border: 1px solid #f9f9f9;
        background: #f9f9f9;
        border-radius: 25px;
        width: 100%;
        height: 40px;
    }

    @media only screen and (max-width: 980px) {
        #mc_embed_signup .button {
            width: 100% !important;
            padding: 0 40px !important;
            height: 40px !important;
            font-size: 100% !important;
            color: #ffffff !important;
            cursor: pointer !important;
            border-radius: 25px !important;
            text-transform: uppercase !important;
            background-image: linear-gradient(to right, #f56351, #f76f44, #f67b37, #f38929, #ee9619) !important;
        }
     
        #colGCTA {
            display: block;
            float: none;
            width: 100%;
        }
        #colDCTA {
            display: block;
            float: none;
            width: 100%;
        }
        #colDCTA  a{
            display: block;
            float: none;
            width: 100%;
            padding: 5px 10px;
            font-size: 17px;
            text-align: center;
        }

    }

/*
* PAGE SAISON ESTIVALE
*****************************************************************************/

.page-id-3341 .et_pb_row_10,
.page-id-5026 .et_pb_row_10
{
    min-height: inherit !important;
}
.page-id-3341 div#blocCTAProg a,
.page-id-5026 div#blocCTAProg a
 {
    margin: 0;
}

/*
* Page Galeries
*****************************************************************************/
#archivesG{
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}

@media only screen and (min-width: 741px) {
    #archivesG{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }
}

.uneGalerie{
    position: relative;
    width: 300px;
    height: 432px;
    background-size: cover;
}
.dataG{
    position: absolute;
    bottom: 0;
    padding: 15px;
    background-color: rgba(255, 255, 255, 0.8);
    width: 100%;
    text-align: center;
}

.dataG h3{
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}