/*
Theme Name: Mairie de Die
Theme URI: 
Description: 
Author: Korigan
Author URI: http: //mysite.com/
Template: salient
Version: 1.0
*/ 

.hidden {display: none;}
#header-space{
    height: 70px;
}

#menu-item-12878 {position: fixed;right: 5px;}

h3 {line-height: 1em!important;}
body:not(.material) header#top nav > ul > li:not(#social-in-menu) > a{
    padding-bottom: 18px!important;
    padding-top: 18px!important;
}
#logo .stnd.default-logo{
    top: 0!important;
}
#social-in-menu a {
    margin-top: 17px!important;
}
header#top .sf-menu li .sub-menu li a{
    background-color: #7f0070!important;
    color: #fff!important;
    font-family: 'Fira Sans Condensed';
    font-size: 13px!important;
}
.sticky-wrapper .page-submenu{
    font-family: 'Fira Sans Condensed';
    font-weight: 600;
}
header#top .sf-menu li .sub-menu li a:hover{
    background-color: #fff!important;
    color: #7f0070!important;
}
header#top .sf-menu li .sub-menu li a:active{
    background-color: #fff!important;
    color: #7f0070!important;
}
body header#top nav .sf-menu ul li.current-menu-item > a{
    background-color: #fff!important;
}
body header#top nav .sf-menu ul.sub-menu li.current-page-item > a{
    color: #7f0070!important;
}
body .page-submenu{
    font-family: Oswald, sans-serif;
}
html .ult_main_cl.ult-adjust-bottom-margin.titre-demarches,html .ult_main_cl.ult-adjust-bottom-margin.donnees-publiques,html .wpb_wrapper .ult_exp_section_layer.ult-adjust-bottom-margin {
    margin-bottom: 20px;
}
.fond-couleur{
    margin-bottom: 0;
}
.titre-accueil{
    margin-top: -50px;
}
#page-header-wrap .inner-wrap h1{
    margin-bottom: 0;
    font-size: 54px;
}
#breadcrumbs{
    margin-top: -5px;
    padding-bottom: 5px;
    text-align: center;
}
#breadcrumbs span span strong.breadcrumb_last{
    color: #3d3d3d;
    font-weight: 400;
}
#breadcrumbs span span a{
    color: #7f0070;
}
#breadcrumbs span span{
    font-size: 13px;
}

.home-posts-grid .meta-category a {
    color:#333!important;
}

.home-posts-grid .post-heading a span {
    color:#fbba00!important;
    font-size: 1.3rem;
    line-height: 1em;
}

.home-posts-grid .meta-date {
    color:#333!important;
    font-size:.85em;
    font-style: italic;
    font-weight:700;
}

.home-posts-grid .meta-excerpt {
    color:#000!important;
}



.single-post #breadcrumbs{
    margin-top:-40px;
    padding-bottom: 25px;
}
body.home .search-widget-btn .text{
    font-size: 12px!important;
}
body .container-wrap input[type=text].search-field{
    font-size: 14px;
    background-color: #fff;
    border-radius: 20px;
    min-width: 150px;
    margin-right: 3px;

}

#footer-outer .widget_search input {
    color:#000!important;
}

.nectar-love-wrap .nectar-love {
   display: none;
}
article.post .post-meta .date {
   margin-bottom: 0px;
}
article.post .post-meta .date {
   padding-bottom: 0px;
   border-bottom: 0px!important;
}
.questions_saison .blog-recent{
    margin-bottom: 0;
    padding-bottom: 0;
}
.questions_saison .blog-recent .post{
    margin-bottom: 30px;
}
.home .questions_saison .blog-recent .post-header .meta-category{
    color: #fff;
}
.blog-recent .col .post-header h3 a{
    color: #fbba00!important;
}
.nectar-love-wrap {
   display: none!important;
}

.single-post #page-header-bg[data-post-hs="default_minimal"] {
    background-color: #fff;
    max-height: 235px!important;
}

.single-post #page-header-wrap {max-height: 200px!important;}


.blog-recent .meta-author, .blog-recent .meta-comment-count{
    display:none;
}
body.page-id-7048 .row:first-child{
    padding-bottom:0;
}
/*Fond blanc header*/
body:not(.single) #page-header-wrap #page-header-bg .container::after {
    content: '';
    display: block;
    width: 70%;
    background-color: rgba(255,255,255,0.95);
    margin: auto;
    margin-top: -152px;
    transform: skew(0deg,-2deg);
    -ms-transform: skew(0deg,-2deg);
    -webkit-transform: skew(0deg,-2deg);
    transform-origin: bottom;
    top: 75px;
    height: 50%;
}

#formButton {background-color:#8F2D85;border:0;color:#fff;margin-bottom: 10px;cursor: pointer;}
.form_asso {transition: 0.1s linear all;background-color: rgba(251, 186, 0, 0.15);padding: 10px 20px; margin: 15px 0;}
.form_asso .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {background-color: rgba(255,255,255,0.65)!important;}

#mflash-container .img-with-aniamtion-wrap  img {margin-bottom: 0;}
.flash-section .wpb_wrapper {display:flex;}
.flash-section .img-with-aniamtion-wrap, .flash-section .mflash {display: inline-block;}
.flash-section .mflash .uvc-main-heading div {font-size:2.2rem!important;line-height:1.2em!important;}

.encart_asso_container ul  {padding:0 0 20px 0;margin:0;}
.encart_asso_container .ss_intu {margin-bottom: 20px;display: block;}

.encart_asso_container ul li {list-style: none;}
.encart_asso_container .span_4 {float: left;}
body.category #page-header-wrap #page-header-bg .container::after, body.tag #page-header-wrap #page-header-bg .container::after{
    display:none;
}
#page-header-wrap #page-header-bg .container .inner-wrap{
    margin-bottom: -15px;
}
.row .wpb_row .col .dates-retenir{
    margin-left: 50px!important;
}
/*Dates à retenir*/
.elem_date {
    background-color: #fafafa;
    height: 115px;
    display:table;
}
.elem_date .post_container, .elem_date .post_meta{
    display: table-cell;
    vertical-align: middle;
    padding: 4% 0;
}
.elem_date .post_meta{
    width: 75px;
    background-color: #faba00;
    color: #fff;
    font-weight: 800;
    text-align: center;
    padding: 0 1%;
    font-size: 14px;
}
.post_meta span{
    display:block;
}
.elem_date .post_container{
    text-align: center;
    padding: 5px 10px;
    width: 230px!important;
}
.elem_date .post_container .title_post a{
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
}
.elem_date .post_container .title_post a:hover{
    color: #faba00;
}
.elem_date .post_container .content_post{
    margin-top: 5px;
    font-size: 16px;
}
/*Dates à retenir actus municipales*/
body.page-id-6581 .elem_date .post_meta{
    background-color: #9abc37;
}
/*Dates à retenir infos travaux*/
body.page-id-7048 .elem_date .post_meta{
    background-color: #74007a;
}
/*Dates à retenir Accueil*/
body.home #ajax-content-wrap .elem_date{
    width: 30%!important;
    margin-right: 5%!important;
    margin-left: 0!important;
}
body.home #ajax-content-wrap .elem_date:nth-child(3){
    margin-right:0!important;
}
/*Page services municipaux / services & contact*/
body.page-id-6539 .nectar-fancy-box .box-link, body.page-id-6587 .nectar-fancy-box .box-link, body.page-id-5933 .nectar-fancy-box .box-link{
    z-index:9;
}
body.page-id-6539 .nectar-fancy-box .inner, body.page-id-6587 .nectar-fancy-box .inner, body.page-id-5933 .nectar-fancy-box .inner{
    padding-bottom: 6%;
}
body.page-id-5933 .nectar-fancy-box .inner h2, body.page-id-5933 .nectar-fancy-box .inner p{
    color: #000!important;
}
body.page-id-6539 #mairie .nectar-fancy-box .box-bg::after, body.page-id-6587 #services .nectar-fancy-box .box-bg::after, body.page-id-5933 .nectar-fancy-box .box-bg::after{
    background-color: #f9f9f9!important;
}
body.page-id-6539 .servicesocial .nectar-fancy-box .box-bg::after, body.page-id-6539 .servicescolaire .nectar-fancy-box .box-bg::after,body.page-id-6539 .serviceculture .nectar-fancy-box .box-bg::after{
    background-color: #f9f9f9;
}
body.page-id-6539 #mairie .inner h4, body.page-id-6587 #services .inner h4{
    color: #faba00!important;
}
body.page-id-6539 .servicesocial .inner h4, body.page-id-6539 .servicescolaire .inner h4, body.page-id-6539 .serviceculture .inner h4{
    color: #9abc37!important;
}
body.page-id-6539 .inner strong, body.page-id-6539 .inner a, body.page-id-6539 .inner li, body.page-id-6539 .inner p, body.page-id-6587 .inner strong, body.page-id-6587 .inner a, body.page-id-6587 .inner li, body.page-id-6587 .inner p{
    color: #000!important;
}
body.page-id-6539 .nectar-fancy-box .inner a:hover, body.page-id-6587 .nectar-fancy-box .inner a:hover{
    color:#faba00!important;
}
body.page-id-6539 .nectar-fancy-box .inner .services_demarches, body.page-id-6587 .nectar-fancy-box .inner .services_demarches{
    font-size: 16px;
    color: #000;
}
body.page-id-6539 .nectar-fancy-box .inner .services_demarches a:hover, body.page-id-6587 .nectar-fancy-box .inner .services_demarches a:hover{
    color:#faba00!important;
}
body.page-id-6539 #mairie .nectar-fancy-box .link-text, body.page-id-6587 #services .nectar-fancy-box .link-text{
    background-color: #faba00;
    max-width: 350px;
    text-align: center;
    border-radius: 15px;
    min-height: 31px;
    padding: 1%;
    padding-bottom: 2%;
}
body.page-id-6539 .servicesocial .nectar-fancy-box .link-text, body.page-id-6539 .servicescolaire .nectar-fancy-box .link-text,body.page-id-6539 .serviceculture .nectar-fancy-box .link-text{
    background-color: #9abc37;
    max-width: 350px;
    text-align: center;
    border-radius: 15px;
    min-height: 31px;
    padding: 1%;
}
/*Actus*/
.blog-recent .type-post.span_6{
    width: 47%;
    margin-right: 40px;
}
.blog-recent .post-header h3 a{
    font-size: 20px!important;
}
/*Pages démarches*/
.toggles .toggle.accent-color h3 a{
    color: #000!important;
    font-family: Oswald, sans-serif!important;
    font-weight: 500!important;
}
/*Annuaire associations*/
.filtr-item {
    padding:0.1rem;
    background-color: #f9f9f9;
}
.filtr-item .content_post{
    color: #000;
    padding-left:10px;
}
.filtr-item .title_post{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}
.filtr-item .title_post a{
    color: #000;
}

.filtr-item .title_post a:hover{
    color: #faba00;
}
.filtr-item.culture .post_container .title_post{
    border-left:solid 4px #8f2a86;
    padding-left:10px;
}
.filtr-item.loisirs .post_container .title_post{
    border-left:solid 4px #FCC321;
    padding-left:10px;
}
.filtr-item.sports .post_container .title_post{
    border-left:solid 4px #9abc37;
    padding-left:10px;
}

.filtr-item  .content_post .ssintutle {font-size: 14px;line-height: 1.2em;margin-bottom: 5px;}
.box-filter {
    display: flex;
    box-sizing: border-box;
    width: 100px;
    height: 160px;
    color: #fff;
    box-shadow: 0 0 0 3px #fff inset;
    padding: 15px 0 0 20px;
}
.nav-gallery {
    text-align:center;
}    
.nav-gallery li {
    display:inline-block;
    text-transform:uppercase;
    background-color:#fff;
    font-size: 12px;
    border-bottom: none;
    display: inline-block;
    margin-right:10px!important;
    border-radius: 15px !important;
    cursor: pointer !important;
        display:inline-block!important;
        color: #000;
    margin-left:0!important;
}
.nav-gallery li:hover {
    cursor:pointer;
    color: white;
}
.nav-gallery li.input {width:50%; margin:auto; display:block; margin-top:30px;}
.nav-gallery li.input input {border-radius: 30px}
.nav-gallery li.input:hover{background-color: transparent;padding-left: 10px;}
.nav-gallery li:nth-child(1):hover, .nav-gallery li:nth-child(1).filtr-active{
    background-color: #999;
}
.nav-gallery li:nth-child(2):hover, .nav-gallery li:nth-child(2).filtr-active{
    background-color: #8f2a86;
}
.nav-gallery li:nth-child(3):hover,.nav-gallery li:nth-child(3).filtr-active{
    background-color: #FCC321;
}
.nav-gallery li:nth-child(4):hover,.nav-gallery li:nth-child(4).filtr-active{
    background-color: #9abc37;
}
.nav-gallery .filtr-active {
    color: #fff;
}
.filtr-button {
    background-color: #3cd27b;
    border: none;
        border-right-color: currentcolor;
        border-right-style: none;
        border-right-width: medium;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: medium;
    border-radius: 0.25rem;
    color: white;
    font-weight: 400;
    padding: 0.75rem 0.5rem;
    text-transform: uppercase;
    transition: background-color 0.25s;
}
#filteringModeSingle.nav-gallery input {
    padding:9px 10px;
    border-bottom:0!important
}
#filteringModeSingle.nav-gallery li.input input {
    color:#000;
}
/*Page santé/social*/
.page-id-6566 h6{
    font-size: 16px!important;
}
/*Docs dld*/
.docs img{
    width: 25px!important;
    min-width: 25px!important;
    margin-right: 6px!important;
}
.img-with-aniamtion-wrap{
    float:left;
}
.home .img-with-aniamtion-wrap{
    float:none;
}
.page-template-default .dl_urba .ult_main_cl .ult_colorlink{
    width: 85%!important;
    margin-top: 0px!important;
}
.page-template-default .dl_page .ult_main_cl .ult_colorlink{
    width: 100%!important;
    margin-top: 15px!important;
    text-align: center;
}
div[data-style*=minimal] .toggle h3 i {    
    height:30px!important;
}
.toggle .ult_main_cl, .page-template-default .ult_main_cl{
    margin: 0;
    text-align: left;
    margin-bottom: 17px!important;
}
.toggle .ult_main_cl .ult_colorlink {
    font-weight: 300!important;
    font-size: 18px;
    margin-top: 4px;
    width: 89%;
}
.toggle  i {
    position: absolute;
    left: 13px;
    background-color: transparent;
    color: #888;
    top: 13px;
    width: 18px;
    height: 16px!important;
    line-height: 18px!important;
    font-size: 15px;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}
ul[data-style*="minimal"] .toggle i {
    width: 30px;
    height: 30px!important;
    position: absolute;
    right: 0;
    left: auto;
    top: 50%;
    margin-top: -15px;
    border: 2px solid #888;
    border-radius: 30px 30px;
    -ms-transition: border-color 0.15s ease;
    transition: border-color 0.15s ease;
    -webkit-transition: border-color 0.15s ease;
}
ul[data-style="minimal"] .toggle  i:before {
    content: ' ';
    top: 14px;
    left: 6px;
    margin-top: -2px;
    width: 14px;
    height: 2px;
    position: absolute;
    background-color: #888;
    -ms-transition: background-color 0.15s ease;
    transition: background-color 0.15s ease;
    -webkit-transition: background-color 0.15s ease;
}
ul[data-style="minimal"] .toggle  i:after {
    content: ' ';
    top: 6px;
    left: 14px;
    width: 2px;
    margin-left: -2px;
    height: 14px;
    position: absolute;
    background-color: #888;
    -ms-transition: transform 0.45s cubic-bezier(.3,.4,.2,1),background-color 0.15s ease;
    transition: transform 0.45s cubic-bezier(.3,.4,.2,1),background-color 0.15s ease;
    -webkit-transition: -webkit-transform 0.45s cubic-bezier(.3,.4,.2,1),background-color 0.15s ease;
}
ul[data-style="minimal"] .directory.toggle {
    border-bottom: 2px solid rgba(0,0,0,0.08);
    -ms-transition: border-color 0.15s ease;
    transition: border-color 0.15s ease;
    -webkit-transition: border-color 0.15s ease;
    margin-bottom: 0!important;
}
UL.jqueryFileTree LI {padding: 0!important}
UL.jqueryFileTree LI.directory {background-image: none!important;position: relative}
UL.jqueryFileTree LI.directory a,  UL.jqueryFileTree LI.file a{display: block;}
UL.jqueryFileTree LI.directory  i {position: absolute;
    top: 50px;
    right: 0;
    z-index: -1;
}
UL.jqueryFileTree LI.directory > a {font-size: 28px;line-height: 32px;font-family: Oswald, sans-serif!important;font-weight: 500!important;padding: 30px 70px 30px 0px;-ms-transition: color 0.15s ease;transition: color 0.15s ease;-webkit-transition: color 0.15s ease;}
.directory.toggle.expanded > a {color:rgb(251, 186, 0);}
.directory.toggle.expanded > i {border:2px solid rgb(251, 186, 0);}
.directory.toggle.expanded > i::before,.directory.toggle.expanded > i::after {background-color:rgb(251, 186, 0);}
UL.jqueryFileTree LI.ext_pdf,
UL.jqueryFileTree LI.ext_png,
UL.jqueryFileTree LI.ext_jpg,
UL.jqueryFileTree LI.ext_txt,
UL.jqueryFileTree LI.ext_doc {background:url(img/picto_download.png) 4px center no-repeat;padding-right: 15px;}
UL.jqueryFileTree LI.file {font-size:18px;line-height: 24px;}
UL.jqueryFileTree LI.file a {padding: 6px 0;}
UL.jqueryFileTree LI.file a {padding-left: 35px;}
UL.jqueryFileTree LI.file:nth-child(odd) a{
    background-color: rgba(251, 186, 0,.005);
}
UL.jqueryFileTree LI.file:nth-child(even) a{
    background-color: rgba(251, 186, 0,0.15);
}
UL.jqueryFileTree .file A:hover {
    color: #fbba00!important;
}
ul[data-style="minimal"] .toggle.expanded i:after {-ms-transform: scale(1,0);transform: scale(1,0);-webkit-transform: scale(1,0);}

.flash_info  .column-bg-overlay{border-radius: 15px;text-align: center}

/*ico pdf*/

.ico-pdf a:before {display: inline-block;
    content: '';
    width: 25px;
    height: 25px;
    background: url(https://www.mairie-die.fr/wp-content/uploads/2018/11/picto_download.png) center center no-repeat;
    background-size: contain;
}



/*RESPONSIVE*/
@media only screen and (max-width: 1360px){
    body.home .search-widget-btn .icon-salient-search{
        font-size: 12px!important;
    }
    #ajax-content-wrap .container-wrap button[type=submit].search-widget-btn {padding: 13px!important}
    body .search-widget-btn .text {display: none;}
    
    header#top .sf-menu li .sub-menu li a{
        font-size: 12px!important;
    }
    #social-in-menu a {
        padding-top: 17px!important;
    }
    header#top nav > ul > li > a{
        font-size: 14px!important;
    }
    #header-outer[data-lhe="animated_underline"] header#top nav > ul > li > a{
        margin:0 7px!important;
    }
    body.home .acces_middle {
        width: 15%!important;
    }
    body.page-id-6909 #comarquage #co-bar form.co-search input.co-btn{
        padding:10px 23px!important;
    }
    body.page-id-6909 #comarquage #co-bar .co-search{
        width:80%;
        margin-bottom:15px;
    }
    body.page-id-6909 #comarquage #co-bar{
        text-align:center;
    }
    body.page-id-6909 #comarquage #co-bar .co-btn.btn-monsp{
        float:none;
    }
}
@media only screen and (max-width: 1180px){

    header#top #logo img{
        height:42px!important;
    }
    body.home .acces .uvc-main-heading div{
        font-size:12px!important;
    }
    body.home .flash_info{
        margin-top: -125px!important;
    }
    body.home .flash_number{
        margin-top: -155px!important;
    }
    body.home .flash_number .mflash .uvc-main-heading div{
        font-size: 42px;
        line-height: 60px;
    }
    #header-space{
        height: 42px;
    }
    body:not(.material) header#top nav > ul > li:not(#social-in-menu) > a{
        padding-bottom: 10px!important;
        padding-top: 10px!important;
    }
    #header-outer[data-lhe="animated_underline"] header#top nav > ul > li > a{
        margin:0 6px!important;
    }
    header#top nav > ul > li > a{
        font-size: 13px!important;
    }
    #social-in-menu a {
        padding-top: 9px!important;
    }
    body.page-id-6584 .ult-new-ib{
        height: 290px!important;
    }
    body.page-id-6584 .toggle:last-child .ult-new-ib{
        height: 205px!important;
    }
    body.page-id-6581 h2{
        font-size: 38px!important;
        line-height: 42px!important;
    }
    body:not(.home) .blog-recent .type-post.span_6{
        width:45%;
    }
    .elem_date .post_container .content_post{
        font-size: 15px;
    }
    .page-template-default .dl_urba .ult_main_cl a.ult_colorlink{
        width: 82%!important;
    }
}
@media only screen and (max-width: 1000px){
   
     #slide-out-widget-area .widget_search h4 {display: none}
    #slide-out-widget-area .widget_search input[type="text"] {background-color: rgba(255,255,255,0.30)!important;border-radius: 15px;}
    #slide-out-widget-area .widget_search .search-form input[type=text] {border-bottom: 0;}
    #slide-out-widget-area .widget_search .search-form button[type=submit] .icon-salient-search {color: #fff!important}
    #slide-out-widget-area .widget_search .search-form input[type=text]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: #fff;
      opacity: 1; /* Firefox */
    }

    #slide-out-widget-area .widget_search .search-form input[type=text]:-ms-input-placeholder { /* Internet Explorer 10-11 */
      color: #fff;
    }

    #slide-out-widget-area .widget_search .search-form input[type=text]::-ms-input-placeholder { /* Microsoft Edge */
      color: #fff;
    }
    body header#top div.container #logo img.stnd, #header-outer[data-permanent-transparent="false"] #logo .dark-version{
        height: 53px!important;
    }
    body.home .acces_all{
        margin-top: 10px!important;
    }
    body.home .acces_all h3{
        color: #333!important;
    }
    body.home .social_fb .wpb_column, body.home .social_twitter .wpb_column{
        margin-bottom: 5px!important;
    }
    body.home .social_fb .wpb_column .uvc-heading, body.home .social_fb .wpb_column .img-with-aniamtion-wrap.right, body.home .social_twitter .wpb_column .uvc-heading, body.home .social_twitter .wpb_column .img-with-aniamtion-wrap.right{
        text-align: center!important;
    }
    body.home .flash_number div:last-child{
        color:#333!important;
    }
    body.home .flash_row{
        position: fixed;
        bottom: 0;
        right: 0;
        margin-bottom: 0;
        width: 17%;
    }
    body.home .flash_row div.flash_number{
        background-color: #fff;
        border-radius: 50%;
        height: 80px;
        width: 80px!important;
        padding: 30px 3% 0 3%;
        margin-top:0!important;
        left:40%;
        border: #fbba00 solid 1px;
    }
    body.home .flash_row div.flash_info{
        display:none;
    }
    body.home #ajax-content-wrap .elem_date{
        width:100%!important;
        margin-right:0!important;
    }
    body.home .flash_number .mflash .uvc-main-heading div {
        font-size: 34px;
    }
    body.home .mflash{
        display:none;
    }
    body.home .btn_flash{
        font-size:12px;
    }
    body.home #mflash-container{
        margin-bottom:0;
    }
    body.home .flash_row div.wpb_row:last-child{
        margin-bottom:15px;
    }
    #slide-out-widget-area .inner .off-canvas-menu-container li a{
        font-size: 24px;
    }
    #footer-outer #footer-widgets .row{
        text-align: center;
    }
    #footer-outer .container{
        max-width: 100%;
    }
    #footer-outer .container .col.span_3{
        clear: none;
        width: 24%!important;
    }
    .ascend #footer-outer .widget h4, .ascend #sidebar h4 {line-height: 1.2em;}
    body:not(.single) #page-header-wrap #page-header-bg .container::after {
        margin-top: -60px;
        height: 109px;
        width: 100%;
    }
    body #page-header-wrap #page-header-bg{
        height: 235px!important;
    }
    body #page-header-wrap .container .row .col.span_6{
        top: auto!important;
        margin-bottom: -5%!important;
        position: absolute!important;
    }
    #breadcrumbs{
        margin-top:0;
    }
    #breadcrumbs span span{
        font-size: 12px;
    }
    body.page-id-6344 h3, body.page-id-6533 h3, body.page-id-6560 h3, body.page-id-6536 h3, body.page-id-6548 h3, body.page-id-6566 h3, body.page-id-6557 h3, body.page-id-6691 h3, body.page-id-6553 h3, body.page-id-6563 h3, body.page-id-6551 h3, body.page-id-6542 h3, body.page-id-6761 h3, body.page-id-6694 h3, body.page-id-6706 h3, body.page-id-6709 h3, body.page-id-6712 h3, body.page-id-6714 h3, body.page-id-7107 h3, body.page-id-7110 h3{
        text-align: center!important;
    }
    body.page-id-6344 p, body.page-id-6533 p, body.page-id-6560 p, body.page-id-6536 p, body.page-id-6548 p, body.page-id-6566 p, body.page-id-6557 p, body.page-id-6691 p, body.page-id-6553 p, body.page-id-6563 p, body.page-id-6551 p, body.page-id-6542 p, body.page-id-6761 p, body.page-id-6694 p, body.page-id-6706 p, body.page-id-6709 p, body.page-id-6712 p, body.page-id-6714 p, body.page-id-7107 p, body.page-id-7110 p{
        text-align: center!important; 
    }
    body.page-id-6566 h6{
        text-align: center!important; 
    }
    body.page-id-6536 .uvc-sub-heading{
        text-align: center!important; 
    }
    body .divider-wrap{
        text-align:center;
    }
    body .divider-wrap .divider-small-border{
        display:inline-block;
        vertical-align: middle;
    }
    body:not(.home) .ubtn-ctn-left, body:not(.home) .ubtn-ctn-right{
        text-align:center;
    }
    body .vvf_img .img-with-aniamtion-wrap, body.page-id-6536 .img-with-aniamtion-wrap, body.page-id-6596 .img-with-aniamtion-wrap, body.page-id-6545 .img-with-aniamtion-wrap, body.page-id-6566 .img-with-aniamtion-wrap, body.page-id-6557 .img-with-aniamtion-wrap, body.page-id-6553 .img-with-aniamtion-wrap, body.page-id-6694 .img-with-aniamtion-wrap, body.page-id-6706 .img-with-aniamtion-wrap, body.page-id-6709 .img-with-aniamtion-wrap, body.page-id-6712 .img-with-aniamtion-wrap, body.page-id-6714 .img-with-aniamtion-wrap, body.page-id-7107 .img-with-aniamtion-wrap, body.page-id-7110 .img-with-aniamtion-wrap{
        float: none!important;
        text-align: center!important;
    }
    body .nectar-fancy-box .link-text{
        margin: 0 auto;
    }
    body.page-id-6584 .ult-new-ib img.ult-new-ib-img{
        height: auto!important;
        min-width: 50%!important;
    }
    body.page-id-6584 .ult-new-ib{
        background-color: #fff!important;
    }
    body.page-id-6584 .toggle .vc_col-sm-3.wpb_column{
        width:100%!important;
    }
    .empty_actus{
        min-height: 0!important;
        padding:0!important;
    }
    body:not(.home) .blog-recent{
        margin-left: 5%;
    }
    body:not(.home) .row .wpb_row .col .dates-retenir{
        width: 100%;
        margin-left:0!important;
    }
    body:not(.home) .elem_date{
        width: 50%!important;
        margin-left: 25%!important;
    }
    body .dl_urba .img-with-aniamtion-wrap{
        float:left!important;
    }
    body .dl_urba .wpb_row{
        margin-left: 17%;
    }
    body .dl_urba div.vc_col-sm-3.wpb_column{
        width: 100%!important;
    }
    body .nav-gallery.filters .filtr-button{
        font-size: 14px;
    }
    body .nav-gallery.filters{
        margin-left: 0;
    }
    body.page-id-6909 #comarquage #co-bar .co-search{
        margin-left:0;
    }
}
@media only screen and (max-width: 780px){

     body.home .search-field{
        font-size: 12px!important;
        padding: 5px 7px!important;
    }
    #footer-outer .container{
        max-width: 600px;
    }
    #footer-outer .container .col.span_3{
        clear: both;
        width: 100%!important;
    }
    body.home .flash_row div.flash_number{
        left:25%;
    }
    body.page-id-6909 #comarquage #co-bar .co-search{
        width:94%;
    }
}
@media only screen and (max-width: 689px){
    body.home div.vc_col-sm-3.flash_number .uvc-main-heading div{
        text-align: center;
    }
    body.home .flash_row div.flash_number {
        left: 0;
    }
    body.home .type-post{
        padding-left: 0;
    }
    body.home .moment{
        margin-top:50px!important;
        margin-bottom: 10px!important;
    }
    body.home .btn_dates_row .wpb_column{
        margin-top:0!important;
    }
    body.home .blog-recent{
        padding-bottom:0!important;
    }
    body.home .home_pratique .wpb_column.vc_col-sm-3{
        width:50%;
    }
    body.home .home_pratique .wpb_column.vc_col-sm-3 img{
        width:85px;
    }
    body #page-header-wrap #page-header-bg{
        height: 178px!important;
    }
    body #page-header-wrap #page-header-bg h1{
        font-size: 28px!important;
    }
    body.page-id-6344 h3, body.page-id-6533 h3, body.page-id-6560 h3, body.page-id-6536 h3, body.page-id-6548 h3, body.page-id-6566 h3, body.page-id-6557 h3, body.page-id-6691 h3, body.page-id-6553 h3, body.page-id-6563 h3, body.page-id-6551 h3, body.page-id-6542 h3, body.page-id-6761 h3, body.page-id-6694 h3, body.page-id-6706 h3, body.page-id-6709 h3, body.page-id-6712 h3, body.page-id-6714 h3, body.page-id-7107 h3, body.page-id-7110 h3{
        font-size: 26.6px!important;
        line-height: 34px!important
    }
    body.page-id-6581 h2 {
        font-size: 30px!important;
        line-height: 34px!important;
    }
    body:not(.home) .blog-recent .type-post.span_6 {
        width: 100%;
        margin-bottom: 20px!important;
    }
    body.page-id-6909 #comarquage #co-bar form.co-search input.co-btn {
        padding: 10px 15px!important;
    }
    body.home .acces_middle {
        width: 30%!important;
    }
}
@media only screen and (max-width: 479px){
    #footer-outer #footer-widgets h4{
        font-size: 10px;
    }
    #footer-outer #footer-widgets .textwidget, #footer-outer #footer-widgets ul a{
        font-size: 14px;
    }
    body.home .flash_row div.flash_number {
        left: -10px;
        height: 70px;
        width: 70px!important;
        padding: 25px 3% 0 3%;
    }
    body.home .home_pratique .wpb_column.vc_col-sm-3{
        width:100%;
    }
    body #page-header-wrap #page-header-bg{
        height: 135px!important;
    }
    body #page-header-wrap #page-header-bg h1{
        font-size: 26px!important;
        line-height: 27px!important;
    }
    #breadcrumbs span span{
        font-size: 11px;
    }
    body:not(.home) .blog-recent {
        margin-left: 2%;
    }
    .blog-recent .post-header h3 a, .blog-recent .post-header h3{
        font-size: 18px!important;
        line-height: 30px!important;
    }
    .excerpt{
        font-size: 14px; 
    }
    body:not(.home) .elem_date {
        width: 95%!important;
        margin-left: 2.5%!important;
    }
    .filtr-button{
        padding: 0.75rem 0.5rem;
    }
    body.page-id-6909 #comarquage #co-bar form.co-search input.co-btn {
        padding: 10px!important;
    }
}
@media only screen and (max-width: 321px){
    body.home .acces_middle{
        width: 100%!important;
        margin-bottom:20px!important;
    }
    body.home .acces_middle{
        margin-left:0!important;
    }
    body.home .flash_row div.flash_number {
        left: -20px;
    }
    body.home .acces_all .wpb_row:first-child{
        margin-left:0!important;
    }
    body.home h2, body.home h3{
        font-size: 40px!important;
        line-height: 50px!important;
    }
    body .ubtn .ubtn-text{
        font-size: 14px!important;
    }
    body .moment_btn{
        margin-bottom: 0!important;
    }
    .blog-recent img{
        margin-bottom: 0!important;
    }
    body.home .acces_all h3{
        text-align: center;
        font-size: 16px!important;
    }
    body #page-header-wrap #page-header-bg {
        height: 105px!important;
    }
    body.page-id-6581 h2 {
        font-size: 24px!important;
        line-height: 28px!important;
    }
    body:not(.home) .blog-recent .type-post.span_6{
        margin-right: 25px;
    }
    body.home div.col div.social_col.wpb_column{
        margin-bottom: 30px!important;
    }
}

@media (max-width:1000px){
    .md_visible{display: none!important;}
    #header-outer[data-mobile-fixed="1"], #header-outer[data-permanent-transparent="1"][data-mobile-fixed="1"] {
    position: fixed!important;
    padding: 15px 0!important;    }
    header#top .span_9 >.slide-out-widget-area-toggle {display: block;}

}

@media (min-width:1001px){
    .md_hidden{display: none!important;}
    #top nav > ul > li > a {font-size: 16px!important}
    
}