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

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */

@media only screen and (min-width : 320px)  and (max-width: 992px){
    /***************************************Home*************************************************/
	.views_slideshow_cycle_slide.views_slideshow_slide,.views_slideshow_cycle_slide.views_slideshow_slide img{height:auto!important; width:100% !important;}
	
    .col-sm-12{padding-left: 0;padding-right: 0;}
    .col-md-12{padding-left: 0;padding-right: 0;overflow: hidden;}
    .logo{max-width: unset !important;}
    .logo{top:6px!important;left:2%!important;}
    .path-frontpage .logo{top:2px;}
    .logo img{width: 65% !important;}
     .menu--account.navbar-nav>li>a{padding-top: 0px!important;}
    .path-frontpage .menu--account.navbar-nav{    margin: 2px -15px!important;}
    .path-frontpage #navbar-collapse{padding-top:10px!important;}
    .path-node #block-useraccountmenu-mobile, .path-video #block-useraccountmenu-mobile, .path-cinema #block-useraccountmenu-mobile, .path-all-events #block-useraccountmenu-mobile, .path-appels-projets #block-useraccountmenu-mobile, .path-actualites #block-useraccountmenu-mobile, .path-dossiers #block-useraccountmenu-mobile, .page-path-error #block-useraccountmenu-mobile{display: block!important;float: right!important;margin-top: 0;margin-right: 10px;}
    .path-frontpage #block-useraccountmenu-mobile{display: block!important;float: right!important;margin-right: 10px;}

    #block-cinemablocfront img{
        min-height: 200px!important;
    }
    #block-bloccoursfront img {
        min-height: 200px !important;
    }
    #block-bloceducationfront img {
        min-height: 200px !important;
    }
    #block-blocappelfront img {
        min-height: 300px!important;
        max-height: 300px!important;
    }
    #block-blocmediathequesfront img{
        min-height: unset!important;
        max-height: unset!important;
    }
    #block-blocreseaufront img {
        min-height: 200px !important;
    }
    #block-bloccampusfront img {
        height: 200px !important;
        min-height:unset !important;
    }
    #block-abonnementsimplenews {
        height: 300px !important;
    }
    /***************************************Header*************************************************/
    .navbar-toggle{float: right !important;right: 0;margin-right: 0!important;margin-top: 0!important;}

    .views_slideshow_controls_text_next{right: 45px !important;}
    .navbar-toggle .icon-bar{background-color: #ffffff;}

    .menu-principale{top: 0 !important;margin-left: 0 !important;margin-bottom: 15px;}
    #block-menusecondaire .menu--menu-secondaire.nav a { font-size: 10pt!important;  }

    #block-menusecondaire .nav > li > a {padding: 15px 4px!important;}
    #block-ift-account-menu {display: none!important;}

    /***************************************menu*************************************************/
    .menu--menu-secondaire.nav{display: none!important;}
    .path-frontpage ul.menu.menu--main.nav.navbar-nav{background-color: #034ea2;width: 70%;opacity: 0.8;padding-top: 10px;padding-bottom: 10px;float: right!important;}


    /***************************************Slider*************************************************/

    .views_slideshow_cycle_teaser_section .views-field.views-field-body {
        bottom: 5px!important;
        font-size: 16px!important;
        max-width: 85%!important;
    }

    #widget_pager_bottom_slideshow_view-block_1{ z-index:0; }
    #block-views-block-controls-slideshow-view-block-1{display: none;}
    .views-slideshow-controls-bottom .views-slideshow-pager-bullets li.active{border: none !important;}

    #views_slideshow_cycle_teaser_section_slideshow_view-block_1{height:200px !important; width: 100% !important; }
    #views_slideshow_cycle_main_slideshow_view-block_1 .views-field.views-field-field-image-slideshow .img-responsive, .thumbnail > img,
     .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img{height:200px !important;width: 100% !important; }
    /***************************************Calendar*************************************************/
    .all-events-mobile{
        display: block !important;
        color: white !important;
        font-size: 20px !important;
    }
    .field.field--name-field-lien-telechargement {bottom: 4%!important;left:4%!important; }
    .field.field--name-field-lien-telechargement a {
        font-size: 10px !important;
    }
    #block-mycalendar-5 .field--name-field-tous-nos-evenements
    {
        display: block!important;
        bottom: 1%!important;
        right: 4%!important;
    }
    #block-mycalendar-5 .field--name-field-tous-nos-evenements a {
        font-size: 10px!important;
    }
    #events{display: none;}
    .calendar{height: auto !important;}
    .lf-next{left: 90%;}
    .prev{left:40px;}
    .leftcalendar{margin-top: 45px;}
    .lf-day-name{font-family: protogrotesk-light;font-size: 22px;}
    .lf-event-day{font-family:protogrotesk-extralight;}
    .list{
        margin-top: 0!important;
        height: auto !important;
        margin-left: 15% !important;
    }
    .day-event{margin-bottom: 10% !important;max-width: 70%!important;}
    .day-event h2.title a{font-size: 24px!important;}
    .day-calendar{padding-left: 0;}
    .month-calendar{float: none;margin-top: 0 !important;padding-bottom: 20%!important;}
    .day-calendar{max-height: 400px;}
    .cours h2.block-title{bottom: 0!important;}
    .month-calendar table{width:unset!important;margin: 0 auto!important;}
    table{width:100%!important;margin: 0 auto!important;}
    .calendar td{width: 20px !important;}
    .month{padding-left: 10%;margin-bottom: 10%;}
    .btn-next{right: 0;}
    .btn-prev{right: 40px;}
    /***************************************actualité*************************************************/
    #block-views-block-actualites-block-1 .views-field.views-field-title a {
        font-size: 15px !important;
    }
    #block-views-block-actualites-block-1 .more-link a {
        font-size: 9px !important;
    }
    .views-field.views-field-field-image-bloc-front img{
        min-height: 270px!important;
        max-height: 300px!important;
    }
    #block-views-block-actualites-block-1 h2.block-title{top: 0 !important;height: 20% !important;}
    /***************************************actualité-listing*************************************************/
    .path-actualites .views-field.views-field-body{margin-bottom: 0 !important;}
    .path-actualites .views-field.views-field-published-at{margin-bottom: 10px !important;}
    .path-actualites .views-field.views-field-title a{    margin: 5px 0 0 2px;font-size: 18px !important;}
    .path-actualites .views-field.views-field-title{margin-bottom: 10px !important;margin-top: 15px !important;}
    .path-actualites .views-field.views-field-field-mots-actualite ul li{margin: 30px 0 0 2px !important;font-size: 10px !important;    border: 5px solid #034ea2 !important;}
    .path-actualites .views-field.views-field-field-mots-actualite {
        margin-bottom: 20px;
        border-bottom: 1px solid #e8e8e9;
        padding-bottom: 15px;}
      /***************************************centres*************************************************/
.les-vignettes {
    display: block !important;
    text-align: center ;
}
.vignette13 {
    margin: 0 auto;
    text-align: center !important;
}
    /***************************************actualité-detail*************************************************/
    .image_baniere img {
        width: 100%;
        height: auto !important;
    }
    .path-node .container{margin-top: 0 !important;}
    .path-node .field.field--name-field-theme, .field.field--name-field-secteur, .field.field--name-field-categorie, .field.field--name-field-secteur-dossiers {
        top: 50% !important;
        bottom: 50% !important;
        font-size: 20px!important;
        left:25% !important;
        right: 25%!important;
    }
    /***************************************newslettre*************************************************/
    .newsletter{
        background-image: none !important;
    }
    /***************************************Gouvernance et Société civile*************************************************/
    #block-blocgouvernancefront h2.block-title {
        bottom: 2% !important;
    }
    /***************************************actualite*************************************************/
    /***************************************event*************************************************/
    .path-all-events .views-field-field-theme-1 .field-content{font-size: 20px !important;}
    .path-all-events .views-field-title{bottom: 35px !important;left: 10px!important;}
    .path-all-events .details{bottom: 10px !important;left: 10px!important;font-size: 12px!important;}
    .path-all-events .views-field.views-field-field-imageofevent img{height: 200px!important;}
    .path-all-events .color_field__swatch--square{max-height: 200px!important;height: 200px!important;}
    .path-cinema iframe, .page-node-type-event iframe {width:100%!important;height: auto!important;}
    /**************************************culture************************************************/
    #block-blocculturefront h2.block-title{bottom: 1% !important}
    /**************************************reseau scolaire************************************************/
    .reseau-scolaire h2{z-index: 1;}
    /**************************************newslettre************************************************/
    .newsletter{background-image: none;}
    /***************************************partenaire*************************************************/
    #block-views-block-partenaires-slideshow-block-1 {
        min-height: 350px !important;
        overflow: hidden;
    }
   
    #views_slideshow_cycle_main_partenaires_slideshow-block_1{max-height: 120px; }
    /***************************************video*************************************************/
    .path-video .content-videos{background-size: auto !important;}
    .path-video .col-lg-4 {
        margin-top: 0 !important;
        min-height: 240px;
        overflow: hidden;
    }
    .path-video .view-display-id-page_1 .field-content a {
        font-size: 24px !important;
    }
    .article .views-field.views-field-field-lien-video img{width: 100%;}
    .article .views-field.views-field-title{bottom: 10% !important;left: 5px !important;}


    /***************************************footer*************************************************/
    .site-footer__top{padding-top: 20px!important;}
    .lien-ministere{
        margin: 0 auto;
        display: block;
        text-align: center;
        float: none !important;
    }
    .region.region-footer{float: none !important;}
    .menu--footer.nav {
        width: 70%;
        margin: 0 auto;
        margin-bottom: 10px!important;}
    .footer-right{text-align: center;padding-bottom: 15px!important;}
    .social_links{margin-top: 20px;}
    p.droits-footer{float: none !important;}
    a.ift2017{float: none !important;}
    .footer-bootom{text-align: center;}
    a.lien-IFT{float: none !important;}
    .button-search{margin-left: 31%!important;}
    .button-search img {width: 13pt!important;}
    .social_links .region-social-links{width: 90%!important;}
    .fa-2x {font-size: 13pt!important;}
    .lien-ministere img {margin-right: 0!important;margin-bottom: 20px!important;}
    /************* page contact ********************/
    td.numero{float: left;max-width: 300px;}
    td.adresse{float: left;max-height: 170px;max-width: 300px;}
    #block-geolocalisation iframe{max-height: 300px!important;}
    /***********page vidéo ***********/
    .path-video .corp{ min-height: unset!important; }
    .path-video .views-field.views-field-nothing{margin-top: 0!important;margin-right: 0!important;margin-left: 3%!important;}
    /***** page 404 ******/
    .page-path-error .search{max-width: 65%!important;}
    .page-path-error .error-actions .btn{margin-bottom: 10px;}
    /*************page interne *********/
    body h1.page-header{font-size: 22px!important;max-width: 90%!important;margin-left: 10px!important;}
    .path-all-events .view-content { margin-bottom: 0 !important;}
    .path-node .field--name-body{margin-left: 0!important;margin-right: 0!important;padding-top: 20px!important;margin-bottom: 45px!important;font-size: 17px!important;}
    /****************article -lié************/
    .article h2{margin-left: 0 !important;margin-right: 0 !important;font-size: 24px !important;padding-left: 10px !important;}
    .article .views-field.views-field-title a {font-size: 16px !important;}
    /************************ select filtres *****************/
    .path-dossiers .views-exposed-form, .path-actualites .views-exposed-form, .path-appels-projets .views-exposed-form /*, .path-all-events .views-exposed-form*/  {display: block!important;float: left;color: #ffffff;margin-top: 15px;}
    .path-all-events .form-item-field-theme-target-id {display: block!important;float: left;color: #ffffff;margin-top: 15px;}
    .path-dossiers .quicktabs-tabs, .path-actualites .quicktabs-tabs, .path-appels-projets .quicktabs-tabs, .path-all-events .quicktabs-tabs {display: none!important;}
    .path-dossiers .form-select.form-control, .path-actualites .form-select.form-control, .path-appels-projets .form-select.form-control {color: #ffffff!important;background-color: #034ea2!important;font-size: 11px!important;}
    .path-dossiers .bef-exposed-form label, .path-actualites .bef-exposed-form label, .path-appels-projets .bef-exposed-form label, .path-all-events .bef-exposed-form label{font-weight: normal!important;margin-left: 10px!important;}
    .path-all-events .js-form-type-select.form-item-year{float: left!important;margin-top: 15px!important;}
    .path-all-events select#edit-year.form-select.form-control {font-size: 11px!important;}
    /***************************** cinema ******************/
    .path-cinema .video-embed-field-provider-youtube {height: auto!important;}
    .path-cinema .views-field.views-field-field-lien-bande-annonces-{max-width: 45%!important;margin-top: 15px!important;margin-bottom: 15px!important;}
    .path-cinema .detail-cinema{font-size: 13px!important;}
    /**************** page contact **************/
    .path-contact h3, .h3 {font-size: 13px!important;  }
    body.path-contact {font-size: 11px!important;}
    .path-contact textarea.form-control{height: 65px!important;}
    /**************** Webform ************/
    form.webform-submission-form{width:80%!important;}
    /*************** Quicktabs ***********/
   #quicktabs-container-all-events .quicktabs-tabpage.quicktabs-hide{display:none!important;}
   /**************** article lié image **************/
    .article img {height: 150px;}
   /*********** page cours (m'inscrire)**************/
   .page-cours-francais .field--name-field-image-banniere{padding-bottom: 0!important;}
   .page-cours-francais .arc-en-ciel .course-list-header h1 {padding-top: 15px;display:block!important;}
   .arc-en-ciel class-card .level .topnav li a, .arc-en-ciel course-card .level .topnav li a, .arc-en-ciel reservation-card .level .topnav li a {
    white-space: unset!important;}
}
@media only screen and (min-width : 320px)  and (max-width: 360px) {
    /******* page détail event border endroit  *******/
    .field.field--name-field-endroit{border-left:0 !important;}
}
@media only screen and (min-width : 320px)  and (max-width: 350px) {
    /******* footer *******/
    .button-search{margin-left: 26%!important;}
}
@media only screen and (min-width : 320px)  and (max-width: 359px) {
    .menu--footer.nav{width: 84%!important;}
}
@media (max-width: 1200px){

    #block-views-block-partenaires-slideshow-block-1 .view-content{margin-top: 120px !important;}
}
@media (max-width: 767px){
    .navbar-nav .open .dropdown-menu {
        width: 75%!important;
    }
  
    #views_slideshow_cycle_teaser_section_partenaires_slideshow-block_1{width: 60% !important;}
    #views_slideshow_cycle_main_partenaires_slideshow-block_1{max-height: 120px; width: 80% !important;}
}
@media only screen and (min-width : 480px)  and (max-width: 667px){
    /***************************************Home*************************************************/
    /***************************************Header*************************************************/
    /***************************************Calendar*************************************************/
    #events{display: none;}
    .calendar{height: auto !important;background-image: none !important;}
    .lf-next{left: 90%;}
    .prev{left:40px !important;}
    .leftcalendar{margin-top: 45px;}
    .lf-day-name{font-family: protogrotesk-light;font-size: 22px;}
    .lf-event-day{font-family:protogrotesk-extralight;}
    .list{
        margin-top: 0 !important;
        margin-left: 10px !important;
        height: auto !important;
    }
    .day-calendar{padding-left: 0!important;}
    .month-calendar{float: none!important;
        margin-top: 0 !important;}
    .cours h2.block-title{bottom: 0 !important;}
    .dossier{width: 100%;padding-right: 0;padding-left: 0;}
}
/* Execptions */
@media only screen and (min-width : 375px)  and (max-width: 812px){
  
    #block-ift-account-menu li a {margin-right: 10px;}
    .leftcalendar{margin-top: 45px;}
    .lf-day-name{font-family: protogrotesk-light;font-size: 22px;}
    .lf-event-day{font-family:protogrotesk-extralight;}

}

/* Extra Small Devices, Phones */

@media only screen and (min-width: 480px) and (max-width : 767px) {
    /***************************************Home*************************************************/
    /***************************************Header*************************************************/
    .social_media{display: none;}
    .menu--menu-secondaire.nav{display: none!important;}
    .menu-secondaire {margin: 0!important;border: 0!important;}
    #block-ift-account-menu li a {margin-right: 10px;}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
    /***************************************Home*************************************************/
    .social_media{display: none;}
    .menu-secondaire {margin: 0!important;border: 0!important;}
    #block-ift-account-menu li a {margin-right: 10px;}
}

/***************************************tablette*************************************************/

@media only screen and (min-width: 768px) and (max-width: 1024px) {

    body h1.page-header{width:100%!important;margin-top: 30px !important;margin-bottom: 15px !important;font-size: 35px !important;}
    /***************************************Home*************************************************/
    .navbar-toggle{float: right !important;}
    .social_media{display: none;}
    .menu-secondaire {margin: 0!important;border: 0!important;}
    #block-ift-account-menu li a {margin-right: 10px;}
    #views_slideshow_cycle_main_slideshow_view-block_1 .views-field.views-field-body{
        font-size:51px;
        font-family: protogrotesk-regular;
    }
    .views-slideshow-controls-bottom .views-slideshow-pager-bullets li{
        font-family: protogrotesk-light;
        font-size:16px;
    }
    #block-blocmediathequesfront img {
        width: 100%;
        min-height: 250px !important;
        overflow: hidden;
    }
    #block-blocappelfront img {
        max-height: 300px!important;
        min-height: 270px!important;

    }
    #block-blocdossierfront img {
        max-height: 300px!important;
        min-height: 270px!important;
    }
    #block-bloceducationfront img {
        width: 100%;
        min-height: 250px !important;

    }
    .path-frontpage h2.block-title{z-index: 1;}
    #block-abonnementsimplenews {
        min-height: 350px !important;
        overflow: hidden;
    }
    #views_slideshow_cycle_main_partenaires_slideshow-block_1 {
        max-height: 100px !important;
        overflow: hidden;
        width: 50%;
    }
    /*.col-sm-12{overflow: hidden;}*/
    /***************************************slider*************************************************/
    .views-slideshow-controls-bottom{display: none;}
    #views_slideshow_cycle_main_slideshow_view-block_1 .views-field.views-field-body{bottom: 8% !important;font-size: 35px !important;max-width: 65%!important;}
    .views_slideshow_controls_text_next{right: 45px;}

    /***************************************Calendar*************************************************/
    .field.field--name-field-lien-telechargement {bottom: 2%!important;right: 1%!important;left: unset!important;}
    #events{display: none;}
    .calendar{

        height: auto !important;
        overflow: hidden;
    }
    .month-calendar table{width:unset!important;margin: 0 auto!important;}
    table{width:100%!important;margin: 0 auto !important;}
    .calendar td{width: 36px !important;}
    .day-calendar h2 {
        font-family: protogrotesk-regular;
        font-size:24px;
    }
    .list{
        margin-top: 0 !important;
        height: auto !important;
    }
    .lf-day-name{
        font-family: protogrotesk-light;
        font-size:24px;
    }
    .lf-event-day{
        font-family: protogrotesk-extralight !important;
        font-size:90px !important;
    }
    .day-event h2.title a{
        font-family: protogrotesk-regular;
        font-size:26px;
    }
    .day-event p a{
        font-family: protogrotesk-light;
        font-size:11px;
        left: 10px;
    }
    h2.month{
        font-family: protogrotesk-regular;
        font-size:24px;
    }
    .calendar thead{
        font-size: 22px;
    }
    .calendar tbody{
        font-size: 22px;
    }
    .lf-next{right: -25px !important;}
    .prev{left:-19px !important;}
    .month-calendar{margin-top: 40px !important;margin-bottom: 25px;}
    .day-calendar{max-height: 450px;}
    /***************************************newslettre*************************************************/
    .newsletter{background-image: none !important;}
    .footer-right {float:right;}
    /***************************************cinema*************************************************/
    .path-cinema .views-field-field-lien-bande-annonces-{max-width: 44% !important;}

}
@media only screen and (min-width : 1024px) {
    /***** document pdf *****/
    .field--type-file{margin-left: 15%}
    .file, .file-link{width:40%!important;}
    .file-icon {width: 10%}
    .file-size{width: 10%}
    .field--type-file .field--items{width:100%!important;}
    #block-mainnavigation ul.menu > li.last{display: none !important;}


}

@media only screen and (max-width : 1024px) {
   /* .header .social_media {
        top: 20px;
        left: calc(50% - 40px);
        position: absolute;
        width: 110px;
        display: block;
    }
    .header .social_media a{margin:  0 5px;}
    .header .social_media a:first-child, .header .social_media a:nth-child(2){display: none;}*/
    .social_media{display: none;}
    .menu-secondaire {margin: 0!important;border: 0!important;}
    #block-ift-account-menu li a {margin-right: 10px;}
}

@media (max-width: 1024px) {
    /************** scroll ipad + mobile **********/
    .scroll-wrapper > .scroll-content{overflow: scroll !important;}

    /************************** main menu ipad **************/
    .path-frontpage #navbar-collapse{padding-top:40px;padding-bottom: 20px;}
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-toggle .icon-bar{
        background-color: #ffffff;
    }

    .path-node .menu-principale, .path-video .menu-principale, .path-cinema .menu-principale, .path-all-events .menu-principale, .path-appels-projets .menu-principale, .path-actualites .menu-principale, .path-dossiers .menu-principale, .page-path-error .menu-principale{
        margin-left: 0!important;
        margin-bottom: 0!important;
        top: 0px!important;
    }
    .path-frontpage .menu-principale{
        margin-left: 0!important;
        margin-bottom: 0!important;
        position:fixed !important;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none !important;
    }
	.active + .navbar-collapse.collapse {
        display: block !important;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
    #block-mainnavigation .caret{
        display: inline-block!important;
    }
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        margin-top: 0;
        border: 0;
        box-shadow: none;
    }
    .path-frontpage #block-mainnavigation .dropdown-menu {background-color:transparent!important;}
    /********* icon social link ******/
    .fa-2x {
        font-size: 13pt!important;
    }
    /*********** button share page de liste ********/
    .path-actualites .share, .path-dossiers .share, .path-appels-projets .share, .path-cinema .share{display: none}
    /******* controls slideshow*****/
    #block-views-block-controls-slideshow-view-block-1 .field-content{display: none;}
    .views-slideshow-controls-bottom .views-slideshow-pager-bullets li {display: none;}
}

@media (min-width: 1366px) {
    /********* page cinema *********/
    .path-cinema .video-embed-field-responsive-video iframe{width:1156px !important;/*height:650px !important;*/margin: 0 auto;}
    /******** main menu dropdown hover ********/
    #block-mainnavigation li:hover > ul,
    #block-mainnavigation li li:hover > ul,
    #block-mainnavigation li li li:hover > ul {
        display: block;
    }
}

/**** medium devices (desktops, 1389px --->1530px) *****/
@media (min-width: 1389px) and (max-width: 1530px) {
    /************* header *************/
    .menu--main.nav > li > a { padding: 10px 4px!important;}
    .menu--main a{ font-size: 12px!important;  }
    #block-menusecondaire .menu--menu-secondaire.nav a {font-size: 12px!important;}
    #block-ift-account-menu li a {font-size: 13px!important;}
    .button-play img{width: 13pt!important;}
    .button-search img {width: 13pt!important;}
    .fa-2x{font-size: 13pt!important;}
}
@media (min-width: 1025px) and (max-width: 1388px) {
    /************* header *************/
    .menu--main.nav > li > a { padding: 10px 4px!important;}
    .menu--main a{ font-size: 12px!important;  }
    #block-menusecondaire .menu--menu-secondaire.nav a {font-size: 13px!important;}
    #block-ift-account-menu li a {font-size: 12px!important;}
    .button-play img{width: 11pt!important;}
    .button-search img {width: 11pt!important;}
    .fa-2x{font-size: 11pt!important;}
}