.navbar 
{
    background: linear-gradient(#0b3368, #0b3368);
   /* height: 4em; */
    margin-bottom: 1em !important; 

}
 a.navbar-brand , a.nav-link
{
    color:#fff !important;
    background: linear-gradient(#0b3368, #0b3368) !important;


}

h1.titrepage
{

    font-size : 3em;
    font-family: Georgia, "Times New Roman", Times, serif;
    text-align: center;
}
h2.titrearticle
{
    margin-top : 0.2em;
    margin-left : 0.2em;
    margin-bottom : 0.1em;
    font-size : 2.5em;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: 600;
   /* background: #aaaaaa;*/
    padding-left: 0.2em;
    padding-right: 0.2em;
    color:#888; 
}

a.titrearticle
{
    color:#888; 
    text-decoration: none;
}
 .datearticle
{
    margin-left : -0.4em;
    font-size : 0.9em;
    color:#555; 
    margin-top : -0.3em;
    margin-bottom : -0.2em;
   /* background: #e4d74d;*/
    padding-left: 0.54em;


}
.textearticle
{
    margin-left : 0.5em;
    font-size : 1em;
  /*  background: #bd7575;*/
    padding : 0.4em;
}
.datefin
{
    font-size : 0.7em;
    color:#777; 
    margin-top : -0.3em;
    margin-bottom : -0.1em;
    text-align: right;
 
}
.komputero
{
    color:#aaa; 
    font-size : 0.7em;
    text-align: right;
    margin-top: -1.0em;
    margin-bottom: -2em;
}
/* pied */
.pied
{
    color:#fff;
  /*  background: linear-gradient( #0150b8,#0b3368);*/
   /* background: linear-gradient(#0b3368, #0150b8);*/
   background: linear-gradient(#0b3368, #0b3368);

   color:#bbb;

}
a.pied
{
text-decoration : none;
color:#ccc;
font-size : 0.75em !important;
}
a:hover.pied
{
text-decoration : none;
color:#ddd;
}

/**********************/
/* appli.css */

/* Généralité!*/
@media (max-width: 500px) {
    .bouton1
    {
        width : 6em;
        height : 6em;
        font-size : 0.9em;
        padding-top : 1em;
        padding-left: 0.2em;
        padding-right: 0.2em;
        border-radius :1em;
		margin-bottom : 1em;
		margin-right:-1em;
    }
}
@media (min-width: 500px) {
    .bouton1
    {
        width : 10em;
        height : 10em;
        font-size : 1.5 em;
        padding-top : 3.5em;
        padding-left: 0.3em;
        padding-right: 0.3em;
        border-radius :2em;
		margin-bottom: 2em;
		margin-right:-0.7em;
		    }
}

.bouton1
{
    display : block;
    color: #fff;
    text-align: center;
    background: linear-gradient(#0f448a, #1a73e8);
    background: #123456;
}
.bouton1:hover
{

    background: linear-gradient(#0c356b, #3268af);
  
}

@media (max-width: 500px) {
	.table td {padding:0.1em;}
	.responsive-table-line td:before { content: attr(data-title); }
	
	.responsive-table-line table, 
	.responsive-table-line thead, 
	.responsive-table-line tbody, 
	.responsive-table-line th, 
	.responsive-table-line td, 
	.responsive-table-line tr { 
	display: block; 
	}
	 
	.responsive-table-line thead tr { 
	display:none;
	}
	
	.responsive-table-line td { 
	position: relative;
	border: 0px solid transparent;
	padding-left: 5% !important; 
	white-space: normal;
	text-align:left; 
	}
	 
	.responsive-table-line td:before { 
	position: absolute;
	top: 0px;
	left: 0px;
    width: 5%; 
    padding-left :0.5em;
	padding-right: 2em; 
	height:100%;
	white-space: nowrap;
	text-overflow: ellipsis !important;
	overflow:hidden !important;
	text-align:left;
	background-color:#f8f8f8;
	padding:2px;
	}

}
.tda 
{
	padding : 0.25em !important;
}
input.statsdetail
{

	/*font-size : 1.8em;*/
	border: 0;
	background:transparent;

}
 
input[type="radio"] {
	
	padding : 0.5em;

 
}
 label  {
	margin-left : 0.5em;
	padding : 0.1em;
 
}
textarea
{
	padding : 0.1em;
	padding-left:0.3em;
	margin : 0.2em;
	margin-right : 2em;
}