# /css/style.css
body, html {
}
.table-responsive {
	overflow-y: auto;
}
.table-hover {
	margin-right: 100px;
	padding-right: 0px;
}
.table-hover thead {
	height: 10px;
}
.nav-tabs {
	background-color: #003171;
	border-bottom: 0;
}
.nav-pills {
	background-color: white;
}
.nav-pills>li {
	float: left;
	padding-top: 5px;
}
.nav-pills>li>a {
	border-radius: 4px;
	padding-top: 5px;
	color: #003171;
}
.nav-pills>li+li {
	margin-left: 2px;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus {
	color: white;
	background-color: #003171;
	padding-bottom: 4px;
}
.nav-pills>li.active>a:hover {
	background-color: #044F67
}
.filtre2 {
	margin-top: 3px;
	padding-left: 0px;
}
#boutonraz1 {
	border-radius: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
}
.glyphicon-minus-sign {
	font-size: 20px;
}
.progress {
	margin-bottom: 0;
}
#tableau2 {
}
#tableauoverflow {
	overflow: auto;
	border-top: 1px solid lightgrey;
	border-right: 1px solid lightgrey;
	border-bottom: 1px solid lightgrey;
}
.table-hover>tbody>tr:hover {
	background-color: #BBD2E1;
}
#divfiltre {
	bottom: 0;
}
#boutongroup {
	position: fixed;
	right: 0;
	margin-top: 16px;
	height: 100vh;
	border-left: 1px solid lightgrey;
	padding: 0;
}
#divboutonnew {
	padding-left: 10px;
	padding-right: 10px;
	width: 100%;
	padding-bottom: 15px;
}
#divboutonligne {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: 1px solid lightgrey;
	border-bottom: 1px solid lightgrey;
}
#boutondelete {
	margin-top: 20px;
}
#boutonmodaldelete {
	float: left;
	margin-left: 100px;
	width: 100px;
}
#boutonmodalannuler {
	margin-right: 100px;
	width: 100px;
}
#inputmodif {
	width: 155px;
}
.icon-bar {
	background-color: blue;
}
.nav-tabs>li>a {
	color: white;
}
.btn-primary {
	background-color: #003171;
}
.btn-danger {
	background-color : #C30000;
}
.nav-tabs>li>a:hover {
	color: black;
}
#logo {
	background-image: linear-gradient(90deg, white, #003171);
}
#filtre1, #selectdiv1, #selectdiv2, #selectdiv3, #selectdiv4, #divfiltre2 {
	display: table-cell;
	width: 1%;
	vertical-align: middle;
	padding-right: 4px;
}
.search_text {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}
.m1 {
	text-align: center;
	width: 160px;
	margin-left: 1px;
	margin-bottom: 1px;
}
.m1:hover {
	color: #000;
}
.m1 a:hover {
	color: #222;
	background-color: #999;
}
.m1 a {
	color: #FFF;
	background-color: #00629F;
	font-size: larger;
	font-family: Arial, Helvetica, sans-serif;
}
.m2 a {
	color: #000;
	background-color: #EEE;
	font-size: larger;
	font-family: Arial, Helvetica, sans-serif;
	height:60px;
}

.active {
	color:#096;
	background-color: #222;
}
@media (min-width:1200px) {
.container {
	width: 1000px !important;
	margin: auto !important;

}
}
#mainpage {
 //width:1000px;
}
.navbar-collapse {
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
.info {
	color: #888;
	text-align: right;
	font-size: small;
	font-family: 'Segoe UI  ', 'Roboto', 'Trebuchet MS', Arial, Helvetica, sans-serif, Geneva, sans-serif, Helvetica, sans-serif;
	
}
.t1 {
	color: #222;
	text-align: center;
	font-family: 'Segoe UI Light', 'Roboto', 'Trebuchet MS', Arial, Helvetica, sans-serif, Geneva, sans-serif, Helvetica, sans-serif;
	font-size: 40px;
}
.box {
	background-color: #FFF;
	border-top-style: solid;
	border-top-width: 8px;
	border-top-color: #00629F;
	font-family: 'Segoe UI ', 'Roboto', 'Trebuchet MS', Arial, Helvetica, sans-serif, Geneva, sans-serif, Helvetica, sans-serif;
}
.boxh1 {
	background-color: #00629F;
	color: #FFF;
	clear: both;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: 'Segoe UI', 'Roboto', 'Trebuchet MS', Arial, Helvetica, sans-serif, Geneva, sans-serif, Helvetica, sans-serif;
	margin-bottom: 15px;
}
.t3 {
	padding-bottom: 5px;
	font-family: 'Segoe UI Light', 'Roboto', 'Trebuchet MS', Arial, Helvetica, sans-serif, Geneva, sans-serif, Helvetica, sans-serif;
	color: #888;
}
.row {
	padding-left:0px !important; 
	padding-right:0px !important;
	margin-left:0px !important; 
	margin-right:0px !important;
	margin-top:0px !important; 
	margin-bottom:0px !important;
}
.column {
	padding-left:15px;
	padding-right:15px;
	padding-top:0px;
	padding-bottom:0px;
}
figure.hdr {
	position: relative;
	width: 100%;
	overflow:hidden;
    background-color: #000;   
}
figure.hdr img {
	position: relative;
	display: block;
	width: 100%;
	opacity: 0.8;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;	
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
figure.hdr:hover img {
	opacity: 0.5;
	-webkit-transform: scale(1);
	transform: scale(1);
}
figure.hdr figcaption {
   	position: absolute;
	top: auto;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 60%; 
	padding: 0 2.5em;
	color: #fff;
	font-size: 1.55em;
	text-align: center;
	box-sizing: border-box;
	z-index:1;
}
/* Text */
figure.hdr h2 {
	font-weight: 300;
	text-transform: uppercase;
}
figure.hdr h2 span {
	font-weight: 800;
}
figure.hdr p {
	letter-spacing: 1px;
	font-size: 68.5%;
	text-transform: uppercase;
}
figure.hdr h2, figure.hdr p {
	margin: 0;
	z-index:10000;
}
/* Cosmetic */
figure.hdr div {
	height: 100%; 
	z-index:0;
}
figure.hdr div::before,
figure.hdr div::after {
	position: absolute;
	content: '';
}
.center {text-align:center}
.right {text-align:right}
.left {text-align:left}

img.circle {border-radius:500px;margin-top:0;}
img.bordered {border: #ccc 1px solid;}

.embed-responsive {position: relative;display:block;height:0;padding:0;overflow:hidden;} 
.embed-responsive.embed-responsive-16by9 {padding-bottom: 56.25%;}
.embed-responsive.embed-responsive-4by3 {padding-bottom: 75%;}
.embed-responsive iframe {position: absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0;}

.column > img, 
.column > figure, 
.column > .embed-responsive {
    margin-top: 1em;margin-bottom: 1em;
}

.list {position:relative;margin:1.5em 0;}
.list > i {position:absolute;left:-3px;top:-3px;font-size:2em;}
.list > h2, .list > h3 {margin: 0 0 0 50px}
.list > p {margin: 0 0 0 50px}

.quote {position:relative;margin:1.5em 0;}
.quote > i {position: absolute;top: -10px; left: -7px;font-size: 2em;color:rgba(51,51,51,0.44);}
.quote > small {margin-left:50px;opacity: 0.7;font-size: 1em;}
.quote > p {margin-left:50px;font-size: 1.5em;}

@media (min-width: 33rem) { /* 40rem */
    .column {
        float: left;
        padding-left: 1.32rem; /* 1rem */
        padding-right: 1.32rem;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .column.full { width: 100%; }
    .column.two-third { width: 66.7%; }
    .column.two-fourth { width: 75%; }
    .column.two-fifth { width: 80%; }
    .column.two-sixth { width: 83.3%; }
    .column.half { width: 50%; }
    .column.third { width: 33.3%; }
    .column.fourth { width: 25%; }
    .column.fifth { width: 20%; }
    .column.sixth { width: 16.6%; }
    .column.flow-opposite { float: right; }  
}
.clearfix:before, .clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}

hr {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
.centered {
	text-align: center;
}