/*
 * main.css
 *
 *
 * sm (= xs)
 * @media (max-width:767px){}
 *
 * md
 * @media (min-width:768px){}
 * @media (max-width:991px){}
 *
 * lg
 * @media (min-width:992px){}
 * @media (max-width:1199px){}
 * 
 * xl
 * @media (min-width:1200px){}
 *
 */

/*
 * générique
 */

.clear-both{clear:both!important;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-justify{text-align:justify;}
.font-bold{font-weight:bold;}
.d-none{display:none!important;}
.d-block{display:block!important;}
.d-inline-block{display:inline-block!important;}
.display-emply:EMPTY{display:none!important;}
.nowrap{white-space:nowrap;}
.margin-0{margin:0;}
.padding-0{padding:0;}
.margin-bottom-0{margin-bottom:0;}
.italique-gris{font-style:italic;color:#a0a0a0;}

/*
 * main
 */

*,
html,
body{font-family:'Roboto', sans-serif !important;font-weight:300;line-height:1.45;text-rendering:optimizeLegibility;color:#ffffff;}
html{-moz-box-sizing:border-box;box-sizing:border-box;height:100%;}
body{-moz-box-sizing:border-box;box-sizing:border-box;position:relative;min-height:100%;margin:0;padding:0;padding-bottom:100px;background-color:#262626;}
footer{position:absolute;bottom:0;left:0;right:0;background-color:rgba(0, 0, 0, 0.85) !important;color:#FDFDFD;padding:32px 0;border-top:1px solid rgba(255, 255, 255, 0.26) !important;}
.footer .copyright{color:rgba(255, 255, 255, 0.9);margin:0;line-height:100%;display:inline-block;}

/*
 * main_navbar
 */

#main_navbar{background-color:rgba(0, 0, 0, 0.85) !important;border-bottom:1px solid rgba(255, 255, 255, 0.26) !important;color:rgba(255, 255, 255, 0.75);font-size:11px;letter-spacing:2px;margin-bottom:25px;padding:17px 20px 5px;text-transform:uppercase;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;position:relative;}
#main_navbar.navbar-expand-md .navbar-nav{-ms-flex-direction:row-reverse;flex-direction:row-reverse;width:100%;}
#main_navbar.navbar-dark .navbar-toggler{border-color:transparent !important;color:#ffffff;}
#main_navbar.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3e%3cpath stroke='rgb%28255, 255, 255%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.4' d='M0 9h32M0 15h32M0 21h32'/%3e%3c/svg%3e");}
#main_navbar .navbar-nav > li.nav-item > a{padding-left:20px;padding-right:20px;color:rgba(255, 255, 255, 0.75);}
#main_navbar .navbar-nav > li.nav-item > a:hover{text-shadow:#ffffff 1px 0 10px;}
@media only screen and (max-width:767px){
	#main_navbar .navbar-collapse{background-color:rgba(0, 0, 0, 0.9);}
	#main_navbar{padding:0;}
	#main_navbar .logo-bouton{padding:0 20px;width:100%;}
	#main_navbar button.navbar-toggler{float:right;margin-top:10px;}
	#main_navbar.navbar-expand-md .navbar-nav{-ms-flex-direction:column-reverse;flex-direction:column-reverse;width:100%;border-top:1px solid rgba(255, 255, 255, 0.26) !important;}
	#main_navbar .navbar-nav > li.nav-item > a{padding:20px 10px 15px;letter-spacing:1px;background-color:#000000;border-bottom:1px solid rgba(73, 71, 71, 0.15);}
}

/*
 * h
 */

h1,
h2,
h3,
h4,
h5{color:#ffffff;}
h1{font-size:60px;font-weight:100;letter-spacing:8px;margin-bottom:15px;margin-top:0;text-transform:uppercase;}
@media only screen and (max-width:767px){
	h1{font-size:42px;letter-spacing:4px;}
}
h2{font-size:36px;font-weight:300;text-transform:uppercase;margin-top:0;margin-bottom:0px;word-spacing:8px;letter-spacing:2px;}
@media only screen and (max-width:767px){
	h2{font-size:30px;letter-spacing:1px;word-spacing:2px;}
}
h3{font-size:30px;margin-bottom:20px;text-transform:uppercase;}
h4{font-size:18px;word-spacing:3px;text-transform:uppercase;letter-spacing:3px;margin-bottom:25px;}
@media only screen and (max-width:992px){
	h4{letter-spacing:1px;}
}
h5{font-size:16px;text-transform:uppercase;margin-bottom:15px;}
h6{text-transform:uppercase;font-size:12px;letter-spacing:1px;}

/*
 * p
 */

p{font-size:14px;line-height:1.6;letter-spacing:0.025em;}

/*
 * btn
 */

.btn{border-radius:2px;font-size:12px;padding:10px 35px;letter-spacing:2px;line-height:6px;text-transform:uppercase;white-space:nowrap;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s;background-color:rgba(0, 0, 0, 0.65);border-color:#ffffff;color:#ffffff;}
.btn:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#ffffff;-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.btn:hover,
.btn:focus,
.btn:active,
.btn:hover i,
.btn:focus i,
.btn:active i{outline:none;color:rgba(0, 0, 0, 0.65);}
.btn i{line-height: 1px;}
.btn:hover:before,
.btn:focus:before,
.btn:active:before{-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);}

.btn-lg{padding:15px 60px;}
.btn-sm{padding:8px 20px;}
.btn-xs{padding:6px 10px;}
@media (max-width:767px){
	.btn-xs-block{display:block !important;margin:30px 0 0 0 !important;width:100% !important;}
}

/*
 * form
 */

.form-control:focus{border-color:rgba(0, 0, 0, 0.65) !important;box-shadow:0 0 0 .2rem rgba(0, 0, 0, 0.25)}
.checkbox-inline label.label{margin-left:10px;}
.input-group-text{background-color:#262626;color:#fff;border-color:#5d5d5d;}

/*
 * table et pagination
 */

.table{margin-bottom:0;}
.table thead th{border-bottom-color:#5d5d5d;}
.table td,
.table th{border-top-color:#5d5d5d;}
.table thead th,
.table thead th span.triable{font-weight:600;text-transform:uppercase;font-size:14px;letter-spacing:1px;}
.table tfoot tr td{padding-left:0;padding-top:15px;}
.triable{cursor:pointer;}
.zone-filtre{background:#f8f9fa;padding:20px 0;margin:0 0 30px 0;}
.lien_dans_table,
.lien_dans_table:hover{text-decoration:underline;color:#ffffff;}
.page-item .page-link{background-color:rgba(0, 0, 0, 0.65);border-color:#ffffff;color:#ffffff;cursor:pointer;padding-left:10px;padding-right:10px;border-radius:0;}
.page-item .page-link:hover{color:rgba(0, 0, 0, 0.65) !important;}
.page-item.disabled .page-link{background-color:transparent;border-color:#5d5d5d !important;color:#5d5d5d !important;cursor:default;}
.page-item.disabled .page-link i{color:#5d5d5d !important;}
.page-item.active .page-link{background-color:#ffffff !important;border-color:#ffffff !important;color:rgba(0, 0, 0, 0.65);cursor:default;}
.pagination-sm .page-item:first-child .page-link{border-top-left-radius:2px;border-bottom-left-radius:2px;}
.pagination-sm .page-item:last-child .page-link{border-top-right-radius:2px;border-bottom-right-radius:2px;}
ul.pagination{margin-bottom:0;}

/*
 * alert
 */
.alert strong{font-weight:600;}
.alert-warning,
.alert-warning strong{color:#856404;}
.alert-danger,
.alert-danger strong,
.alert-danger ul,
.alert-danger ul li{color:#721c24;list-style:none;}
.alert-danger ul{padding:0;}
.alert-danger strong{color:#721c24;font-weight:600;}

/*
* fenetre
*/

.fenetre_100px{max-width:100px;}
.fenetre_200px{max-width:200px;}
.fenetre_300px{max-width:300px;}
.fenetre_400px{max-width:400px;}
.fenetre_500px{max-width:500px;}
.fenetre_600px{max-width:600px;}
.fenetre_700px{max-width:700px;}
.fenetre_800px{max-width:800px;}
.fenetre_900px{max-width:900px;}
.fenetre_1000px{max-width:1000px;}
.fenetre_1100px{max-width:1100px;}
.fenetre_1200px{max-width:1200px;}

/*
 * divers
 */

i.fa{font-family:'Font Awesome 5 Free' !important;}
.vide::after{font-style:italic;color:#a0a0a0;content:"-";}
.modal .modal-dialog .modal-content .modal-body{background-color:#262626;border:1px solid #fff;}
#indication_mode_ordre{font-size:14px;color:#c8080c;font-weight: 400;}
.ui-sortable-helper{display:table;}
@media (max-width:991px){
	.container{max-width:none;}
}