@import url('//fonts.googleapis.com/css?family=Roboto:100,300,400,500,700'); /* Thin, Light, Regular, Medium, Bold  */
/*
Rouge : #de1e1e

Gris header : #ebebeb
Gris footer : #7b7b7b

Gris texte : #666666
*/
html { min-height:100%; position: relative; }
body { color:#666666; background-color:#fdfdfd; font-family: 'Roboto', sans-serif; font-weight:400; }
body, document, html {  width:100%; margin:0px; padding:0px; font-size:16px; }
* { font-family:'Roboto', sans-serif; font-weight:400; }
a { text-decoration:none; font-family:'Roboto', sans-serif; font-weight:400; color:#666666; }
a:hover { text-decoration:underline; color:#666666; }
a:focus { outline:none; outline-offset:0px; color:#666666; text-decoration:none; }

img { border:none; }

/****************** HEADER ******************/

header { height:63px; background-color:#F4F4F4; display: flex !important; justify-content: flex-start; align-items: center; padding-left: 16px; }
/*header img.logo { margin:5px 20px; display:inline-block; vertical-align:top; height:50px; }*/
header img.logo {
    /*margin: 5px 20px;*/
    /*padding: 10px;*/
    /*display: inline-block;*/
    /*vertical-align: top;*/
    /*height: 150px;*/
    /*width: 268px;*/
    /*position: absolute;*/
    /*top: -51px;*/
    height: 56px;
}
header .btn-menu { background-color:#de1e1e; color:#FFF; display:inline-block; padding:4px 13px 4px 13px; text-align:center; margin:0px 5px 0px -15px; vertical-align:top; cursor:pointer; height:60px; }
header .btn-menu i { font-size:35px; line-height:35px; }
header .btn-menu div { font-size:15px; margin-top: -4px; }

header .bloc-utilisateur { margin-right:35px; vertical-align:middle; margin-top:2px; }

header .bloc-utilisateur .fa.fa-user { color:#de1e1e; font-size:45px; display:inline-block; }
header .bloc-utilisateur > div { display:inline-block; margin-left:10px; }

header .bloc-utilisateur p { font-size:17px; font-weight:300; margin: 0 0 2px; }
header .bloc-utilisateur p strong { font-weight:700; }

header .bloc-utilisateur a { background-color:#7b7b7b; padding:3px 5px; color:#FFF; text-transform:uppercase; font-size:11px; }
header .bloc-utilisateur a i { color:#de1e1e; }

ol.breadcrumb { background-color:#FFF; border:none; margin-bottom: 5px; }

.breadcrumb-item + .breadcrumb-item::before { padding: 0 5px; color: #de1e1e; content: ">"; }
ol.breadcrumb > li +li::before { color: inherit; }

/****************** INTERIEUR ******************/

body.interieur { }

.nav-left { background-color:#de1e1e; color:#FFF; position:fixed; width:0px; height:100%; max-width:100%; overflow-y:auto !important; display:block; top:0px; left:0px; z-index:999; }
.nav-left .btn-close { cursor:pointer; padding:5px; position: absolute; right: 0px; z-index: 10; }
.nav-left .nav-contenu { width:600px !important; overflow:hidden; }
.nav-left .nav-contenu h1 { text-align:left; padding:0px 0px 0px 20px; font-size:24px; }
.nav-left .nav-contenu ul li a { color:#FFF; }

@media (max-width: 768px) {
	.nav-left .nav-contenu h1 { font-size:20px; }
	.nav-left .nav-contenu ul li a { font-size:12px; }
}

section.contenu { min-height:300px; }
section.contenu form h1, section.contenu .h1 { color:#de1e1e; font-size:15px; text-transform:uppercase; margin:0px 0px 10px 0px; }
section.contenu form label.col-form-label { font-weight:500; }
section.contenu form label.col-form-label::before { color:#de1e1e; content:">"; padding-right:3px; font-weight:500; }

section.contenu form h2 { font-weight:100; font-size:16px; text-align:center; margin-bottom:15px; }
section.contenu .btn-action { color:#de1e1e; line-height:42px; font-weight:500; }
section.contenu .btn-action i { color:#7b7b7b; vertical-align:middle; }
section.contenu .btn-action:hover i { color:#de1e1e; }


section.contenu hr { border-top: 1px solid #de1e1e; margin-top: 10px; margin-bottom: 10px; }

section.contenu .bulle { border-radius:50%; background-color:#FFF; display:inline-block; width:50px; height:50px; text-align:center; }
section.contenu .bulle .fa { color:#de1e1e; line-height:50px; }


section.contenu table.table { margin-top:15px; }
section.contenu table.table th { border-top:none; }
section.contenu table.table thead th { font-weight:500; }
section.contenu table.table thead th:not(.sans-puce)::before, section.contenu table.table tbody tr td.th::before { color:#de1e1e; content:">"; padding-right:3px; font-weight:500; }


section.contenu table.table a.edition .fa-arrow-circle-right { color:#de1e1e; }

/****************** FOOTER ******************/

footer { background-color:#7b7b7b; padding-top:5px; padding-bottom:5px; margin-top:15px; }
footer { 
	left: 0;
	bottom: 0;
	width: 100%;
}


/****************** DIVERS ******************/
h1.page { color:#de1e1e; font-weight:100; font-size:42px; margin:0px 0px 30px 0px; }
h2.page { font-weight:400; font-size:20px; margin:0px 0px 30px 0px; }
h3.page-header { margin: 18px 0 12px; }

div.modal .modal-header { background-color:#ebebeb; }
div.modal .modal-header .modal-title { color:#de1e1e; }
div.modal .modal-footer { background-color:#ebebeb; }

.ombre-porte, a.ombre-survole:hover { -moz-box-shadow: 0px 1px 5px 0px #656565; -webkit-box-shadow: 0px 1px 5px 0px #656565; -o-box-shadow: 0px 1px 5px 0px #656565; box-shadow: 0px 1px 5px 0px #656565; filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=5); }

.transition { -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.transition-color { -webkit-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; transition: color 0.2s ease-in; }
.transition-background-color { -webkit-transition: background-color 0.2s ease-in; -moz-transition: background-color 0.2s ease-in; -o-transition: background-color 0.2s ease-in; transition: background-color 0.2s ease-in; }
.transition-height { -webkit-transition: height 0.2s ease-in; -moz-transition: height 0.2s ease-in; -o-transition: height 0.2s ease-in; transition: height 0.2s ease-in; }
.transition-opacity { -webkit-transition: opacity 0.2s ease-in; -moz-transition: opacity 0.2s ease-in; -o-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; }

.select2-container--default .select2-search--inline .select2-search__field::-moz-placeholder { color: #999; opacity: 1; }
.select2-container--default .select2-search--inline .select2-search__field { font-size: 14px; line-height: 1.42857143; color: #555; }

.select2-container--default .select2-selection--multiple { border: 1px solid #ccc; }
.select2-container--default.select2-container--focus .select2-selection--multiple { border: 1px solid #de1e1e; border-radius: 4px; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(222,30,30,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(222,30,30,.6); }

form label.required:after { content:" *"; color:#de1e1e; }

.formError, .formError * { font-size:11px !important; }
.formError .formErrorContent { min-width:150px; background-color: #de1e1e; } /* Bleu bulle (navbar-link) */
.formError .formErrorArrow div { background-color: #de1e1e; } /* Bleu bulle (navbar-link) */

.text-primary { color:#de1e1e !important; }

.btn-primary { color: #FFF; background-color: #de1e1e; /* Bleu bulle (navbar-link) */ border-color: #de1e1e; /* Bleu bulle (navbar-link) */ }
.btn-xl { padding:17px 28px; }

.btn-primary,
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover { color:#fff; background-color:#de1e1e; border-color:#c81515; background-image:none; }

.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-color: #e47171;
    border-color: #e47171;
}


.btn-primary.active,.btn-primary.focus,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open>.dropdown-toggle.btn-primary { color:#fff; background-color:#de1e1e; /* Bleu bulle (navbar-link) */ border-color:#de1e1e; /* Bleu bulle (navbar-link) */ }

.checkbox label, .radio label { padding-left: 5px; }

.checkbox-primary input[type="checkbox"]:checked + label::before { background-color:#de1e1e; border-color:#de1e1e; }
.radio-primary input[type="radio"] + label::after { background-color:#de1e1e; }
.radio-primary input[type="radio"]:checked + label::before { border-color:#de1e1e; }
.radio-primary input[type="radio"]:checked + label::after { background-color:#de1e1e; }
.label-primary { background-color:#de1e1e; }
.label-primary[href]:hover, .label-primary[href]:focus { background-color:#de1e1e; }
.badge-primary { background-color:#de1e1e; }
.form-control.has-error, .select2-selection.has-error { background-color:rgba(222, 30, 30, 0.1); border-color:#de1e1e; }
.btn-primary .badge { color: #de1e1e; }

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    color: #fff;
    background-color: #de1e1e;
}

.bs-callout-primary {
    border-left-color: #de1e1e;
}

.form-control:focus { border-color:#de1e1e; /* Bleu bulle (navbar-link) */ outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(222,30,30,.6);/* Bleu bulle (navbar-link) rgba */ box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(222,30,30,.6)/* Bleu bulle (navbar-link) rgba */ }

.radio > label { padding-left:5px; }

.sage { color:#009900; font-weight:bold; font-size:24px; letter-spacing:-1px; }

.ui-datepicker-group .ui-datepicker-header { padding: 0px; }
.ui-datepicker th { padding: .2em .0em; }

.table-sm > thead > tr > th, .table-sm > tbody > tr > th, .table-sm  > tbody > tr > td { padding: .3rem; }


@media(max-width:1200px) {
}
@media (max-width: 992px) {
}
@media (max-width: 768px) {
}