/* ==========================================================================
   Laurent Calembert's custom styles
   ========================================================================== */

/* Wide+ screen (landscape) ----------- */
/*@media only screen and (max-height : 768px) {
    .block-principal{ max-height:635px; };
    }
}*/
/*------------------------------------------------<editor-fold desc="GENERAL">*/

@-webkit-viewport{
    width: device-width;zoom: 1; 
}
@-moz-viewport{
    width: device-width;zoom: 1; 
}
@-ms-viewport{
    width: device-width;zoom: 1; 
}
@-o-viewport{
    width: device-width;zoom: 1; 
}
@viewport{
    width: device-width;zoom: 1; 
}

.btn-rouge {background-color:#E89980! important;}
.btn-vert  {background-color:#7FCDB8! important;}
.btn-bleu  {background-color:#90B0BA! important;}
.btn-jaune {background-color:#E5CB95! important;}
.float-left { float:left;   }
.float-right{ float:right;  }
.clear-float{ clear: both;  }
.cte-tab{
    border-color: white;
}
hr{
    background-color: lightgray !important;
    height: 1px !important;}

/* largeur des menus dropdown */
.dropdown-menu{
    min-width: 0px;
}
/*</editor-fold>*/ 

/*-----------------------------------------------<editor-fold desc="CKEditor">*/
    .cte-tab td{
        padding:10px;
        border-color: #999;
        width:50%;
    }
    .cte-tab2 td{
        padding:10px;
        border-color: #999;
        /*width:50%;*/
    }
    
    .cte-tab ul{
        margin:0;
    }
    .cte-tab p{
        margin:0;
    }

    /* CKEditor styles--------------------------------------------------------*/
    
    .normal-p           {font-family: arial; font-size: 16px;}
    .normal-p-bold      {font-family: arial; font-size: 16px; font-weight: bold;}
    .normal-p-blue      {font-family: arial; font-size: 16px; color: #337AC6;}
    .normal-p-blue-bold {font-family: arial; font-size: 16px; font-weight: bold; color: #337AC6;}
    .title-blue         {font-family: arial; font-size: 18px; color: #337AC6;}
    .title-blue-bold    {font-family: arial; font-size: 18px; font-weight: bold; color: #337AC6;}
    .s-title-grey-italic{font-family: arial; font-size: 16px; font-style: italic; color: #AEB9CE;}
    
    
/*</editor-fold>*/    
    
/*-------------------------------------------<editor-fold desc="COLOR THEMES">*/

.text-light-grey {
  color: #999;
}
.text-very-light-grey {
  color: #DDDDDD;
}

.btn-black{ /* boutons nav sec + / - / et record session */
    background-color: #303030;
    /*color:#999;*/
    color:#efefef;
    border: 1px solid #000;
}
    .btn-black:hover, .btn-black:focus{
        color:white;
        background-color: #337AC6;
    }

/*</editor-fold>*/ 

/*--------------------------------------------------<editor-fold desc="FONTS">*/

    @font-face {
        font-family: "Aureas1B";
        src: url('../fonts/Aureas1B.ttf');
    }
    @font-face {
        font-family: "GreenLights";
        src: url('../fonts/GreenLights.otf');
    }
    @font-face {
        font-family: "Plasma";
        src: url('../fonts/Plasma.ttf');
    }
    .aureas{
        font-family: "Aureas1B";
        font-size:20px;
    }
    .greenlights{
        font-family: "GreenLights";
        font-size:16px;
        color:red;
    }
    .plasma{
        font-family: cursive;
        font-size:20px;
        color:red;
    }
    .font-medium{
        font-size: medium;
    }
    .font-large{
        font-size: large;
    }
    .font-xlarge{
        font-size: x-large;
    }
    
    .btn-int-font-size{ font-size: 14px; margin-top: 0px;}
    .btn-menu-interp{ padding: 6px 12px 6px 12px; }
   
    .btn-int-glyph-size{ font-size: 20px; padding: 0px; margin-top: -9px; }
    .btn-int-glyph-size-parent{ padding: 2px;}
        
    
/*</editor-fold>*/ 

/*----------------------------------------------<editor-fold desc="HTML-BODY">*/

    body{
        padding-top:70px;
        background-color: #313131;
    }
    
/*</editor-fold>*/ 

/*----------------------------------------------<editor-fold desc="HOME PAGE">*/

#bienvenue-sur{ /* Message d'accueil après login */
    color:white; font-size: xx-large; font-weight: bold; margin-top: 50px;
}
#wizard-img{ /* image wizard page d'accueil'*/
    max-width:400px;
    opacity: 0;

}

.login{
    font-size:medium;
    width:40%;
    margin:auto;
    margin-top: 105px;
    border: 3px ridge #999;
    border-radius: 20px;
    /*background-color: #e38d13;*/
    padding: 50px;
}
    .login input{
        text-align: center;
        border: 1px ridge #999;
        width: 80%;
        margin-right: 60px;
        margin-top: 15px;
    }
    .login input[type=submit]{
        display: inline-block;
        clear:both;
        width:100%;
        max-width: 475px;
        margin:auto;
        background-image: none;
        background-color: #313131 !important;
        color:white;
        text-shadow: none;
        box-shadow: 0px 8px 35px #505F62;
        border: none;
        margin-top: 15px;
    }
    .login input[type=submit]:hover{
        background-color: #303030 !important;
        color:white;
        box-shadow: 0px 0px 0px #505F62;
    }
    
 /*invite login*/   
 #home-box{
     padding:15px;
     text-align: center;
     background: transparent;
     border: none;
     /*background-image: url('../img/layout/pattern4.png');*/
 }
    #home-box a{
        text-decoration: none;
        width:137px;
    }
    #home-box a input{
        width:155px;
        margin-top: 15px;
        box-shadow: 0px 8px 35px #505F62;
        border: none;
        margin-right: 0px;
    }
    #home-box img {
        margin-top: 25px;
    }
    
    
/*</editor-fold>*/ 

/*-------------------------------------------<editor-fold desc="NAV primaire">*/
    
    #btn-maisons{ font-size: large; width:50px; margin-right:1px; }
    
    #wizard-logo{ margin-top:-8px; float:left; width:40px; }
    
    #wizard-logo-text{ margin-left: 10px; }
    
    .top-navbar{
        min-height: 50px;
    }
    
    .navbar-collapse{
        margin-right: 0px;
        /*min-height: 70px;*/
    }
    
    .navigation_row_1{
        margin:0;
        border-bottom: 3px groove #337AB7;
        /*border-top: 2px groove #5cb85c;*/
    }
    
    .nav_1_pills{
        margin-top:6px;
    }
    
    .nav_1_pills li a:hover{
        background-color: #303030;
        color:#DDDDDD;
    }
    
    #mobile-menu-1{
        display: none;
    }
    
/*</editor-fold>*/
    
/*-----------------------------------------<editor-fold desc="NAV secondaire">*/
    
        
    .navigation_row_2{

        position: fixed;
        padding:0;
        width:100%;
        margin-top: -20px;
        /*margin-left: -10px;*/
        z-index: 1;
        }
        .navigation_row_2_boutons_droite{
            padding:0;
            margin-right:29px;
            margin-top: 10px;
        }
        .navigation_row_2_boutons{
            margin-top: 4px;
        }
        
     /* boutons de menu secondaire page maisons */    
        
        .aureas { font-size: 18px; }
        .btn-maisons{ font-size: 16px; width:44px; }
        .maisons-toolbar { margin-top: 7px; }
        
    /* boutons de menu secondaire page interpretation */
        .navigation_interpreter{
            margin-top: 9px;
            /*margin-left:-20px;*/
            float: right;
        }
        .page-nom{
            color:#DDDDDD;
            /* margin-right: 15%; */
            /* font-size: 16px; */
            padding:5px;
            /*float: left;*/
        }
        .interp-panel-select-plus, .interp-panel-select-minus{
            min-width: 70px;
            max-width: 380px;
        }
        
    /* Titre de la page en lettre d'aéroport' */
/*        #flap .inn{
            background-color: #313131;
            color:#999;
        }
        #flap{
        }
        #flap ul{
            top:13px;
            margin:1px;
            line-height: 22px;
            width:20px;
            height:23px;
            font-size: 16px;
        }*/
    
    /*info-bulle*/
    #info{
        margin-top: 10px;
        display: none;
        color: #FFF8AC;
        font-size: 14px;
        padding-left: 8px;
        padding-top: 6px;
        font-size: 16px;
    }
    info-toolbar{
        height:45px;
    }
    
    #mobile-menu-2{
        display:none;
    }
    
/*</editor-fold>*/ 
    
/*------------------------------------<editor-fold desc="SECTION PRINCIPALES">*/

    .block-principal{
        background-color: white;
        background-image: url('../img/layout/bg5.jpg');
        background-repeat: no-repeat;
        /*background-position: center;*/ 
        background-size: cover;
        border-top: 4px groove #5cb85c;
        border-bottom: 4px groove #5cb85c;
        margin-top:30px;
        width: 100%;
        height: 85.9%;
        display:block;
        position: fixed;
        overflow:auto;
    }

    #first-cont[page='home'] .block-principal{
        /*background-size: contain;*/ 
        margin-top: 30px
    }
    
    .sections {
        
        border: 1px solid black;
        height:100%;
        /*max-height: 850px;*/
        padding: 0;
        overflow: auto;
        /*display:inline-block;*/
        /*width: 50%;*/
        /*background-color: #eeeeee;*/
        /*background-image: url('../img/layout/pattern3.png');*/
    }
    
        .section_droite{
            /*border-right: 4px groove #5cb85c;*/
            /*float: left;*/
            /*width: 49%;*/
            
        }
        
/*</editor-fold>*/ 
        
/*------------------------------------------------<editor-fold desc="PANNELS">*/  

    .panel-group{
        padding: 0; 
    }
    /* Couleur de l'onglet sélectionné' */
    .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #555;
    font-weight: bolder;
    cursor: default;
    background-color: oldlace;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    }
    
    
    .panel-heading{
      color: #DDDDDD;
      height:40px;
      /*background-color: #cccccc;*/
      /*background-color: whitesmoke;*/
      background-color: #c9c9c9;
      /*padding: 0;*/
        border-top: 1px solid #999;
        border-bottom: 1px solid #999;
    }
        .panel-heading a{
            display:inline-block;
            /*width:89%;*/
            /*padding:10px;*/
            text-decoration: none;
        }
        .panel-heading h3{
            font-size: 1.2em;
/*           display:inline-block;
           width:90%;*/
           /*padding:10px;*/
           text-decoration: none;
        }
        
        .panel-title{
            color:#313131;
        }
    
    .panel-body{
        /*max-height: 300px;*/
        background-color: #ffffff;
        overflow: auto;
        border-bottom: 1px #999 solid;
        padding-right: 30px;
        width:100%;
    }
        .hauteur-full   { max-height: auto; }
        .hauteur-600    { max-height: 600px; }
        .hauteur-500    { max-height: 500px; }
        .hauteur-400    { max-height: 400px; }
        .hauteur-300    { max-height: 300px; }
    
    /* Icons -----------------------------------------------------------------*/
        
    .edit-icons{
        padding: 0px 10px 10px 10px;
        display:none;
    }
    
    .bulle{ 
        position:absolute;
        display:none;
        top: 20px;
        padding:5px;
        float:right;
        width:auto; height:auto; 
        color:white;
        background:#303030; 
        /*border:1px solid black;*/ 
     } 
 
    .edit-icons:hover .bulle{ 
        display:block; 
     } 

    /*</editor-fold>*/     

/*----------------------------------------------<editor-fold desc="CAROUSSEL">*/
    
    .carousel {
        text-align: center;
        margin-left: 10px;
    }
    .carousel-inner {
        min-height: 500px;
        height:100%;
        margin:auto;
}

        .carousel-inner .item {
            overflow: hidden;
            min-height: 100%;
        }

        .carousel-inner .item img {
            max-width:100%; 
            max-height:100%;
            margin:auto;
            height: 100%;
        }
        
        .carousel-caption{
            background-color: black;
            width:20%;
            margin-top: 300px; 
            padding-top: 0; 
            padding-bottom: 0; 
            margin: auto; 
        }
        .carousel-caption h3{
            background-color: black;
            font-size: 150%;
            /*width:200px;*/
            padding-top: 0;
            padding-bottom: 0;
            margin: auto;
        }
        .carousel-indicators{
            display:none;
        }
  
/*</editor-fold>*/ 

/*--------------------------------------------<editor-fold desc="VideoPlayer">*/

.jp-video-270p, #jp_container_2 {
    width: 100% !important;
}
.jp-progress {width:100% !important;}
/*.jp-playlist{ display:none !important;}*/

/*</editor-fold>*/ 

/*-------------------------------------------------<editor-fold desc="FOOTER">*/

footer{
    /*display:none;*/
    position: fixed;
    margin-top: 840px;
    padding:0;
    /*width:100%;*/
    /*height:20px;*/
    background-color: red;
}
    .footer_col{
        padding:0;
    }
    .nav_footer_row_button{
        padding-top: 4px;
    }   
    .nav_footer_buttons{
        margin-right:10px;
    }
    .navbar{
        /* width: 300px; */
        padding:0;
        min-height: 45px;
    }
    .bottom-nav-menu-icon{
        width:25px;
        height:25px;
    }
    .bottom-nav-menu-icon-largeur{
        width:50px;
        height:10px;
    }
    .bottom-icon-img{
        width:22px;
        height:22px;
    }
    .bottom-nav-button{
        padding: 5px 9px;
    }
    
    /*texte possible*/
    #text-footer{
        display: none;
        color:#999;
        font-size: 14px;
        padding-left:15px;
        padding-top:6px;
    }
    .footer-toolbar{
        height:45px;
        
    }
    
    #footer_nav .inter-footer-resize-bouton{
      margin-left: 36%;
    }
    #footer_nav .bottom-nav-menu-link-hauteur {
      margin-left: 42%;
    }
    .btn-black2{ /* boutons nav sec + / - / et record session */
        background-color: #666666 !important;
        color:#999;
        border: 1px solid #000;
    }
    .btn-black2:hover{
        color:white;
        /*background-color: #337AC6;*/
        border: 1px solid #000;
    }
    .btn-black2:focus{
        /*background-color: #303030;*/
        color:#efefef;
        border: 1px solid #000 !important;
    }
    
    #user-name{
        color:#999;
        font-size: large;
        margin-top: 8px;
    }
    
    
/*</editor-fold>*/ 
    
/*-------------------------------------------------<editor-fold desc="OTHERS">*/   
    #frame{
        margin:0;
        padding:0;
        min-height:500px;
    }
    div[panel_number="11"]{                 /* astrotheme panel */       
        margin:0;
        padding:0;
        /*min-height:600px;*/
    }
    .tab-pane{
        text-align: center;
    }
    
/*</editor-fold>*/ 

/*-------------------------------------------------<editor-fold desc="ADMIN">*/   
    /*create user*/
    
    .create-user-form .input-group-addon{
        width: 155px;
        /*margin-top:15px;*/
    }
    .input-group .form-control{
        width: 800px;
        /*margin-top:15px;*/
    }
    
    /*inject content*/
    .inject-content  h2{
        color:white;
        text-align: center;
        border-bottom: 1px solid black;
        margin-bottom: 20px;
    }
    #inject-students-div input[type='button'], 
    input[name='promo'], input[name='inject']{
        width: 200px;
        font-size: large;
        margin-bottom: 5px;
    }
    
    #inject-students-div{
        font-size: 20px;
    }
    
    .panels-container{
        font-size: 17px;
        margin-left: 25px;
    }
    
    #inject-students-div input[name='student']{
        width: 50px;
        margin-left: 127px;
        margin-bottom: 0px;
    }
    
    .pages-container button{
        width: 50px;
        margin-left: 25px;
        margin-bottom: 5px;
    }
    
    .panels-verif{
        margin-left:20px !important;
        width:96%;
    }
/*</editor-fold>*/ 

/*-------------------------------------------<editor-fold desc="Popup Window">*/
    .ui-draggable .ui-dialog-titlebar { /* Header */
        background-color: #EA9A80;
        color:white;
        font-size: large;
        text-align: center;
    }
    #save-fail-popup{ /* Content */
        text-align: center;
        font-size: medium;
        display:none;
    }
    
    .ui-dialog .ui-dialog-buttonpane{ /* Footer */
        background-color: #EA9A80;
        color:white;
    }
/*</editor-fold>*/ 


@media screen and (max-width: 1600px)  {
   
    #home-box img { width:315px; margin-bottom:0px; margin-top: 30px;} /* image wizard page d'accueil'*/
    
    #bienvenue-sur{ /* Message d'accueil après login */
            color:white; font-size: 36px; font-weight: bold; margin-top: -14px; }
    
    #home-box a input { width: 140px; margin-top: 15px; margin-right: 0px; font-size: 21px; }
    
    .navigation_row_2_boutons { margin-top: 5px; }
    
    .block-principal { 
        background-size: cover; 
        /*background-image: url('../img/layout/bg5_1600x768.jpg');*/
        background-image: url('../img/layout/bg5.jpg');
        background-position: 50% 46%;
        height:81.8%;
        /*background: url('../img/layout/bg5_1280x600.jpg') no-repeat bottom fixed;*/ 

    }
    
    #first-cont[page='home'] .block-principal{
        /*background-size: contain;*/ 
        height:88%;
        background-position: 50% 27%;
    }
    
    .panel-heading h3{font-size:17px;} /* Titre des panneaux*/
    
    .login input {
        text-align: center;
        border: 1px ridge #999;
        font-size: 16px;
        width: 88%;
        height: auto;
        margin-right: 29px;
        margin-top: 15px;
    }
    .login input[type=submit] {
        font-size: 16px; margin-top: 15px; width: 88%;
    }
    
     /* Navigation secondaire*/    
        
        .aureas { font-size: 18px; }
        .btn-maisons{ font-size: 16px; width:44px; }
        .maisons-toolbar { margin-top: 7px; }
    
    /* Navigation secondaire int*/    
    
        .page-bouton-title{ font-size: 14px; margin-top: 0px;}
        .btn-int-font-size{ font-size: 14px; margin-top: 0px;}
        .btn-menu-interp{ padding: 6px 12px 6px 12px; }
        /*.btn-int-font-size-parent{ padding: 2px 12px 2px 12px; }*/
        
        .btn-int-glyph-size{ font-size: 18px; padding: 0px; margin-top: -9px; }
        .btn-int-glyph-size-parent{ padding: 4px 12px 3px 12px;}
        
        .cke_inner > .cke_top > .cke_toolbox > .cke_toolbar:nth-child(1),
        .cke_inner > .cke_top > .cke_toolbox > .cke_toolbar:nth-child(9)
        { display:none; }
}

@media screen and (max-width: 1440px)  {
    
    /* Ecran d'accueil et de login'*/
    
        #home-box img { width:315px; margin-bottom:0px; margin-top: 64px;} /* image wizard page d'accueil'*/
        #bienvenue-sur{ /* Message d'accueil après login */
            color:white; font-size: 36px; font-weight: bold; margin-top: 45px; }
        
        
        #home-box a input { width: 124px; margin-top: 15px; margin-right: 0px; font-size: 18px; }
        .form-group { /* espace entre les champs de formulaire */
             margin-bottom: 5px; 
        }   
        .login { 
            font-size: medium;
            width: 40%;
            margin: auto;
            border: 3px ridge #999;
            border-radius: 20px;
            padding: 50px;
        }
    .navigation_row_2_boutons { margin-top: 5px; }
    
    .block-principal { 
        background-size: cover; 
        /*background-image: url('../img/layout/bg5_1600x768.jpg');*/
        background-image: url('../img/layout/bg5.jpg');
        background-position: 50% 46%;
        height:81.8%;
        /*background: url('../img/layout/bg5_1280x600.jpg') no-repeat bottom fixed;*/ 

    }
    #first-cont[page='home'] .block-principal{
        /*background-size: contain;*/ 
        height:88%;
        background-position: 50% 27%;
    }
    
     /* Navigation principale*/
    
        #wizard-logo{ margin-top:-6px; float:left; width:35px; } /* photo wizard */
        #wizard-logo-text{ margin-left: 10px; } /* Astro-Wizard */ 
        .plasma {font-family: cursive; font-size: 17px;} /* Font Astro-Wizard */

        /* boutons menu barre principale et footer */
        .navigation_row_2_boutons_droite .btn, 
        .nav_footer_row_button .btn,
        .interp-cat-nav-page .btn,
        #interp-sections > div.col-check.row.col-lg-4.center-block.interp-col1 > div > div > button > span
        { font-size: 14px; }
        
        #user-name{ font-size: 16px; margin-top: 10px; }
    
    /* Navigation secondaire*/    
        
        .aureas { font-size: 18px; }
        .btn-maisons{ font-size: 16px; width:44px; }
        .maisons-toolbar { margin-top: 7px; }
    
    /* Navigation secondaire int*/    
    
        .page-bouton-title{ font-size: 14px; margin-top: 0px;}
        .btn-int-font-size{ font-size: 14px; margin-top: 0px;}
        .btn-menu-interp{ padding: 6px 12px 6px 12px; }
        /*.btn-int-font-size-parent{ padding: 2px 12px 2px 12px; }*/
        
        .btn-int-glyph-size{ font-size: 18px; padding: 0px; margin-top: -9px; }
        .btn-int-glyph-size-parent{ padding: 4px 12px 3px 12px;}
        
    /*.sections {max-height: 550px;}  pour voir le dernier panel */
    .panel-heading h3{font-size:15px;} /* Titre des panneaux*/
    
    .login input {
        text-align: center;
        border: 1px ridge #999;
        font-size: 16px;
        width: 86%;
        height: auto;
        margin-right: 28px;
        margin-top: 15px;
    }
    .login input[type=submit] {
        font-size: 16px; margin-top: 15px; width: 88%;
    }
    
    /* CKE editor ------------------------------------------------------------*/
    
    .cke_inner > .cke_top > .cke_toolbox > .cke_toolbar:nth-child(1),
    .cke_inner > .cke_top > .cke_toolbox > .cke_toolbar:nth-child(3),
    .cke_inner > .cke_top > .cke_toolbox > .cke_toolbar:nth-child(9) 
    { display:none; }
    
    /*#cke_14, #cke_26, #cke_54{ display:none;} cacher groupe de boutons 1*/
    
    a.cke_button { /* boutons 'normaux' de barre de menu */ 
    }
        .cke_button_icon { /* icones des boutons 'normaux' de barre de menu */ 
            width: 14px !important;
        }
    .cke_combo_button { /* boutons 'à menus' de barre de menu */ 
    }
        .cke_combo_text { /* texte des boutons 'à menus' de barre de menu */ 
            font-size: 12px !important;
            width: 40px !important;
        }
}

@media screen and (max-width: 1366px) {
    
     /* Ecran d'accueil et de login'*/
    
        #bienvenue-sur{ /* Message d'accueil après login */
            color:white; font-size: 28px; font-weight: bold; margin-top: 80px; }
        #home-box img { width:265px; margin-bottom:0px; margin-top: 14px;} /* image wizard page d'accueil'*/
        #home-box a input { width: 100px; margin-top: 7px; margin-right: 0px; font-size: 15px; }
        .form-group { /* espace entre les champs de formulaire */
             margin-bottom: 5px; 
        }   
        .login { 
            font-size: medium;
            width: 40%;
            margin: auto;
            border: 3px ridge #999;
            border-radius: 20px;
            padding: 50px;
        }
    .navigation_row_2_boutons { margin-top: 8px; }
    
       
    .block-principal { 
        background-size: cover; 
        /*background-image: url('../img/layout/bg5_1600x768.jpg');*/
        background-image: url('../img/layout/bg5_1280x600.jpg');
        background-position: 50% 46%;
        height:79%;
        /*background: url('../img/layout/bg5_1280x600.jpg') no-repeat bottom fixed;*/ 

    }
    #first-cont[page='home'] .block-principal{
        /*background-size: contain;*/ 
        height:86%;
        background-position: 50% 27%;
        margin-top: -18px
    }
    
    /* Navigation principale*/
    
        #wizard-logo{ margin-top:-6px; float:left; width:35px; } /* photo wizard */
        #wizard-logo-text{ margin-left: 10px; } /* Astro-Wizard */ 
        .plasma {font-family: cursive; font-size: 14px;} /* Font Astro-Wizard */

        /* boutons menu barre principale et footer */
        .navigation_row_2_boutons_droite .btn, 
        .nav_footer_row_button .btn,
        .interp-cat-nav-page .btn,
        #interp-sections > div.col-check.row.col-lg-4.center-block.interp-col1 > div > div > button > span
        { font-size: 12px; }
        
        #user-name{ font-size: 14px; margin-top: 10px; }
    
    /* Navigation secondaire*/    
        
        .aureas { font-size: 16px; }
        #btn-maisons{ font-size: 14px; width:40px; }
        .maisons-toolbar { margin-top: 7px; }
    
    /* Navigation secondaire int*/    
    
        .page-bouton-title{ font-size: 12px; margin-top: 0px;}
        .btn-int-font-size{ font-size: 12px; margin-top: 0px;}
        .btn-menu-interp{ padding: 4px 12px 5px 12px; }
        /*.btn-int-font-size-parent{ padding: 2px 12px 2px 12px; }*/
        
        .btn-int-glyph-size{ font-size: 16px; padding: 0px; margin-top: -9px; }
        .btn-int-glyph-size-parent{ padding: 3px 12px 4px 12px;}
        
    /*.sections {max-height: 550px;}  pour voir le dernier panel */
    .panel-heading h3{font-size:14px;} /* Titre des panneaux*/
    
    .login input {
        text-align: center;
        border: 1px ridge #999;
        font-size: 14px;
        width: 75%;
        height: auto;
        margin-right: 52px;
        margin-top: 5px;
    }
    .login input[type=submit] {
        font-size: 13px; margin-top: 10px; width: 75%;
    }
    
    /* CKE editor ------------------------------------------------------------*/
    
    .cke_inner > .cke_top > .cke_toolbox > .cke_toolbar:nth-child(1),
    .cke_inner > .cke_top > .cke_toolbox > .cke_toolbar:nth-child(3),
    .cke_inner > .cke_top > .cke_toolbox > .cke_toolbar:nth-child(9) 
    { display:none; }
    
    /*#cke_14, #cke_26, #cke_54{ display:none;} cacher groupe de boutons 1*/
    
    a.cke_button { /* boutons 'normaux' de barre de menu */ 
    }
        .cke_button_icon { /* icones des boutons 'normaux' de barre de menu */ 
            width: 14px !important;
        }
    .cke_combo_button { /* boutons 'à menus' de barre de menu */ 
    }
        .cke_combo_text { /* texte des boutons 'à menus' de barre de menu */ 
            font-size: 12px !important;
            width: 40px !important;
        }
}

@media screen and (max-width: 1280px) {
    
    /* Ecran d'accueil et de login'*/
    
    #bienvenue-sur{ /* Message d'accueil après login */
        color:white; font-size: 28px; font-weight: bold; margin-top: 90px; }
    #home-box img { width:265px; margin-bottom:0px; margin-top: 26px;} /* image wizard page d'accueil'*/
    #home-box a input { width: 124px; margin-top: 10px; margin-right: 0px; font-size: 16px; }
    .form-group { /* espace entre les champs de formulaire */
         margin-bottom: 5px; 
    }   
    .login { 
        font-size: medium;
        width: 40%;
        margin: auto;
        border: 3px ridge #999;
        border-radius: 20px;
        padding: 50px;
    }
    .navigation_row_2_boutons { margin-top: 8px; }
    .nav_sec_btn.btn { padding: 6px 10px; }
    
    
    .block-principal { 
        background-size: cover; 
        background-image: url('../img/layout/bg5_1280x600.jpg');
        background-position: 50% 0%;
        height:79%;
        /*background: url('../img/layout/bg5_1280x600.jpg') no-repeat bottom fixed;*/ 

    }
    #first-cont[page='home'] .block-principal{
        /*background-size: contain;*/ 
        height:92%;
        margin-top: -45px;
    }
    
    /*.sections {max-height: 550px;}  pour voir le dernier panel */
    .panel-heading h3{font-size:14px;} /* Titre des panneaux*/
    
    .login input {
        text-align: center;
        border: 1px ridge #999;
        font-size: 14px;
        width: 70%;
        height: auto;
        margin-right: 58px;
        margin-top: 10px;
    }
    .login input[type=submit] {
        font-size: 14px; margin-top: 10px; width: 70%;
    }
    
    /* Navigation principale*/
    
        #wizard-logo{ margin-top:-6px; float:left; width:35px; } /* photo wizard */
        #wizard-logo-text{ margin-left: 10px; } /* Astro-Wizard */ 
        .plasma {font-family: cursive; font-size: 14px;} /* Font Astro-Wizard */

        /* boutons menu barre principale et footer */
        .navigation_row_2_boutons_droite .btn, 
        .nav_footer_row_button .btn,
        .interp-cat-nav-page .btn,
        #interp-sections > div.col-check.row.col-lg-4.center-block.interp-col1 > div > div > button > span
        { font-size: 12px; }
        
        .btn-maisons {
            font-size: 15px;
            width: 40px;
        }
        #user-name{ font-size: 14px; margin-top: 10px; }
    
    /* Navigation secondaire*/    
        
        .aureas { font-size: 16px; }
        #btn-maisons{ font-size: 14px; width:40px; }
        .maisons-toolbar { margin-top: 8px; }
        .bottom-icon-img {
            width: 18px;
            height: 18px;
        }
    /* Navigation secondaire int*/    
    
        .page-bouton-title{ font-size: 12px; margin-top: 0px;}
        .btn-int-font-size{ font-size: 12px; margin-top: 0px;}
        .btn-menu-interp{ padding: 4px 12px 5px 12px; }
        /*.btn-int-font-size-parent{ padding: 2px 12px 2px 12px; }*/
        
        .btn-int-glyph-size{ font-size: 16px; padding: 0px; margin-top: -9px; }
        .btn-int-glyph-size-parent{ padding: 3px 12px 4px 12px;}
        
    
    
    /* CKE editor ------------------------------------------------------------*/
    
    .cke_inner > .cke_top > .cke_toolbox > .cke_toolbar:nth-child(1),
    .cke_inner > .cke_top > .cke_toolbox > .cke_toolbar:nth-child(3),
    .cke_inner > .cke_top > .cke_toolbox > .cke_toolbar:nth-child(9) 
    { display:none; }
    
    /*#cke_14, #cke_26, #cke_54{ display:none;} cacher groupe de boutons 1*/
    
    a.cke_button { /* boutons 'normaux' de barre de menu */ 
    }
        .cke_button_icon { /* icones des boutons 'normaux' de barre de menu */ 
            width: 14px !important;
        }
    .cke_combo_button { /* boutons 'à menus' de barre de menu */ 
    }
        .cke_combo_text { /* texte des boutons 'à menus' de barre de menu */ 
            font-size: 12px !important;
            width: 40px !important;
        }
}

@media screen and (max-width: 1024px){
   
    .sections {
        
        border: 1px solid black;
        height:100%;
        /*max-height: 850px;*/
        padding: 0;
        overflow: auto;
        /*display:inline-block;*/
        width: 50%;
        float: left;
        /*background-color: #eeeeee;*/
        /*background-image: url('../img/layout/pattern3.png');*/
    }
    
    .col-lg-4.sections.sections_interp{ width:33.33% }
    /*.col-lg-6.sections.sections_interp{ width:33.33% }*/
    li a[href='Interpreter-4-col']{ display:none;}    
        .section_droite{
            /*border-right: 4px groove #5cb85c;*/
            
            /*width: 50%;*/
            
        }
    
 /* Ecran d'accueil et de login'*/
    
    #bienvenue-sur{ /* Message d'accueil après login */
        color:white; font-size: 28px; font-weight: bold; margin-top: 90px; }
    
    #home-box img { width:265px; margin-bottom:0px; margin-top: 26px;} /* image wizard page d'accueil'*/
    
    #home-box a input { width: 124px; margin-top: 10px; margin-right: 0px; font-size: 16px; }
    
    .form-group { /* espace entre les champs de formulaire */
         margin-bottom: 5px; 
    }   
    
    .login { 
        font-size: medium;
        width: 40%;
        margin: auto;
        border: 3px ridge #999;
        border-radius: 20px;
        padding: 50px;
    }
    
    .navigation_row_2_boutons { margin-top: 8px; }
    
    .nav_sec_btn.btn { padding: 6px 10px; }
    
    
    .block-principal { 
        background-size: cover; 
        background-image: url('../img/layout/bg5_1280x600.jpg');
        background-position: 50% 0%;
        height:79%;
        /*background: url('../img/layout/bg5_1280x600.jpg') no-repeat bottom fixed;*/ 

    }
    
    #first-cont[page='home'] .block-principal{
        /*background-size: contain;*/ 
        height:97%;
        margin-top: -45px;
        background-position: 50% 0%;
        
    }
    
    /*.sections {max-height: 550px;}  pour voir le dernier panel */
    .panel-heading h3{font-size:14px;} /* Titre des panneaux*/
    
    .login input {
        text-align: center;
        border: 1px ridge #999;
        font-size: 14px;
        width: 70%;
        height: auto;
        margin-right: 58px;
        margin-top: 10px;
    }
    .login input[type=submit] {
        font-size: 14px; margin-top: 10px; width: 70%;
    }
    
    /* Navigation principale*/
    
        #wizard-logo{ margin-top:-6px; float:left; width:35px; } /* photo wizard */
        #wizard-logo-text{ margin-left: 10px; } /* Astro-Wizard */ 
        .plasma {font-family: cursive; font-size: 14px;} /* Font Astro-Wizard */

        /* boutons menu barre principale et footer */
        .navigation_row_2_boutons_droite .btn, 
        .nav_footer_row_button .btn,
        .interp-cat-nav-page .btn,
        #interp-sections > div.col-check.row.col-lg-4.center-block.interp-col1 > div > div > button > span
        { font-size: 12px; }
        
        .btn-maisons {
            font-size: 15px;
            width: 40px;
        }
        #user-name{ font-size: 14px; margin-top: 10px; }
    
    /* Navigation secondaire*/    
        
        .aureas { font-size: 16px; }
        #btn-maisons{ font-size: 14px; width:40px; }
        .maisons-toolbar { margin-top: 8px; }
        .bottom-icon-img {
            width: 18px;
            height: 18px;
        }
    /* Navigation secondaire int*/    
    
        .page-bouton-title{ font-size: 12px; margin-top: 0px;}
        .btn-int-font-size{ font-size: 12px; margin-top: 0px;}
        .btn-menu-interp{ padding: 4px 12px 5px 12px; }
        /*.btn-int-font-size-parent{ padding: 2px 12px 2px 12px; }*/
        
        .btn-int-glyph-size{ font-size: 16px; padding: 0px; margin-top: -9px; }
        .btn-int-glyph-size-parent{ padding: 3px 12px 4px 12px;}
        
    
    
    /* CKE editor ------------------------------------------------------------*/
    
    .cke_inner > .cke_top > .cke_toolbox > .cke_toolbar:nth-child(1),
    .cke_inner > .cke_top > .cke_toolbox > .cke_toolbar:nth-child(3),
    .cke_inner > .cke_top > .cke_toolbox > .cke_toolbar:nth-child(4),
    .cke_inner > .cke_top > .cke_toolbox > .cke_toolbar:nth-child(9) 
    { display:none; }
    
    /*#cke_14, #cke_26, #cke_54{ display:none;} cacher groupe de boutons 1*/
    
    a.cke_button { /* boutons 'normaux' de barre de menu */ 
    }
        .cke_button_icon { /* icones des boutons 'normaux' de barre de menu */ 
            width: 15px !important;
        }
    .cke_combo_button { /* boutons 'à menus' de barre de menu */ 
    }
        .cke_combo_text { /* texte des boutons 'à menus' de barre de menu */ 
            font-size: 10px !important;
            width: 25px !important;
        }
}

@media screen and (max-width: 375px){
    
   
    /*PAge d'accueil avant login'*/
    
    .login {
        width: 100%;
    }
    .font-large.form-control {
        display: inline-block;
        clear: both;
        width: 100%;
        margin: auto;
    }
    .login input{
        width: 300%;
        /* margin: 0; */
        margin-left: -100px;
        clear: both;
    }
    
    #wizard-logo-text, .info-toolbar{
        display:none;
    }
    #mobile-menu-1{
        display: inline-block;
        /*float: right;*/
        margin-top: 8px;
        margin-right: 15px;
    }
    #mobile-menu-2{
        display:inline-block;
    }
    #nav_2_left, #nav_2_right{
        display:none;
    }
    .navbar-header{
        height: 25px;
    }
    #pages-button{
        margin-left: 35px;
        padding: 6px 10px;
        margin-top: -1px;
    }
    
    /* boutons pages dans modal */
        #nav_2_left button{
            width:60px;
            height:60px;
        }
        #nav_2_left .btn-group.btg{
            margin:0;
        }
        .aureas {
            font-size: 33px;
        }
        #bouton-cat, #bouton-page{
            font-size: 16px;
        }
    
    /* Page Menu MODAL*/
    .modal {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: hidden;
      }

    .modal-dialog {
      position: fixed;
      margin: 0;
      width: 100%;
      height: 100%;
      padding: 0;
    }

    .modal-content {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      border: 2px solid #3c7dcf;
      border-radius: 0;
      box-shadow: none;
    }

    .modal-header {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      height: 50px;
      padding: 10px;
      background: #6598d9;
      border: 0;
    }

    .modal-title {
      font-weight: 300;
      font-size: 2em;
      color: #fff;
      line-height: 30px;
    }

    .modal-body {
      background-color:black;
      position: absolute;
      top: 50px;
      bottom: 60px;
      width: 100%;
      font-weight: 300;
      overflow: auto;
    }

    .modal-footer {
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      height: 60px;
      padding: 10px;
      background: #f1f3f5;
    }

/*    .btn {
      height: 40px;
      border-radius: 0;
      &:focus,
      &:active,
      &:active:focus {
        box-shadow: none;
        outline: none;
      }
    }

    .btn-modal {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -20px;
      margin-left: -100px;
      width: 200px;
    }*/
}