/*Définitions générales */
body {
  min-height: 100vh;
  position: relative;
  margin: 0;
}

/* Définition de la navbar */
.logo { padding: 5px 0px 5px 10px; }
.identite {font-size: 10px; padding: 12px 5px 5px 5px; color: #777777; text-align:right;}
.navbar-default { background-color: #f5f5f5; font-size: 16px;}			
.navbar-toggle { background: transparent !important; }
.icon-bar { background-color: #006776 !important; }						
.navbar-brand>img { height: 100%; width: auto; margin: 0 0 0 0px; padding: 5px 0px 5px 0px; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	 /*background-color: #1d93a7;*/
 	color: #000000; /*color: #FFFFFF;*/
}	
.navbar-default .navbar-nav > .active{
	background-color: #f5f5f5;
	/*background: #006776;*/
	color: #000000; /*color: #FFFFFF;*/
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
border-bottom: solid 5px #019fb6;
	color: #000000;
	background-color: #f5f5f5;
	/*background: #006776;*/
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a, .navbar-default .navbar-nav .open .dropdown-menu {
	background-color: #f5f5f5;
	color:#777777;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
	background-color: #f5f5f5;
	 /*background-color: #1d93a7;*/
 	color: #000000; /*color: #FFFFFF;*/
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background-color: #f5f5f5;
    color: #000000;
}

/* Définitions du footer */
footer {
	position: absolute;
	bottom: 0;
	background: #f5f5f5;
	color: black;
	text-align: center;  
	width: 100%;
}
#bannerformmodal h1 {
	font-size: 16px;
	font-weight: bold;
	color: #028a9f;
	border-bottom: dotted 1px #028a9f;
}

#bannerformmodal h2 {
	font-size: 15px;
	font-weight: bold;
	color: #028a9f;
}

/* Médias */
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
    .text-titre-bandeau {font-size: 18px;}
    .logo {padding: 0px 0px 0px 10px;}
    .name {width: 90px; font-size: 16px; font-weight:bold; color: #0091a6; padding: 5px 0px 5px 30px;}
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
    .text-titre-bandeau {font-size: 20px;}
    .logo {padding: 0px 0px 0px 10px;}
    .name {width: 90px; font-size: 16px; font-weight:bold; color: #0091a6; padding: 5px 0px 5px 30px;}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .text-titre-bandeau {font-size: 22px;}
    .logo {padding: 0px 20px 0px 10px;}
    .name {width: 120px; font-size: 16px; font-weight:bold; color: #0091a6; padding: 5px 50px 5px 30px;}
}

.navbar-header
{
	 position: relative; 
	 display: table;
	 height: 100%;
	 overflow: hidden;
}
.titre-appli
{
	display: table-cell;
	vertical-align: middle;
	height: 100%;	
}
.navbar-left
{
	left: 610px; 
	position: absolute;
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .text-titre-bandeau {font-size: 24px;}
    .logo {padding: 0px 5px 0px 10px;}
    .name {
    			width: 505px; 
    			font-size: 22px; 
    			font-weight:bold; 
    			color: #0091a6; 
    			padding-top: 0px;
    			padding-bottom: 0px;
    			padding-right: 0px;
    			padding-left: 0px;
    			display:table-cell;
    			vertical-align: middle;
    			text-align: center;
    		}
   			
}

/* Gestion des sous menus de dropdown dans la nav bar */
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}

/* Gestion de la fenêtre d'aide */
.modal-header-aide {
    color:#7E7E7E;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #d9edf7;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}