/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/     

/*******************************/
/*******************************/
/* Large Devices, Wide Screens */
/*******************************/
/*******************************/
@media (max-width : 1200px) {
    header#t3-header .navbar-default .navbar-nav > li > a {
        font-size: 0.75em !important;
    }

    .section.rn-autres-documents {
        margin: 15px !important;
    }
}



/*******************************/
/*******************************/
/* Medium Devices, Desktops */
/*******************************/
/*******************************/
@media (max-width : 992px) {
    
    
    .container {
        width:95%!important;
    }

    .rn-full-width .t3-mainbody {
        width: 100% !important;
    }
    
    
    /* HEADER */
    
    .t3-header.affix-top button i {
        color: #f7c731;
    }
    
    
    .t3-header .row, .t3-header .row > .site-navigation-right {
        height:100%;
    }
    
    .off-canvas-toggle {
        height:100%;
        padding:0 30px!important;
    }
    
    
    .t3-off-canvas .t3-off-canvas-header {
        background-color:#f0bc32!important;
    }
    
    .t3-off-canvas .close {
        background-color:#cc9400!important;
    }    
    
    .t3-off-canvas .t3-off-canvas-body .nav li.active > a, .t3-off-canvas .t3-off-canvas-body .nav li.active.open > a {
        color:#f0bc32!important;
    }
    
    /* FIN HEADER */

    /* PAGE FORMATION INDIVIDUELLE */

        .rn-formations.view-article #t3-content {
            padding: 25px 30px !important;
        }

        /* Affichage du contenu des onglets */
            .rn-formations .tab-pane {
                display: none !important;
            }

            .rn-formations .tab-pane.active {
                display: inherit !important;
            }

        /* image */

            .formation-image {
                height: inherit !important;
            }

        .formation-infos-globales {
            padding: inherit !important;
        }

        .rn-formations .boutons-formation,
        .rn-formations .formation-details
        {
            padding: 0px;
        }
        
        .formation-titre-ref {
            padding: 12.5px;
            margin-top: inherit;
        }

    /* FIN PAGE FORMATION INDIVIDUELLE */
    
     /* CALENDRIER */

        .rn-calendrier .rn-calendar {}

            .rn-calendar .calendar-navigation {
                font-size: 0.6em;
            }

            .rn-calendrier .rn-calendar .infos {
                display: none !important;
            }
    
            .rn-calendrier .rn-calendar td {
                height: 85px !important;
            }

         /* agrandir la case au survol */
             .rn-calendrier .rn-calendar td:hover {
                 position: absolute;
                 width: 150px;
                 min-height: 145px;
                 height: inherit;
             }

             .rn-calendrier .rn-calendar td:last-child:hover { /* les cases les plus a droite se decalent vers la gauche */
                 right: 30px;
             }

        /* les liens dans les cases non-selectionees doivent être représentés sous la forme de carés */
            .rn-calendrier .rn-calendar td:not(:hover) .lien {
                width: 0px;
                height: 0px;
                color: transparent;
            }

            .rn-calendrier .rn-calendar td:not(:hover) .lien:before {
                content: "";
                position: absolute;
                width: 20px;
                height: 20px;
                left: -10px;
                top: 8.5px;
                border-radius: 20px;
                background-color: #cacaca;
            }

            .rn-calendrier .rn-calendar td.jourDuMois:not(:hover) .lien:before {
                background-color: #f0bc32;
            }

            .rn-calendrier .rn-calendar td:not(:hover) .lien a {
                display: none;
            }

            .rn-calendrier .rn-calendar td:hover .lien a {
                margin-left: 40px;
            }

        .rn-calendar table.rn-calendrier td p.jour {
            position: relative !important;
        }

    /* FIN CALENDRIER */

    /* HOME */
 
    .rn-services.cartes .uk-panel .uk-panel-title:after {
         opacity: 1;
         content: "Cliquez pour en savoir plus !";
         /* position: absolute; */
         /* width: 115px; */
         display: -webkit-box;
         line-height: 1.3em;
         text-align: center;
         left: 20px;
         bottom: -15px;
         margin-top: 8.5px;
         font-size: 0.5em !important;
         /* background-color: #75952b; */
         /* padding: 5px; */
         /* transform: rotate(-4deg); */
         -moz-transform: rotate(-84deg);
         /* -webkit-transform: rotate(-4deg); */
         -khtml-transform: rotate(-4deg);
         transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    }

     .rn-services.cartes .uk-panel:hover .uk-panel-title:after {
        opacity: 0;
        height: 0px;
     }

    /* module "asfis, c'est..." */
        .stats-item-counter {
            transform: scale(0.8);
        }

        .uber-stats .section-lightest {
            padding: inherit !important;
            padding-bottom: 0px !important;
        }
    
    /* module catalogue */

        .rn-guide-newsletter {
            padding-top: 0px !important;
            margin-top: -30px; /* compenser un espace trop grand au dessus du module */
        }

        .rn-guide-newsletter .guide-dwn {
            background-color: #f0bc32 !important;
            height: 250px !important;
        }

        .rn-guide-newsletter a {
            color: inherit;
            text-align: center;
        }

        .rn-guide-newsletter img[alt="Guide 2017 Asfis"] {
            float: none;
            position: absolute;
            width: 250px;
            top: inherit;
            bottom: 32px;
            left: 350px;
        }
        
         /* lien "voir le catalogue" */
        .rn-guide-newsletter .white-link {
            color: white;
            text-transform: uppercase;
            text-decoration: none; 
        }

        .rn-guide-newsletter .white-link:hover {
            text-decoration: underline;
        }

    /* module newsletter */
    .rn-newsletter {
        margin-top: 100px;
        padding-right: 20px !important;
        padding-left: 20px !important;
    }
    
    .acm-hero .hero-intro {
        display:block!important;
    }
    
    .rn-services.cartes .uk-panel-title {
        font-size:26px!important;
    } 
    
    .rn-services.cartes .uk-margin {
        font-size:14px!important;
    }    
    
    .rn-guide-newsletter .rn-newsletter {
        min-height:0px!important;
        display:block!important;
        text-align:center;
    }
    
    .rn-guide-newsletter .rn-newsletter img {
        width:30%!important;
    }
    
    /* FIN HOME */
    
    
    /* ARTICLE */
    
    div .rn-intro {
        width:85%!important;
    }
    
    /* FIN ARTICLE */
    
    /* DOCUMENTATION : PUBLICATION INDIVIDUELLE */

    .publication-image .image-container #image {
        width: 300px !important;
    }

    .rn-publications .publication-infos-globales {
        padding-left: inherit !important;
    }

    /* FIN DOCUMENTATION : PUBLICATION INDIVIDUELLE */
    
} 




/*******************************/
/*******************************/
/* Small Devices, Tablets */
/*******************************/
/*******************************/
@media (max-width : 767px) {

    .rn-title {
        text-align: left;
    }

    .rn-guide-newsletter .guide-dwn {
        height: 0px !important;
        background: none !important;
        display: flex;
        justify-content: center;
    }

    .rn-guide-newsletter img {
        left: calc(50% - 87.5px) !important;
        top: 325px !important;

        width: 175px !important;
    }    
    
    .view-article h2 {
        font-size:32px;
    }
    
    
    a.btn-dwn, .modal_link.cboxElement {
        font-size:16px;
    }
    
    
    .rn-full-width .rn-col-white .col-md-12.rn-div a.btn-dwn {
        margin-bottom:20px!important;
    }

    
    .rn-full-width .rn-timeline .jux-tl-wrap {
        background-position:50%!important;
    }
    
    .rn-full-width .rn-timeline .jux-tl-item.right {
        width:90%;
        padding-right:10%;
    }
    
    .rn-full-width .rn-timeline .jux-tl-item.right {
        width:100%!important;
        padding:0 10%!important;
    }

    .rn-formations .tab-pane {
        min-height: inherit !important;
        padding: inherit !important;
    }

    /* RS FORM */

        .com_rsform.rn-inscription .champs-info-label {
            text-align: left !important;
        }

    /* FIN RS FORM */

}




/*******************************/
/*******************************/
/* Extra Small Devices, Phones */
/*******************************/
/*******************************/ 
@media (max-width : 480px) {

        html:not(.rn-english-content) .ja-masthead .ja-masthead-detail {
            padding: 150px 0px !important;
        }

        .ja-masthead .ja-masthead-title {
            font-size: 1.5em !important;
        }

    /* boutons et infos responsables */

        .rn-formations.view-article .boutons-formation,
        .rn-formations.view-article .formation-details
        {
            min-height: 150px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .formation-date-lieu {
            margin-top: 25px;
        }

        .rn-formations.view-article .boutons-formation {
            margin: 25px 0px;
        }

        .rn-fleches .rn-bg-grey {
            width: 210px;
        }

        .rn-fleches div:nth-child(2n+2):after
        {
            border-width: 40px 105px 0px 105px;
        }

        .rn-fleches div:nth-child(2n+1):after
        {
            border-width: 40px 105px 0px 105px;
        }

        .rn-fleches div:before
        {
            border-width: 40px 105px 0px 105px;
        }

        .rn-fleches span.rn-etape-chiffre {
            font-size: 25px;
        }
        
    /* rn-cartes */

        .rn-voir-plus {
            font-size: 0.9em;
        }

}



/*******************************/
/*******************************/
/* Custom, iPhone Retina */ 
/*******************************/
/*******************************/
@media (max-width : 320px) {

}