/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/../../bootstrap/stylesheets/bootstrap/blob/master/LICENSE)
 */

// Core variables and mixins
@import "compass";
@import "variables";
@import "../../bootstrap/stylesheets/bootstrap/mixins";

// Reset and dependencies
@import "../../bootstrap/stylesheets/bootstrap/normalize";
@import "../../bootstrap/stylesheets/bootstrap/print";
@import "../../bootstrap/stylesheets/bootstrap/glyphicons";

// Core CSS
@import "../../bootstrap/stylesheets/bootstrap/scaffolding";
@import "../../bootstrap/stylesheets/bootstrap/type";
@import "../../bootstrap/stylesheets/bootstrap/code";
@import "../../bootstrap/stylesheets/bootstrap/grid";
@import "../../bootstrap/stylesheets/bootstrap/tables";
@import "../../bootstrap/stylesheets/bootstrap/forms";
@import "../../bootstrap/stylesheets/bootstrap/buttons";

// Components
@import "../../bootstrap/stylesheets/bootstrap/component-animations";
@import "../../bootstrap/stylesheets/bootstrap/dropdowns";
@import "../../bootstrap/stylesheets/bootstrap/button-groups";
@import "../../bootstrap/stylesheets/bootstrap/input-groups";
@import "../../bootstrap/stylesheets/bootstrap/navs";
@import "../../bootstrap/stylesheets/bootstrap/navbar";
@import "../../bootstrap/stylesheets/bootstrap/breadcrumbs";
@import "../../bootstrap/stylesheets/bootstrap/pagination";
@import "../../bootstrap/stylesheets/bootstrap/pager";
@import "../../bootstrap/stylesheets/bootstrap/labels";
@import "../../bootstrap/stylesheets/bootstrap/badges";
@import "../../bootstrap/stylesheets/bootstrap/jumbotron";
@import "../../bootstrap/stylesheets/bootstrap/thumbnails";
@import "../../bootstrap/stylesheets/bootstrap/alerts";
@import "../../bootstrap/stylesheets/bootstrap/progress-bars";
@import "../../bootstrap/stylesheets/bootstrap/media";
@import "../../bootstrap/stylesheets/bootstrap/list-group";
@import "../../bootstrap/stylesheets/bootstrap/panels";
@import "../../bootstrap/stylesheets/bootstrap/responsive-embed";
@import "../../bootstrap/stylesheets/bootstrap/wells";
@import "../../bootstrap/stylesheets/bootstrap/close";

// Components w/ JavaScript
@import "../../bootstrap/stylesheets/bootstrap/modals";
@import "../../bootstrap/stylesheets/bootstrap/tooltip";
@import "../../bootstrap/stylesheets/bootstrap/popovers";
@import "../../bootstrap/stylesheets/bootstrap/carousel";

// Utility classes
@import "../../bootstrap/stylesheets/bootstrap/utilities";
@import "../../bootstrap/stylesheets/bootstrap/responsive-utilities";

//$bootstrap-sass-asset-helper: true;
$default-color:     #0085cb;
$bg-color :         #f3f3f3;
$bg-section :       #fff;
$light-blue-color : #eaf7ff;
$blue-color :       #0085cb;
$footer-color:      #8A8A8A;
$custom-font:       'Open Sans';


.container-non-responsive{
    /* Margin/padding copied from Bootstrap */
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;

    /* Set width to your desired site width */
    width: 1170px;
}

body{
    background: $bg-color;
    font-family: $custom-font, sans-serif;
    &.navbar-administration{
        #navbar{
            top: 38px; 
        }
    }
}

h3{
    font-size: 17px;
    font-weight: 700;
}

.cards{
    @include border-radius(5px);
    @include box-shadow(0px 1px 3px rgba(0,0,0,.10));
    padding: 20px 15px;
    background: $bg-section;    
}

.main-container{
    section{
        &.col-sm-12{
            padding: 0;
        }
        .region-content{     
            @extend .cards;
        }
    }
}

.breadcrumb{
    margin: 0px;
    padding-left: 0;
    padding-right: 0;
    //background: darken($bg-color,10%);
    background: none;
    font-size: 80%;
}

.page-header{
    margin: 10px 0 10px;
    color: $default-color;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
    border-bottom: none;
}

.caret{display: none;} 

.navbar > .container .navbar-brand, 
.navbar > .container-fluid .navbar-brand {
    margin-left: 0px;
}
.row.test{

    [class*="col-"]{
        min-height: 250px;
    }

    .half{
        min-height: 750px;
    }

}

.navbar-default{
    background-color: $default-color;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
    border: none;
    box-shadow: 0 1px 3px rgba(0,0,0,0.33);
    margin-bottom: 0;
    .navbar-collapse,
    .navbar-form {
        background: url(../img/banner_img_reloaded.jpg) no-repeat 0px -89px;
    }	
    .navbar-brand{
        font-weight: bold;
        color: white;
        display: inline-block;
        width: 120px;
        margin-top: 8px;
        height: auto;

        &:hover{
            color: white;
        }

    }
    nav{
        width: 80%;
    }
    .navbar-nav {
        position: static;
        float: right;
        > li {
            position: static;
            > a {
                text-transform: uppercase;
                font-weight: 400;
                color: white;
                opacity: 0.7;
                &:hover{
                    background-color: transparent;
                    color: white;
                    opacity: 1;
                }
                &.dropdown-toggle{
                    padding-bottom: 20px;
                }
            }
            &.dropdown{
                &:hover > ul.dropdown-menu{
                    display: block !important;
                }
                ul.dropdown-menu {
                    margin-top: 0;
                }
            }
            &.open{
                background: rgba(255, 255, 255, 0.25);
                a{
                    padding-bottom: 20px;
                }
                &.active-trail{
                    a{
                        //padding-bottom: 15px;
                    }
                }
            }
            > .dropdown-menu{
                padding: 10px ;
                border: none;
                box-shadow: 0 1px 5px rgba(0, 0, 0, .33);
                border-radius: 0;   
                right: 0;
                left: auto;
                > li{
                    display: block;
                    float: left;
                    > a {				
                        color: #808080;
                        padding: 10px 20px;
                        transition: all 100ms ease-out;
                        &:hover,
                            &:focus{
                            color: #005D8E;
                            background-color: transparent;
                            //padding: 10px 10px 10px 30px;
                            //transition: all 150ms ease-in-out;
                        }
                        &.active:not(.corpus-app-menu){
                            color: $blue-color;
                            background: none;
                            border-bottom: 5px solid $blue-color;
                            &:hover{
                                color: #005D8E;
                            }
                        }
                    }
                }
            }
        }

        > .active-trail > a,
        > .active > a {
            background-color: transparent;
            color: white;
            font-weight: 600;
            opacity: 1;
            border-bottom: 5px solid white;
            &:hover, 
                &:focus{
                background-color: transparent;
                color: white;
                opacity: 1;
            }
            &.dropdown-toggle{
                padding-bottom: 15px;
            }
        }
        > .open > a{			
            background-color: transparent;
            color: white;
            &:hover, 
                &:focus{
                background-color: transparent;
                color: white;
                opacity: 1;
            }
        }		
    }

    .navbar-toggle{
        border-radius: 0;
        border: none;
        margin-top: 25px;
        margin-bottom: 25px;

        &:hover,
            &:focus{
            background-color: lighten( $default-color, 10%);
        }

        .icon-bar{
            background-color: white;
            width: 32px;
            height: 3px;

            + .icon-bar{
                margin-top: 5px;
            }
        }
    }	
}

.bootstrap-twocol-stacked{
    padding-left: 15px;
    padding-right: 15px;
}
.panel-panel{

    &.left, &.right{
        margin-bottom: 30px;
    }
}

.carto{
    height: 190px;
    overflow: hidden;	
}


.main-container.container {
    margin-top: 88px;
    padding-top: 15px;
}

h2{
    color: $default-color;
}

.panel-panel.right a{
    display: inline-block;
}

@media (min-width: 1200px){
    nav {
        float: right;
        position: relative;
        top: 33px;
    }
    .views-row > div {
        padding-right: 0;
    }
    .panel-panel.right a {
        margin-bottom: 15px;
    }

}

footer{
    padding-top: 15px;
    section{
        &.partenariat{ 
            @extend .cards;
            /*            background: $bg-section;
                        padding: 10px;*/
            .row{
                & > div:nth-child(2){
                    text-align: right;
                    line-height: 30px;
                }
                label{
                    margin-right: 15px;
                    margin-bottom: 0px;    
                }
                a{
                    text-decoration: none;
                }
            }
            .logo-marianne{
                width: 150px;
            }
            .iri-cnrs{
                @extend .pull-right;
                label{
                    display: block;
                    text-align: center;
                }
                a{
                    display: block;
                    text-align: center;
                    padding: 10px 0;
                }
            }
        }
    }
    .region-footer{
        //background: $bg-section;
        #block-menu-menu-footer-menu{
            font-size: 90%;
            color: $footer-color;
            div.row{
                div:nth-child(1){
                    padding-left: 0;
                }
                div:nth-child(2){
                    padding-right: 0;
                    text-align: right;
                }
            }
            .menu{
                li{
                    //display: inline-block;
                    text-align: left;
                    display: block;
                    margin-top: 5px;
                    margin-bottom: 5px;
                    //border-right: 1px solid #DEDDDD;
                    &:first-child{
                        a{
                            //padding-left: 0;
                        }
                    }
                    &:last-child{
                        border-right: none;
                    }
                    a{
                        display: inline-block;
                        text-align: left;
                        padding: 0;
                        //padding-top: 4px;
                        //padding-bottom: 4px;
                        color: $footer-color;
                        &:hover{
                            background: none;
                            text-decoration: underline;
                        }
                    }
                }
            }
            .row{
                padding: 0 15px;
                & > div:nth-child(2){
                    text-align: right;
                    line-height: 39px;
                }
            }
        }
    }
    .copyright-culture{
        padding-top: 5px;
        color: $footer-color;
        text-align: right;
    }
}

#langues-outre-mer{
    #outre-mer-internal-menu{
        ul{
            padding: 0;
            li{
                @extend .btn;
                @extend .btn-default;
                display: inline-block;   
                a{
                    color: #333;
                }
                &:hover{
                    @extend .btn-primary; 
                    a{
                        text-decoration: none;
                        color: #fff;
                    }
                }
            }
        }
    }
}

.views-bootstrap-accordion-plugin-style{
    .panel{
        border-width: 0px;
        border-color: #fff;
        @include box-shadow(0px 1px 3px rgba(0,0,0,.20));
        .panel-heading{
            padding: 0;
            background: none;
            h4{
                a{
                    //color: $blue-color;
                    color: #fff;
                    font-size: 80%;
                    font-weight: 700;
                    text-transform: uppercase;
                    text-decoration: none;
                    display: block;
                    padding: 10px 15px;
                    //background-color: lighten($blue-color, 3%);
                    background-color: $blue-color;
                    @include border-top-radius(3px);
                    &:hover{
                        text-decoration: none;
                    }
                    &.collapsed{                        
                        //background-color: lighten($blue-color, 8%);
                        background-color: #339CD5;
                        @include border-bottom-radius(3px);
                    }
                }
            }
        }
    }
}


.img-responsive{
    width: 100%;
}