/*  ML - ADMIN  */

.poste-nom{
    color: #666;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 9px;
    margin: 0;
    padding: 0;
}

/* =============================================
--------------------  1.mini -----------------
==============================================*/

.lg-margin,.lg-margin2x,.lg-margin3x,.md-margin,.md-margin2x,.md-margin3x,.sm-margin,.xlg-margin,.xlg-margin2x,.xlg-margin3x,.xs-margin,.xss-margin{min-height:1px}.xss-margin{margin-bottom:5px}.xs-margin{margin-bottom:10px}.sm-margin{margin-bottom:20px}.md-margin{margin-bottom:30px}.lg-margin{margin-bottom:40px}.xlg-margin{margin-bottom:50px}.md-margin2x{margin-bottom:60px}.lg-margin2x{margin-bottom:80px}.xlg-margin2x{margin-bottom:100px}.md-margin3x{margin-bottom:90px}.lg-margin3x{margin-bottom:120px}.xlg-margin3x{margin-bottom:150px}

/* =============================================
--------------------  2.STYLE ----------------
==============================================*/

.form-control.is-invalid, .is-invalid{
    background-color: #f8d7da;
}

.is-invalid + .select2-container .select2-selection--single .select2-selection__rendered {
   background-color: #f8d7da;
}

.collapsing {
  /* transition: none !important;*/
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s    
}

body {
    background-color: #dcdcdc;
    color: #666;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 300;
    margin: 0;
    padding: 0;
}
.container{background-color: #fff;}

::selection {
    background-color: #dd002a;
    color: #fff;
}
::-moz-selection {
	background-color: #dd002a;
    color: #fff;
}
a{color: #dd002a;}
a:active, a:focus, a:hover {color: #dd002a;}
.c-center{text-align: center;}
.margin{margin-bottom: 20px;}
.padding{padding-bottom: 20px;}
.xs-margin{margin-bottom: 10px;}
.xs-padding{padding-bottom: 10px;}
.hidden{display: none;}
b, strong {font-weight: 700;}
.bouton_unique{
	color: #fff;
	background-color: #dd002a;
	border-color: #dd002a;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
}
.bouton_unique:hover,
.bouton_unique:focus{
	color: #dd002a;
	background-color: #fff;
	border-color: #dd002a;
}
.bouton_unique:focus{
	box-shadow: 0 0 0 .2rem rgba(221,0,42,0.25);
}
.bouton_unique.vert{
	color: #fff;
	background-color: #95ba3a;
	border-color: #95ba3a;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
}
.bouton_unique.vert:hover,
.bouton_unique.vert:focus{
	color: #95ba3a;
	background-color: #fff;
	border-color: #95ba3a;
}
.bouton_unique.vert:focus{
	box-shadow: 0 0 0 .2rem rgba(149,186,58,0.25);
}
.bouton_unique.bleu{
	color: #fff;
	background-color: #75a6ce;
	border-color: #75a6ce;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
}
.bouton_unique.bleu:hover,
.bouton_unique.bleu:focus{
	color: #75a6ce;
	background-color: #fff;
	border-color: #75a6ce;
}
.bouton_unique.bleu:focus{
	box-shadow: 0 0 0 .2rem rgba(117,166,206,0.25);
}
.bouton_unique.mini{
	padding: 2px 6px;
	font-size: 12px;
}
#login{
	padding: 15px;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.25);
	margin-bottom: 40px;
	border-radius: 4px;
}
#login label{
	font-size: 14px;
	color: #444;
	text-transform: uppercase;
	font-weight: 700;
}
.login{
	background-color: #95ba3a;
	color: #fff;
	font-size: 12px;
	padding: 2px 15px;
}
.login a, .login a:hover{color: #fff;}
.login .info{text-align: left;margin-top: 3px;}
.login .co{text-align: right;}
.login .text{
	font-size: 12px;
}
.login .agence, .login .nom{
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 700;
}
.login .co a i {
    padding: 5px;
    border-radius: 50px;
    background-color: #fff;
	color: #dd002a;
    font-size: 13px;
    margin-right: 5px;
}
.login .co a:hover i {
    background-color: #dd002a;
	color: #fff;
}
h1{
	text-align: left;
	color:#444;
	font-size: 22px;
	text-transform: uppercase;
	margin-bottom: 0;
	padding-left: 180px;
	position: relative;
	top: 30px;
	font-weight: 700;
	z-index: 30;
}

h2{
	text-align: left;
	color:#444;
	font-size: 22px;
	margin-bottom: 0;
	font-weight: 700;
    padding: 10px 0 10px 0;
}
.navbar{
	padding: 0;
	margin-top: 9px;
}
.navbar img{
	width: 165px;
	position: relative;
	top: -33px;
}
.navbar-light .navbar-nav li .nav-link {
    color: #555;
	text-transform: uppercase;
	font-weight: 700;
	padding: 0 15px 0 8px;
	font-size: 16px;
}
.navbar-light .navbar-nav li:first-child .nav-link {
	border-left: 4px solid #dd002a;
}
.navbar-light .navbar-nav li:first-child .nav-link:hover,
.navbar-light .navbar-nav li:first-child .nav-link:focus,
.navbar-light .navbar-nav li:first-child .nav-link.active,
.navbar-light .navbar-nav li:first-child .nav-link.disabled,
.navbar-light .navbar-nav li:first-child .nav-link.active.disabled {
    color: #dd002a;
}
.navbar-light .navbar-nav li:nth-child(2) .nav-link {
	border-left: 4px solid #95ba3a;
}
.navbar-light .navbar-nav li:nth-child(2) .nav-link:hover,
.navbar-light .navbar-nav li:nth-child(2) .nav-link:focus,
.navbar-light .navbar-nav li:nth-child(2) .nav-link.active,
.navbar-light .navbar-nav li:nth-child(2) .nav-link.disabled,
.navbar-light .navbar-nav li:nth-child(2) .nav-link.active.disabled {
    color: #95ba3a;
}
.navbar-light .navbar-nav li:nth-child(3) .nav-link {
	border-left: 4px solid #75a6ce;
}
.navbar-light .navbar-nav li:nth-child(3) .nav-link:hover,
.navbar-light .navbar-nav li:nth-child(3) .nav-link:focus,
.navbar-light .navbar-nav li:nth-child(3) .nav-link.active,
.navbar-light .navbar-nav li:nth-child(3) .nav-link.disabled,
.navbar-light .navbar-nav li:nth-child(3) .nav-link.active.disabled {
    color: #75a6ce;
}

header.fixed #navbar{
	position: fixed;
	background-color: #fff;
	box-shadow: 0 1px 5px rgba(0,0,0,0.3);
	width: 100%;
	z-index: 10;
	left: 0;
	top: 0;
	margin: 0;
	height: 60px;
	z-index: 40;
}
header.fixed #navbar .navbar img{
	width: auto;
	height: 50px;
	margin: 0;
	top: 0px;
}
header.fixed #navbar .navbar{margin: 0;}
header.fixed{margin-bottom: 80px;}

.filtre .titre{
    font-size: 20px;
    color: #222;
    font-weight: 700;
    text-transform: uppercase;
}
.filtre .texte{
    font-size: 14px;
    color: #555;
	text-align: justify;
	margin-bottom: 10px;
}
.filtre .bouton-ml{display: none;}
.filtre .col-right,
.filtre .col-left{
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}

.form-control{
	background-color: #fff;
	border: 1px solid #6b6861;
}
.form-control-sm{border-radius: 0;}
.form-group {margin-bottom: 5px;}
.filtre label{
	font-size: 14px;
	color: #444;
	text-transform: uppercase;
	font-weight: 700;
}
.custom-control-label::before{top: 2px;}
.custom-control-label::after{top: 2px;}
.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
	border-color: #dd002a;
	background-color: #dd002a;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
	background-color: rgba(221,0,42,.25);
	border-color: rgba(221,0,42,.25);
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(221,0,42,.25);
}
.custom-control-input:focus ~ .custom-control-label::before {box-shadow: 0 0 0 .2rem rgba(221,0,42,.25);}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {border-color: rgba(221,0,42,.25);}
.select2-container--default .select2-selection--single {
    background-color: #fff;
	border: 0 none;
	border-radius: 0;
	border: 1px solid #6b6861;
}
.select2-selection.select2-selection--single {
    color: #6b6861;
    font-weight: 300;
    margin-bottom: 0px;
    width: 100%;
	height: calc(1.5em + .5rem + 2px);
	font-size: 14px;
	line-height: 1.5;
}
.select2-results__option {color: #fff;}
.select2-container--default .select2-results__option[aria-selected="true"] {color: #6b6861;}
.select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: #dd002a;color: #fff;}
.select2-dropdown {background-color: #6b6861;}
.select2-container{min-width: 145px;}
.form-control:focus {
	background-color:#fff;
	border-color:#dd002a;
	box-shadow: 0 0 0 .2rem rgba(221,0,42,.25);
}
.footer{
	background-color: #999;
	text-align: center;
	font-size: 12px;
	color: #fff;
}
.footer a{color: #fff;}
.footer a:hover{color: #dd002a;}

.footer .legende div{display: inline-block;margin: 3px 3px;}
.footer .legende div i{
	padding: 7px 7px;
	border-radius: 50px;
	color:#fff;
	font-size: 11px;
	margin: 1px;
	width: 26px;
	height: 26px;
	text-align: center;
	margin-right: 5px;
}
 .picto i.fa-edit{background-color:#95ba3a;}
 .picto i.fa-eye{background-color:#75a6ce;}
 .picto i.fa-print{background-color:#ac989b;}
 .picto i.fa-print.tarif{background-color:#fd9031;}
 .picto i.fa-calculator{background-color:#e6818f;}
 .picto i.fa-folder-open{background-color:#d2c475;}
 .picto i.fa-trash-alt{background-color:#dd002a;}

.subfooter{
	background-color: #dcdcdc;
	text-align: center;
	font-size: 12px;
	color: #999;
	padding: 5px 15px;
}
.subfooter a{color: #999;}
.subfooter a:hover{color: #dd002a;}

div.dataTables_wrapper div.dataTables_info{color: #888;}
div.dataTables_wrapper div.dataTables_length label,
div.dataTables_wrapper div.dataTables_filter label{
	font-size: 14px;
	font-weight: 700;
	color: #444;
	text-transform: uppercase;
}
table.dataTable thead th,
table.dataTable thead td {
    padding: 5px 10px 3px;
	color: #fff;
	background-color:#95ba3a;
	text-transform: uppercase;
	font-size: 13px;
	line-height: 15px;
	font-weight: 700;
}
table{text-align: center;line-height: 16px;}

table tbody .nb{font-weight: 700;}
table tbody .date{font-size: 12px;}
table tbody .agence{font-size: 12px;}
table tbody .montant{font-weight: 700;}

table tbody a.picto i{
	padding: 7px 7px;
	border-radius: 50px;
	color:#fff;
	background-color:#95ba3a;
	font-size: 11px;
	margin: 1px;
	width: 26px;
	height: 26px;
	text-align: center;
}
table tbody a.picto:hover i{
	color:#95ba3a;
	background-color:#fff;
}
table tbody a.picto i.fa-edit{background-color:#95ba3a;}
table tbody a.picto i.fa-eye{background-color:#75a6ce;}
table tbody a.picto i.fa-print{background-color:#ac989b;}
table tbody a.picto i.fa-print.tarif{background-color:#fd9031;}
table tbody a.picto i.fa-calculator{background-color:#e6818f;}
table tbody a.picto i.fa-folder-open{background-color:#d2c475;}

table tbody a.picto:hover i.fa-edit{color:#95ba3a;background-color:#fff;}
table tbody a.picto:hover i.fa-eye{color:#75a6ce;background-color:#fff;}
table tbody a.picto:hover i.fa-print{color:#ac989b;background-color:#fff;}
table tbody a.picto:hover i.fa-print.tarif{color:#fd9031;background-color:#fff;}
table tbody a.picto:hover i.fa-calculator{color:#e6818f;background-color:#fff;}
table tbody a.picto:hover i.fa-folder-open{color:#d2c475;background-color:#fff;}
.page-link{padding: 4px 8px;font-size: 12px;}
.page-item.active .page-link {
    color: #fff;
	background-color:#dd002a;
	border-color: #dd002a;
}
.page-item.active:hover .page-link {
    color: #fff;
	background-color:#95ba3a;
	border-color: #95ba3a;
}
.page-link {color: #888;background-color:#fff;}
.page-link:hover {color: #fff;background-color:#888;border-color: #888;}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {margin: 10px 0;}
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before {
	background-color: #dd002a;
}
.collapse, .collapsing{margin-bottom: 5px;}
#navbarNav.collapse, #navbarNav.collapsing{margin-bottom: 0px;padding-bottom: 0px}
#navbarNav.collapse.show, #navbarNav.collapsing.show{padding-bottom: 0px}
.collapse.show, .collapsing.show{padding-bottom: 10px;margin-bottom: 10px;}
.step label, .step .sujet, .titre-champ {
    font-size: 14px;
    color:#444;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 14px;
    padding: 0 15px;
    margin-bottom: 8px;
}




.step .custom-control.custom-radio label{
    padding: 1px 0;
}
.step .custom-control.custom-checkbox label{
    padding: 2px 0;
}
.step .info{
	font-size: 14px;
	color: #777;
}
.step .titre,
.step .titre button{
	font-size: 16px;
	font-weight: 700;
	color:#444;
	text-transform: uppercase;
	line-height: 18px;
	margin-bottom: 5px;
	margin-top: 3px;
}
.step .titre button:hover{
	color: #888;
	text-decoration: underline;
}
.step{
	margin-bottom: 5px;
	padding-bottom: 0px;
	box-shadow: 0 5px 5px -6px rgba(0, 0, 0, 0.2);
}
.step.step_valid{box-shadow: 0 0px 0px rgba(0, 0, 0, 0);}
.step .col-left{width: 35px;}
.step .col-right{width: calc(100% - 35px);}
.step .btn.bouton-ml{
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	padding: 0;
	z-index: 10;
	box-shadow: 0 0 0 0 rgba(0,0,0,0);
	text-align: left;
}
.step .bouton-ml .fas{
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	font-size: 12px;
	padding: 5px 6px;
	line-height: 1;
	border-radius:4px;
}
.step .bouton-ml .fas.fa-plus{
	color: #fff;
	border-color: #95ba3a;
	background-color: #95ba3a;
}
.step .bouton-ml .fas.fa-plus:hover,
.step .bouton-ml .fas.fa-plus:focus{
	color: #95ba3a;
	border-color: #95ba3a;
	background-color: #f9f9f9;
	box-shadow: 0 0 0 0 rgba(0,0,0,0);
}
.step .bouton-ml .fas.fa-minus{
	color: #fff;
	border-color: #dd002a;
	background-color: #dd002a;
}
.step .bouton-ml .fas.fa-minus:hover,
.step .bouton-ml .fas.fa-minus:focus{
	color: #dd002a;
	border-color: #dd002a;
	background-color: #f9f9f9;
	box-shadow: 0 0 0 0 rgba(0,0,0,0);
}

.step .col-right,
.step .col-left{
	position: relative;
	padding-right: 15px;
	padding-left: 15px;
}
.step_valid .desc{
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	color: #333;
	margin: 20px 0 10px;
	text-transform: uppercase;
}
.step .dataTables_wrapper .dataTables_filter,
.step .dataTables_paginate.paging_simple_numbers,
.step .dataTables_info{display: none;}
.fancybox-container .dataTables_wrapper .dataTables_filter,
.fancybox-container .dataTables_paginate.paging_simple_numbers,
.fancybox-container .dataTables_info{display: none;}
.step table p{margin-bottom: 0;font-size: 11px;text-align: left;line-height: 14px;}
.fancybox-container table p{margin-bottom: 0;font-size: 12px;text-align: left;line-height: 16px;}
.step table .form-control-sm{height: 25px;padding: 5px 5px;font-size: 14px;}
.step .custom-radio{text-align: left;}
.custom-control.custom-radio{min-height: 1px;}
.step .custom-radio label{line-height: 20px;font-size: 12px;margin-bottom: 0;}
.step .plusmoins{
	color: #95ba3a;
	font-weight: 700;
}
.step .prix_unit{font-weight: 700;}
.step a.add i,
.modal a.add i{
	color:#95ba3a;
	font-size: 22px;
	text-align: center;
}
.step a.add:hover i,
.modal a.add:hover i{
	color:#dd002a;
}
.step .opt a.add i{font-size: 15px;}
.step .opt a.add{font-size: 12px;color: #666;line-height: 15px;}

.step input.poste{display: inline-block;width: calc(100% - 75px);min-width: 100px;}
.step span.textpost{display: inline-block;width: 75px;}
.step td.choix{text-align: left;}

.value_resultat{
	text-align: right;
	font-size: 18px;
	font-weight: 700;
	color: #444;
	text-transform: uppercase;
}
.value_resultat .resultat{
	font-size: 20px;
	color: #95ba3a;
}
.btn_options{
	margin: 0 0 20px;
	text-align: right;
}
.btn_options .bouton_unique i{margin-right: 5px;}

.fancybox-content {
    padding: 25px 10px 10px;
	overflow: hidden;
}
.fancybox-slide--html .fancybox-close-small {
    right: -5px;
    top: -5px;
}
.total{
	background-color: #d2c475;
	color: #dd002a;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 10px;
	text-align: center;
}
.total .text{
	font-size: 14px;
	color: #444;
	padding: 4px 5px 2px;
	text-align: right;
}
.total .desc{
	font-size: 12px;
	color: #444;
	text-align: center;
}
.step3 .title_table{
	background-color:#999;
	color:#fff;
	padding: 5px 5px;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 10px;
}
.total .espace{width: 50%;}
.step3 .step .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 22px;
}
.step3 .step .select2-selection.select2-selection--single {
    height: 25px;
}
table.dataTable {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
.total table{text-align: right;}
table .size{width: 140px;}
table th.size{width: 100px;}

.ttc{font-size: 14px;font-weight: 700;color: #222;}
.rouge{font-size: 22px;font-weight: 700;color: #dd002a;}

.step5 .collapse.show {margin-top: 20px;}
.step5 .step label, .step5 .step .sujet{margin-bottom: 0;}
.step5 .form-control-sm{height: 25px;}
.total div.dataTables_wrapper div.dataTables_filter,
.total div.dataTables_wrapper div.dataTables_info,
.total div.dataTables_wrapper div.dataTables_paginate{display: none;}

.collapsing .entetes, .collapse .entetes, .fancybox-content .entetes{
	background-color: #95ba3a;
	color: #fff;
	font-size: 12px;
	text-align: center;
	font-weight: 700;
	text-transform: uppercase;
	padding: 2px 0;
	line-height: 14px;
}
.collapsing .lignes .content p, .collapse .lignes .content p, .fancybox-content .lignes .content p{
	margin-bottom: 0;
	font-size: 11px;
	text-align: left;
	line-height: 14px;
}
.collapsing .lignes .content, .collapse .lignes .content, .fancybox-content .lignes .content{text-align: center;padding: 0 2px;}
.collapsing .lignes .content .montant, .collapse .lignes .content .montant, .fancybox-content .lignes .content .montant{font-weight: 700;}

.collapsing .lignes .col-lg-1, .collapse .lignes .col-lg-1, .fancybox-content .lignes .col-lg-1{padding-left: 2px; padding-right: 2px;}
.collapsing .lignes input.form-control.form-control-sm, .collapse .lignes input.form-control.form-control-sm, .fancybox-content .lignes input.form-control.form-control-sm{padding: .25rem 5px;height: 24px;}
.collapsing .lignes, .collapse .lignes, .fancybox-content .lignes{border-bottom: 1px solid #000;}
.fancybox-content .lignes{padding: 4px 0;}
.collapsing .entete, .collapse .entete, .fancybox-content .entete{
	color: #000;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 2px 0;
	line-height: 14px;
	text-align: center;
}
.collapsing .poste .entete, .collapse .poste .entete, .fancybox-content .poste .entete{
	text-align: left;
}
.collapsing .p-all-right,.collapse .p-all-right{padding-right: 2px;}
.collapsing .p-all-left,.collapse .p-all-left{padding-left: 2px;}

.lines .line{display: inline-block;text-align: center;}
.lines .line.champ{width: 22%;}
.lines .line.text1{width: 32%;}
.lines .line.text2{width: 15%;}
.lines .line input{padding: 2px 2px;font-size: 12px;}
.form-control-sm {padding: 3px 3px;}


/* =============================================
--------------  3.STYLE ECRAN ----------
==============================================*/

@media (min-width:1200px){

}


/* =============================================
--------------  4.STYLE PETIT ECRAN ----------
==============================================*/

@media (min-width: 992px) {
	.collapse.dont-collapse-sm {
		display: block;
		height: auto !important;
		visibility: visible;
	}
}

@media (min-width:992px) and (max-width: 1199px){

}


/* =============================================
----------------  5.STYLE TABLETTE -----------
==============================================*/

@media (min-width:768px) and (max-width: 991px){
	header.fixed{margin-bottom: 55px;}
	h1 {min-height: 53px;}
	table.dataTable thead th, table.dataTable thead td {font-size: 12px;}
	table .size{width: 90px;}
	table th.size{width: 50px;}
	table tr.total,
	table tr.total:hover,
	table.dataTable tbody tr.total,
	table.dataTable tbody tr.total:hover,
	table.dataTable.display tbody tr.total.odd,
	table.dataTable.stripe tbody tr.total.odd,
	table.dataTable.display tbody tr.total.odd > .sorting_1,
	table.dataTable.order-column.stripe tbody tr.total.odd > .sorting_1,
	table.dataTable.display tbody tr.total.even > .sorting_1,
	table.dataTable.order-column.stripe tbody tr.total.even > .sorting_1
	{
		font-size: 14px;
	}
	.step3 .collapsing .lignes .content, .step3 .collapse .lignes .content{text-align: left;}
	.step3 .collapsing .entete, .step3 .collapse .entete{text-align: left;}
	.step4 .collapsing .lignes .content, .step4 .collapse .lignes .content{text-align: left;}
	.step4 .collapsing .entete, .step4 .collapse .entete{text-align: left;}
	.collapsing .lignes .p-md-right,.collapse .lignes .p-md-right, .total .p-md-right{padding-right: 2px!important;}
	.collapsing .lignes .p-md-left,.collapse .lignes .p-md-left, .total .p-md-left{padding-left: 2px!important;}
	.lines .line.text1{width: 34%;}
	.lines .line.text2{width: 12%;}
}

@media (max-width: 991px){
	h1 {
	    font-size: 22px;
	    margin-bottom: 0;
	    padding-left: 180px;
	    top: 10px;
	}
	.navbar img {margin-bottom: 0;}
	.navbar {margin-top: -20px;margin-bottom: -20px;}
	#navbarNav.collapse.show, #navbarNav.collapsing.show {
	    margin-bottom: 20px;
	    padding-bottom: 0px;
	}
	.navbar-light .navbar-toggler {
	    color: #fff;
		border-color: #dd002a;
		background-color: #dd002a;
		padding: 7px 10px;
	}
	.navbar-light .navbar-toggler:hover,
	.navbar-light .navbar-toggler:focus{
	    color: #dd002a;
		border-color: #dd002a;
		background-color: #fff;
	}
	.navbar-light .navbar-nav li .nav-link {margin: 5px 0;}
	#navbarNav{
		background-color: #f9f9f9;
		margin-bottom: 35px;
		margin-top: -20px;
		border: 1px solid #f2f2f2;
		padding: 5px 15px;
	}
	header.fixed #navbarNav {margin-bottom: 0;margin-top: 10px;}
	.filtre .bouton-ml{
		display: block;
		position: relative;
		top: 5px;
		left: 0px;
		color: #fff;
		border-color: #95ba3a;
		background-color: #95ba3a;
		margin-bottom: 5px;
		font-size: 1.25rem;
		padding: 7px 10px;
		line-height: 1;
	}
	.filtre .bouton-ml:hover,
	.filtre .bouton-ml:focus{
		color: #95ba3a;
		border-color: #95ba3a;
		background-color: #fff;
		box-shadow: 0 0 0 0 rgba(0,0,0,0);
	}
	.filtre .menu{text-align: right;}
	.filtre label {font-size: 12px;}
	.filtre .col-left{width: 55px;}
	.filtre .col-right{width: calc(100% - 55px);}
	.step .info, .step .sujet{font-size: 12px;margin-bottom: 5px;}
	.step .titre,.step .titre button{font-size: 14px;}
	.step label {font-size: 12px;}
	.step_valid .desc {font-size: 14px;}
	.custom-control-input {z-index: 1;}
	.modal-body, .modal-header {padding: 5px;color: #111;}
	.modal-body .table td, .modal-body .table th {
	    padding: 5px;
		text-align: left;
	}
	.modal-title{display: none;}
	.modal-header{background-color: #95ba3a;}
	.modal-header .close {opacity: 1;color:#fff;text-shadow: none;padding: 1rem 20px;}
	.modal-body .table{margin-bottom: 0;}
	.collapsing .lignes .col-lg-1,.collapse .lignes .col-lg-1{padding-left: 15px; padding-right: 15px;}
	.collapsing .lignes,.collapse .lignes{margin-top: 2px;border-bottom: 0px solid #000;border-top: 1px solid #999;}
	.collapsing .poste,.collapse .poste{
		background-color: #f5f5f5;
		padding:2px;
		margin-bottom: 2px;
	}
	.custom-control.custom-radio.form-check-inline{display: inline-block;}
	.collapsing .lignes .col-lg-1,.collapse .lignes .col-lg-1{padding-left: 15px; padding-right: 15px;}
	.step3 .collapsing .lignes .content, .step3 .collapse .lignes .content{text-align: left;}
	.step3 .collapsing .entete, .step3 .collapse .entete{text-align: left;}
	.step4 .collapsing .lignes .content, .step4 .collapse .lignes .content{text-align: left;}
	.step4 .collapsing .entete, .step4 .collapse .entete{text-align: left;}
	.total, .total .desc {text-align: left;}
}

/* =============================================
--------------  6.STYLE SMART-PHONE ---------
==============================================*/
@media (min-width:576px) and (max-width: 767px){
	.collapsing .lignes .p-sm-right,.collapse .lignes .p-sm-right, .total .p-sm-right{padding-right: 2px;}
	.collapsing .lignes .p-sm-left,.collapse .lignes .p-sm-left, .total .p-sm-left{padding-left: 2px;}
	.custom-control-inline {margin-right: 10px;}
	.lines .line.text1 .ttc,.lines .line.text2 .ttc{font-size: 10px;}
	.lines .line.text2 {width: 13%;}
}
@media (max-width:767px){
	.login .co i {
		padding: 5px;
		font-size: 18px;
		margin-right: 0px;
		margin: 6px 0;
	}
	.login .co span {display: none;}
	h1 {
	    font-size: 17px;
	    padding-left: 0px;
	    top: 10px;
	    text-align: center;
	    margin-bottom: 10px;
	}
	.navbar img {width: 130px;top: -20px;margin-bottom: 0;}
	.navbar {margin-top: 15px;margin-bottom: -10px;}
	header.fixed{margin-bottom: 80px;}
	.filtre .titre{font-size: 16px;}
	.filtre .texte{font-size: 12px;margin-bottom: 15px;}
	#search.show .selection{width: 100%;display: inline-block;}
	div.dataTables_info{margin-bottom: 20px;}
	div.dataTables_wrapper div.dataTables_paginate ul.pagination {justify-content: center;}
	.value_resultat{font-size: 15px;text-align: center;}
	.value_resultat .resultat{font-size: 17px;}
	.btn_options{text-align: center;}
	.btn_options .bouton_unique{margin-bottom: 5px;}
	.total .espace{width: 25%;}
	table .size{width: auto;}
	table th.size{width: auto;}
	.margin_5{margin-bottom: 5px;}
}

@media (max-width:575px){
	.collapsing .lignes .p-right,.collapse .lignes .p-right{padding-right: 2px;}
	.collapsing .lignes .p-left,.collapse .lignes .p-left{padding-left: 2px;}
}