.checkMode select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.mt_10{
    margin-top: 10px;
}



/*pushMessage*/

#pushMessage {
    z-index: 10000;
}

#pushMessage div.pushContent a {
    position: relative;
    margin: 0 auto;
    width: auto !important;
    display: block;
}

#pushMessage img {
    display: block;
    width: auto !important;
    margin: 0 auto;
}
/*pushMessage*/

.pointer{
    cursor:pointer;
}

[data-toggle="collapse"].collapsed .if-not-collapsed {
    display: none;
}
[data-toggle="collapse"]:not(.collapsed) .if-collapsed {
    display: none;
}

.chrome .map_geolocalise{
    display:none!important;
}

.loader{
    display: none;
    width: 250px;
    background: #fff url(../images/ajax-loader-1.gif) no-repeat;
    background-position-x: 92%;
    height: 10px;
    line-height: 10px;
    margin-top: 10px;
}

.offres_pedago_link{
    color:#545246;
    font-weight:bold;
    text-transform: uppercase;
    border:1px solid #545246;
    padding:5px;
}


#prefooter p.accroche_logo {
    margin-top: 25px!important;
}

/******************************************** Refonte 2020 ************************************************/

* {
    outline: none !important;
}

header .container_header {
    max-width: 1080px;
    width: auto;
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px;
}

header .fisrt_nav {
    float: left;
    margin-left: 0px;
}

header .second_nav {
   /* float: right;*/
}

header  .second_nav_mobile {
        display: none;
    }

header ul.navbar-lang.list-inline {
   /* float: right;*/
    margin-top: 25px;
}

header .navbar-wrapper.affix .navbar-lang {
    display: block;
    margin-top: 12px;
}

header > video {
     margin-bottom: 100px; 
     top: 100px;
}

.navbar-wrapper, .navbar-wrapper.affix {
    background-color: #019ba5;
}

.navbar-wrapper {
    height: 100px;
}

.navbar-wrapper.affix {
    height: auto;
}

.navbar-wrapper .navbar {
    content: '';
    display: block;
    background-size: 50px;
    background-position: left top 25px;
    background-repeat: no-repeat;
}

.navbar-wrapper.affix .navbar {
    background-position: left top 5px !important;
}


.rotating.background {
    background-color: transparent;
    display: none;
}

.navbar-nav>li.current a {
    border-color: transparent;
    text-decoration: underline;
}

.navbar-nav>li.current a:after {
    border-radius: 0;
    height: 20px;
    width: 100%;
    content: '';
    display: block;
    background-image: url(/var/storage/images/val-de-loire-refonte/header-active.png);
    background-size: 40px;
    background-position: center;
    background-repeat: no-repeat;
}

/* a decommenter à la mise en prod video */

/*#home #myCarousel .item {
    height: auto;
}*/

/*#home header #searchBar {
    bottom: 350px;
}*/

.encart_home {
    margin-bottom: 75px;
    display: block;
    padding-right: 50px;
}

#home header {
    height: auto;
}

#home ul.agenda_list.col-md-6:nth-child(5), 
#home ul.agenda_list.col-md-6:nth-child(6), 
#home ul.agenda_list.col-md-6:nth-child(7), 
#home ul.agenda_list.col-md-6:nth-child(8), 
#home ul.agenda_list.col-md-6:nth-child(9), 
#home ul.agenda_list.col-md-6:nth-child(10), 
#home ul.agenda_list.col-md-6:nth-child(11) {
    display: none;
}

#home ul.agenda_list.col-md-6 {
    padding: 0 1%;
}

#home .contentDay.clearfix > div:last-child {
    display: none;
}

#home .contentDay.clearfix > div:first-child {
    display: block;
}

#home .agenda_list .contentDay h3:before {
    display: none;
}

/*ul.agenda_list.col-md-6:first-child, ul.agenda_list.col-md-6:second-child  {
    display: block !important;
}*/


#home .actus, .actus-grid, #interieure #actu-list, section#zoom, #home #colB, .tablet.portrait #home .actus  {
    background: #dfc288;
}

#home #agenda .background-gradient {
    background: transparent;
}

.container_home_actus {background: linear-gradient(to right,#fff 0,#fff 50%,#dfc288 50%,#dfc288 100%);}

section.presentation_home.col-md-6, section.actus.col-md-6 {
        padding: 25px;
    }

.encart_home h1 {
     font-family: Arial,Helvetica,sans-serif;
     font-weight: 700;
     color: #545246;
}

.encart_home p {
    line-height: 1.25em;
}

.encart_home a {
    margin-top: 25px;
    text-transform: uppercase;
    color: #545246 !important;
    display: inline-block;  
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.encart_home a:after {
        content: '\f2ee';
        font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
        display: block;
        margin-top: 5px;
}

.triptique, section.evenements {
    background-color: #d9328a;
}

.triptique .carousel-agir .carousel-controler li.indicators.it_3, 
.triptique .carousel-connaitre .carousel-controler li.indicators.it_3, 
.triptique .carousel-gerer .carousel-controler li.indicators.it_3 {
    width: 120px !important;
}

.triptique .carousel-agir .carousel-controler li.indicators .carousel-indicators, 
.triptique .carousel-connaitre .carousel-controler li.indicators .carousel-indicators, 
.triptique .carousel-gerer .carousel-controler li.indicators .carousel-indicators {
    width: 100%;
    height: 10px;
    overflow: hidden;
    top: 3px;
}

.triptique .carousel-agir .carousel-controler li.indicators .carousel-indicators li, 
.triptique .carousel-connaitre .carousel-controler li.indicators .carousel-indicators li, 
.triptique .carousel-gerer .carousel-controler li.indicators .carousel-indicators li {
    border-radius: 0;
    border-top-left-radius: 1000px;
    border-top-right-radius: 1000px;
    height: 40px;
    width: 30px;
    margin: 0 2px;
}


#carte #carte_interactive, #home #carte {
    background-color: #019ba5;
}

.section-nav.col-md-10.col-md-offset-1.hidden-xs {
    display: none;
}

/* Footer */

a.footer-brand.hidden-xs.affix {
    display: none;
}

/***************************** Page Article **********************************************/

header {
    height: 100px;
}

#main .page-title {
    background-image: url(/var/storage/images/val-de-loire-refonte/agir/477522-5-fre-FR/Agir_image_1500x230.jpg);
    background-position: center;
    background-size: 100%;
        /*padding-top: 350px;*/
        height: 700px;
}

#main .content-page .main_col .titre1, #main .content-page .main_col h2, #main .content-page #key_argument.aside_block, 
#main .content-page #key_argument.aside_block p, #main .content-page .aside_block h3, #main .content-page .aside_block ul li,
#main .content-page .aside_block.link_list ul li a {
    color: #4e5258 !important;
}

#main .page-title.default_connaitre {
    background-image: url(/var/storage/images/val-de-loire-refonte/connaitre/477520-4-fre-FR/Connaitre_image_1500x230.jpg);
}

#main .page-title.default_actu {
    background-image: url(/var/storage/images/val-de-loire-refonte/actualites/477290-17-fre-FR/Actualites_image_background-nb.jpg);
}

#main .page-title.default_agir {
    background-image: url(/var/storage/images/val-de-loire-refonte/agir/477522-5-fre-FR/Agir_image_1500x230.jpg);
}

#main .page-title.default_gerer {
    background-image: url(/var/storage/images/val-de-loire-patrimoine-mondial-de-l-unesco/val-de-loire-refonte/gerer/477524-7-fre-FR/Gerer_image_1500x230.jpg);
}

#main .page-title.default_ressources, #main.main-ressource .page-title {
    background-image: url(/var/storage/images/val-de-loire-refonte/ressources/477526-8-fre-FR/Ressources_image_1500x230.jpg);
}

#main .page-title .title {
    position: absolute;
    top: auto;
    bottom: -70px;
}

#main .page-title .title .container {
    padding: 30px 50px;
}

#main .page-title  .row {
    position: relative;
}

#main .page-title #toolbar_up {
    margin-top: 15px;
    position: absolute;
    margin-bottom: 20px;
    right: 0;
}

#main .page-title  .main_col.col-lg-8.col-md-8.col-sm-8.col-xs-12 {
    margin-top: 25px;
}

#main .page-title .col-lg-offset-1.col-lg-3.col-md-offset-1.col-md-3.col-sm-offset-1.col-sm-3.col-xs-12 {
    margin-top: 30px;
}

#main .content-page {
    margin-top: 65px;
}

#main .page-title #toolbar {
    margin-top: 4em;
}

/*** Sidebar ***/

.media_page_sidebar {
    width: 120px;
    float: left;
}


.content_page_sidebar {
    width: calc(100% - 120px);
    float: left;
}

#main .content-page .content_page_sidebar h3, #main .content-page .content_page_sidebar p {
    margin-left: 10px;
}

#interieure #main-wrapper, #interieure #main-wrapper .content-page>.container  {background: linear-gradient(to right,#fff 0,#fff 75%,#dfc288 75%,#dfc288 100%);}

#interieure #main-wrapper .page_article .content-page>.container  {background: linear-gradient(to right,#fff 0,#fff 63%,#dfc288 63%,#dfc288 100%);}


#main.page_article .content-page .aside {
    padding-top: 0;
    margin-left: 6%;
    padding: 0 10px;
    width: 36%;
    margin-right: -5%;
    float: left;
}

section#zoom .article {border: none;}

#main .content-page p.date {
    font-size: 12px;
        color: #545246 !important;
}

#main.page_article .content-page h3 {
    font-size: 16px;
}

#main.page_article .content-page .aside p.chapeau {
    font-size: 14px;
        color: #545246 !important;
        font-weight: 200;
}

#une .media, #zoom .media{
    width: 120px;
}

#une .media img, #zoom .media img {
    max-width: 120px;
    height: auto !important;
}

#zoom .liste .item h3 {
    text-decoration: underline;
}



@media screen and (max-width: 1200px) { 
    #interieure #main-wrapper .content-page>.container {
        padding-top: 50px;
    }
    nav.navbar {
        background-size: 0 !important;
    }

    .navbar-wrapper.affix .navbar-brand {
        margin-right: 70px;
    }

    .navbar-wrapper {
        height: auto;
    }

    header > video {
        margin-bottom: 120px;
        top: 120px;
    }
}


@media screen and (max-width: 1023px) {
    .container_home_actus {
        background: #fff;
    }
    .container_home_actus .container {
        max-width: initial;
        width: auto;
    }

    section.presentation_home.col-md-6, section.actus.col-md-6 {
        padding: 45px;
    }

    header  .second_nav_mobile {
        display: block;   
    }

    header ul.navbar-lang.list-inline {
        margin-top: 0;
    }

    header  .second_nav {
        display: none;
    }
}

@media screen and (max-width: 991px) { 
    #interieure #main-wrapper .content-page {
        margin-top: 50px;
    }
    header {
        height: auto;
    }

    /*nav.navbar {
        background-size: 50px !important;
        background-position: left 50px top 25px;
    }

    nav.navbar-brand {
        margin-left: 50px !important
    }*/
}

@media (max-width: 991px) and (min-width: 768px) {
        .tablet.portrait #home .actus  {
            background: #dfc288 !important;
        }
}

@media screen and (max-width: 768px) {  
    #main.page_article .content-page .aside {
        width: 100%;
        margin: 0;
    }
    #main .page-title {
        background-size: cover;
    }
    header .fisrt_nav {
        float: none;
    }

    section.presentation_home.col-md-6, section.actus.col-md-6 {
        padding: 20px 45px;
    }

    .encart_home {
        margin-bottom: 15px;
        padding-right: 0px;
    }
    
}

@media screen and (max-width: 480px) {   
    #interieure #main .aside {
        background: #dfc288;
    }
    header .rotating.background {
        background-color: transparent;
    }
    #main .page-title #toolbar_up {
        position: relative;
    }

     #home .triptique {
        background-color: #d9328a;
     }

     #home .actus {
        padding-top: 20px;
     }

     section.presentation_home.col-md-6, section.actus.col-md-6 {
        padding: 20px;
    }

    header > video {
        margin-bottom: 55px;
        top: 55px;
    }
}



@media (min-width: 1908px) {
    #interieure #main-wrapper  {background: linear-gradient(to right,#fff 0,#fff 60%,#dfc288 60%,#dfc288 100%);}
}



/* IE9, IE10, IE11 */
@media screen and (min-width:0\0) { 
    .navbar-header {
        float: left;
        width: 27%;
        margin-left: 0px !important;
    }
    .navbar-collapse.collapse {
        float: right;
        width: 73%;
    }

 }



/* Recette refonte (test) */

#main .title .container, #ariane ul, #experience .item.square-bg {
    background-color: #019ba5;
}

#main .content-page h2.heading, #main .content-page .aside_block.link_list ul li:before, 
#main .content-page .main_col .embed.listactu p.titreUne a, 
#main .content-page .aside_block li a, #main .content-page .aside_block ol a, 
#main .content-page .aside_block p a, #main .content-page .aside_block ul a, .allContent a {
   color: #4e5258 !important;
}

#agir, #experience, #gallery {
    background-color: #9dd7d7 !important;
}

#main .content-page .main_col .color_blue, #main .content-page .main_col .color_green {
     background-color: #ddf1f1 !important;
    border-color: #019ba5 !important; 
}

#main .content-page .main_col .color_red {
    background-color: #fce5ee!important;
    border-color: #d9328a !important; 
}

#main .content-page .main_col .color_brown {
    background-color: #f0e5c9!important;
    border-color: #dfc288 !important; 
}


#main .content-page .main_col .color_red .color_bloc_content p, 
#main .content-page .main_col .color_brown .color_bloc_content p, 
#main .content-page .main_col .color_green .color_bloc_content p, 
#main .content-page .main_col .color_brown .color_bloc_content .souligne, 
#main .content-page .main_col .color_brown .color_bloc_content a, #main .content-page .main_col .color_brown .color_bloc_content ol li, #main .content-page .main_col .color_brown .color_bloc_content p, #main .content-page .main_col .color_brown .color_bloc_content ul li, #main .content-page .main_col .color_brown .color_bloc_content ul li:before, 
#main .content-page .main_col .color_brown .color_bloc_content>.titre1, 
#main .content-page .main_col .color_brown .color_bloc_content>.titre2, 
#main .content-page .main_col .color_brown .color_bloc_content>.titre3, 
#main .content-page .main_col .color_brown .color_bloc_content>.titre4, #main .content-page .main_col .color_brown .color_bloc_content>.titre5, #main .content-page .main_col .color_brown .color_bloc_content>.titre6, #main .content-page .main_col .color_brown .color_bloc_content>h1, #main .content-page .main_col .color_brown .color_bloc_content>h2, 
#main .content-page .main_col .color_brown .color_bloc_content>h3, 
#main .content-page .main_col .color_brown .color_bloc_content>h4, #main .content-page .main_col .color_brown .color_bloc_content>h5, 
#main .content-page .main_col .color_brown .color_bloc_content>h6,
#main .content-page .main_col .color_green .color_bloc_content .souligne, 
#main .content-page .main_col .color_green .color_bloc_content a, 
#main .content-page .main_col .color_green .color_bloc_content ol li, 
#main .content-page .main_col .color_green .color_bloc_content p, #main .content-page .main_col .color_green .color_bloc_content ul li, #main .content-page .main_col .color_green .color_bloc_content ul li:before, #main .content-page .main_col .color_green .color_bloc_content>.titre1, #main .content-page .main_col .color_green .color_bloc_content>.titre2, 
#main .content-page .main_col .color_green .color_bloc_content>.titre3, 
#main .content-page .main_col .color_green .color_bloc_content>.titre4, 
#main .content-page .main_col .color_green .color_bloc_content>.titre5, #main .content-page .main_col .color_green .color_bloc_content>.titre6, 
#main .content-page .main_col .color_green .color_bloc_content>h1, #main .content-page .main_col .color_green .color_bloc_content>h2, #main .content-page .main_col .color_green .color_bloc_content>h3, #main .content-page .main_col .color_green .color_bloc_content>h4, 
#main .content-page .main_col .color_green .color_bloc_content>h5, 
#main .content-page .main_col .color_green .color_bloc_content>h6 {
    color: #4e5258 !important;
}

#main .content-page .main_col .color_red .color_bloc_content a, 
#main .content-page .main_col .color_brown .color_bloc_content a, 
#main .content-page .main_col .color_green .color_bloc_content a {
    color: #019ba5 !important;
}

#experience h2.hc, #main .content-page ol, #main .content-page p, #main .content-page ul,
#main .content-page div.a_savoir li, #main .content-page div.a_savoir ol, #main .content-page div.a_savoir p, #main .content-page div.a_savoir ul {
    color: #4e5258 !important;
}

#main .content-page ol a, #main .content-page p a, #main .content-page ul a, a {
    color: #019ba5;
}

.aside_block #gallery {
    background-color: transparent;
}

audio {
    max-width: 100%;
}

#main .content-page .main_col .color_blue .color_bloc_content .souligne, #main .content-page .main_col .color_blue .color_bloc_content a, 
#main .content-page .main_col .color_blue .color_bloc_content ol li, #main .content-page .main_col .color_blue .color_bloc_content p, #main .content-page .main_col .color_blue .color_bloc_content ul li, #main .content-page .main_col .color_blue .color_bloc_content ul li:before, #main .content-page .main_col .color_blue .color_bloc_content>.titre1, 
#main .content-page .main_col .color_blue .color_bloc_content>.titre2, #main .content-page .main_col .color_blue .color_bloc_content>.titre3, #main .content-page .main_col .color_blue .color_bloc_content>.titre4, 
#main .content-page .main_col .color_blue .color_bloc_content>.titre5, #main .content-page .main_col .color_blue .color_bloc_content>.titre6, #main .content-page .main_col .color_blue .color_bloc_content>h1, 
#main .content-page .main_col .color_blue .color_bloc_content>h2, #main .content-page .main_col .color_blue .color_bloc_content>h3, #main .content-page .main_col .color_blue .color_bloc_content>h4, #main .content-page .main_col .color_blue .color_bloc_content>h5, #main .content-page .main_col .color_blue .color_bloc_content>h6 {
    color: #4e5258 !important;
}

.listactu.liste .article .type_ressource li.active {
    background-color: #d9328a;
}

#main .content-page .main_col .color_red .color_bloc_content .souligne, #main .content-page .main_col .color_red .color_bloc_content a, #main .content-page .main_col .color_red .color_bloc_content ol li, #main .content-page .main_col .color_red .color_bloc_content p, #main .content-page .main_col .color_red .color_bloc_content ul li, #main .content-page .main_col .color_red .color_bloc_content ul li::before, #main .content-page .main_col .color_red .color_bloc_content > .titre1, #main .content-page .main_col .color_red .color_bloc_content > .titre2, #main .content-page .main_col .color_red .color_bloc_content > .titre3, #main .content-page .main_col .color_red .color_bloc_content > .titre4, #main .content-page .main_col .color_red .color_bloc_content > .titre5, #main .content-page .main_col .color_red .color_bloc_content > .titre6, #main .content-page .main_col .color_red .color_bloc_content > h1, #main .content-page .main_col .color_red .color_bloc_content > h2, #main .content-page .main_col .color_red .color_bloc_content > h3, #main .content-page .main_col .color_red .color_bloc_content > h4, #main .content-page .main_col .color_red .color_bloc_content > h5, #main .content-page .main_col .color_red .color_bloc_content > h6 {
    color: #4e5258 !important;
}

#main .content-page .main_col .color_red .color_bloc_content ul li, #main .content-page .main_col .color_red .color_bloc_content ul li::before {
    color: #4e5258 !important;
}

#home #carte #carte_interactive {
    background-color: #019ba5 !important;
 }

#prefooter .container .text-center a img {
    height: auto !important;
}

/** Menu temporaire Avoir 20 ans **/

/*.container_header .navbar-nav > li a {
    padding: 10px 5px;
    font-size: 14px;
}*/

#main .content-page .col-lg-8 .embed.listactu .media {
    width: 140px;
    margin-right: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-top: -20px;
    margin-left: -20px;
}

#main .content-page .col-lg-8  .embed {
    position: relative;
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 20px;
    display: block;
    background-color: #f5fbf9;
    border: 1px solid #dbe7e3;
    float: left;
}

#main .content-page .col-lg-8 .embed.listactu p.titreUne {
    color: #113c62 !important;
    margin: 0 0 .2em 0;
    font-size: 16px;
    font-weight: 700;
}

#main .content-page .col-lg-8 .embed.listactu p.titreUne a {
    color: #4e5258 !important;
    text-decoration: none;
}