/* Tabulations */
ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Float the list items side by side */
ul.tab li {float: left;}

/* Style the links inside the list items */
ul.tab li a {
    display: inline-block;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of links on hover */
ul.tab li a:hover {background-color: #ddd;}

/* Create an active/current tablink class */
ul.tab li a:focus, .active {background-color: #ccc;}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 6px;
    border: 1px solid #ccc;
    border-top: none;
    background: #BDBDBD;
    margin-bottom:20px;
    margin-top:0px;
}

/** Le bloc en cours de visualisation */
.searchBloc {
    /*    background: #BDBDBD;*/
    /*    border-color: #900C3F;*/
    color: #777777;
    padding-left:30px;
    padding-right:10px;
    padding-bottom:5px;
    padding-top:5px;
    /*     margin-left:5px;
        margin-right:5px;;*/
    /*        margin-bottom:10px;*/

    /*    -moz-border-radius: 5px;
    border-radius: 5px;*/

}

/*** Javascript tabs ***/
/* le bouton en cours de sélection */
.nav-tabs > li.active > a.ng-binding {
    color :#00 !important;
    background-color: #BDBDBD !important;
    text-decoration: none;
    /*    border-color: #900C3F;*/
}
/* les autres boutons à cliquer */
.nav-tabs > li a.ng-binding {
    color : #777777;
    background-color: #F2EBBF;
    text-decoration: none;
}

.uib-tab a {
    border: 1px solid #000;
}

.xtraSpace {
    margin : 20px 20px;
}
body {
    background: #f2f2f2;
    margin: 0;
    height: 100%;
    color: #384452;
    font-family: sans-serif;
    font-size : medium;
    font-weight: 400;
}
/*** end Javascript tabs ***/


.container {
    background: #ffffff;
    padding:20px;
}

.mainContent {
    margin:5px;
}

h1, h2, h3, h4, H5, H6 {
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size : large;
    /* font-size : 14px; */
}

p {
    padding: 0;
    margin-bottom: 12px;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    /* font-size: 14px; */
    line-height: 24px;
    /** color: #384452;
    **/
    margin-top: 10px;
}

/*img {
    height: auto;
    max-width: 100%;
}*/

img.imgSearch {
    width:100px;
    width:100px;
}

a {
    padding: 0;
    margin: 0;
    text-decoration: none;
    -webkit-transition: background-color .4s linear, color .4s linear;
    -moz-transition: background-color .4s linear, color .4s linear;
    -o-transition: background-color .4s linear, color .4s linear;
    -ms-transition: background-color .4s linear, color .4s linear;
    transition: background-color .4s linear, color .4s linear;
    color: #900C3F;
}
a:hover,
a:focus {
    text-decoration: none;
    color: rgba(195, 197, 198, 0.87);
    cursor:pointer;
}

::moz-selection {
    color: #fff;
    text-shadow: none;
    background: #2B2E31;
}

::selection {
    color: #fff;
    text-shadow: none;
    background: #2B2E31;
}

/****** **/
.btn-header {
    background:  #fae46a;
    color:#9b8d92;
    border-color:#fae46a;
}

.alert-success {
    background:#fae46a;
}

.centered {
    text-align: center;
}

.container {
    padding:10px;
}

.results {
    background-color:  #b00018;
    padding-left:20px;
    padding-right:20px;
}


.navbar-default {
    background-color:  #b00018  ;
    border-color: transparent;

    /* background-image: linear-gradient(to bottom, #fff 0, #f8f8f8 100%);
    */
    background:  #b00018   no-repeat center top;

}
.navbar-brand {
    font-family: 'Raleway', sans-serif;
    font-weight: 900;   

}

.navbar-brand a:hover {
    color:red;
}
.navbar-header .navbar-brand {
    color: white;
}

/* Style Navigation */
.navbar {
    /*    min-height: 70px;*/
    padding-top: 10px;
    margin-bottom: 0px;

}

.navbar-default .navbar-nav > li > a {
    color: #F0F0F0;
    font-weight: 700;
    font-size: 15px;
}

.navbar-default .navbar-nav > li > a:hover {
    color: rgba(172, 186, 191, 0.82);
}

.navbar-collapse .navbar-default {
    background-color: red;
    border-color: transparent;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: red;
    background: transparent;
}
/***** Navbar footer 900C3F  ***/
.navbar-inverse {
   /***  background-color:  #2d517c; ****/
    border-color: transparent;
    background-color:  #b00018;
}

/**Search ************************/
#searchDiv {
    margin-top:60px; 
}

#resultDiv  {
    background: #ffffff;
}

.searchGlyph {
    /** border: solid #CFC5A4 3px;  **/
    padding: 15px 15px;
    border-radius: 50%;
    margin-right:20px;
    font-size:large;
}

/***************************/
/*#identificationDiv {
    padding-left : 10px;
    padding-right : 10px;
}*/


/*#mainPresentation {
    padding: 0px; 
    margin : 0px;
    border-radius:50%;

}
.mainPresentation h3 {
    padding: 0px;  
}*/

/******************* Lists (aka aliases list **/
li.list-group-item {
    background-color: #FBFCF3;
}

.list-group-item .fa {
    padding-right:10px;
    color: #586C82;
    /*    font-size:12px; */
}

.list-group-item .glyphicon {
    padding-right:10px;
    padding-left:10px;
    color: #586C82;
    /*    font-size:12px; */
}


/*** Block title of description pages **/
#newblockTitle {
    background: #d8d8d8;
    /*color:#ffffff; */
     padding-left:10px;
}

#newblockTitle .glyphicon {
    float: right;
    padding-right:10px;
    color :  #586C82;
    /* font-size:14px; */
}

#newblockTitle .fa {
    float: right;
    padding-right:10px;
    color :  #586C82;
}
/*** Block title of description pages **/
#blockTitle {
    background: #d8d8d8;
    /*color:#ffffff; */
    padding:0.5px; 
    margin-top:0px;
    padding-left:10px;
    border-radius: 5px;
}

/*#blockTitle h3 {
color : red;
float: right;
}*/

#blockTitle .glyphicon {
    float: right;
    padding-right:10px;
    color :  #586C82;
    /* font-size:14px; */
}

#blockTitle .fa {
    float: right;
    padding-right:10px;
    color :  #586C82;
}
/*
.form-control {
    font-size:medium;
}*/


/*************** Upload ****/
.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 2px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    /*    font-size: 10px;*/
    cursor: pointer;
    /*   opacity: 0;
       filter: alpha(opacity=0);*/
}

/************************* Linked notices ******/
#linkednotice {
    padding-top: 20px;
    padding-bottom: 30px;
    text-align: left;
    padding-left : 20px;
    background-color: #FBFCF3;
}

#linkednotice a
{
    /* text-decoration: none; */
    color: #384452;
    /* font-size: medium; */
}
#linkednotice a:hover {
    text-decoration: none;
    color: #CFC5A4;;
}

#linkednotice .glyphicon {
    border: solid #FAED9D 3px; /*D8D8D8 FCAC45  */
    padding: 15px 15px;
    border-radius: 50%;
    margin-right:20px;

}

/******************* Page About ***/
#Introduction {
    background: url(../img/main_picture.jpg) no-repeat center top;

    padding-top: 0px;
    text-align: center;
    background-attachment: relative;
    background-position: center center;
    min-height:850px;
    /*    width: 100%;*/

    /*    -webkit-background-size: 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%;
    
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;*/
    background-size: cover;
}

#Introduction h1 {
    margin-top: 20px;
    color: white;
    font-size: 50px;
    font-weight: 700;
}

#Introduction h3 {
    color: white;
    font-size: 30px;
    font-weight: 100;
    font-family: 'Raleway', sans-serif;
    font-style: oblique;
    margin-top:0px;
    padding-top: 130px;
}