@page {
  size: A4;
}
@media print {

/*************** 1. Global styles of print.css ***************/

body {margin:0;padding:0;}

p, h1, h2, h3, h4, h5, h6, blockquote, ul, ol {
  color: initial;
  margin: auto!important;
}

blockquote, ul, ol {
  page-break-inside: avoid; /* pas de coupure dans ces élements */
}

ul li {
	font-weight: 100!important;
    font-size: 10pt!important
}

a {color: #154271!important;}

a[href]:after {
  content: " "!important; /* affichage des URL des liens */
}

strong {font-weight: 700;}

.container {width: auto!important;}

.col-xs-1,
 .col-xs-2,
 .col-xs-3,
 .col-xs-4,
 .col-xs-5,
 .col-xs-6,
 .col-xs-7,
 .col-xs-8,
 .col-xs-9,
 .col-xs-10,
 .col-xs-11,
 .col-xs-12 {
    float: none;
    width: 100%;
 }

/*************** 2. Nav basic styles for print ***************/


header, .navbar.navbar-default, .navbar {
  display: block!important;
}

.border-bt .col-md-7 , .navbar-brand  {display: block!important;float: none;text-align: center; margin-left: 0px!important; width: 100%!important}

#home-connect .accroche {
    font-size: 20px!important;
   margin-top: 0px!important;
   margin-left: 0px!important;
}

.navbar.navbar-default {
    background: #fff;
    display: block;
}

.navbar .navbar-brand {
    margin-top: 0px!important;
    padding: 25px 15px 0px 15px!important;
}

#menu-toggle-xs {display: none;}

.navbar, .navbar.navbar-default {
    color: #2D2D2D;
}

.navbar-default,.navbar-default .navbar-toggle {border-color: transparent!important;}

.logo {display: block!important;margin:0 auto;}

/* Quand on a cliqué sur la sidebar, le padding left est ajoutée sur la feuille print. J'ai fixé cela */
#home-connect #wrapper.toggled {
    padding-left: 0px!important;
}

/*************** 3. Listes-tpl ***************/

h2.nomargin {font-size: 12pt;}

.dl-horizontal dt {
    float: left!important;
    width: 160px!important;
    overflow: hidden!important;
    clear: left!important;
    text-align: right!important;
    text-overflow: ellipsis!important;
    white-space: nowrap!important;
    font-size: 10pt!important;
}

.tag-color-1    {background:#E4F1FE!important; color:black!important;} 
.tag-color-2    {background:#22313F!important;color: white!important;}
.tag-color-3    {background:#C0392B!important;color: white!important;}
.tag-color-4    {background:#F89406!important;color: white!important;}
.tag-color-5    {background:#00B16A!important;color: white!important;}
.tag-color-6    {background:#674172!important;color: white!important;}
.tag-color-7    {background:#3A539B!important;color: white!important;}
.tag-color-8    {background:#22A7F0!important;color: white!important;}
.tag-color-9    {background:#34495E!important;color: white!important;}
.tag-color-10   {background:#ABB7B7!important;color: white!important;}
.tag-color-11   {background:#F7CA18!important;color: white!important;}
.tag-color-12   {background:#C8F7C5!important;color: white!important;}

.operation-postit {
    display: block!important;
    padding: 25px 25px 40px!important;
    margin: 0 auto 20px auto!important;
    width: 100%!important;
    height: 100px!important;
    line-height: 1.5!important;
    border: 0!important;
    border-radius: 3px!important;
    float: none!important;
   /*  background: -webkit-linear-gradient(#F9EFAF, #F7E98D)!important;
    background: -moz-linear-gradient(#F9EFAF, #F7E98D)!important;
    background: -o-linear-gradient(#F9EFAF, #F7E98D)!important;
    background: -ms-linear-gradient(#F9EFAF, #F7E98D)!important;
    background: linear-gradient(#F9EFAF, #F7E98D)!important; */
    background-color: #F9EFAF!important;
    overflow: visible!important;
    transition: box-shadow 0.5s ease!important;
    font-smoothing: subpixel-antialiased;
    max-width: 520px!important;
    max-height: 250px!important;
    border:  1px solid #F7E98D;
}

.dl-horizontal dd {
    font-weight: 500!important;
    margin-bottom: 15px!important;
    margin-top: 0px!important;
    font-size: 10pt!important;
}

.dl-horizontal dd {
    margin-left: 180px!important;
}


 dd .col-md-6 {
  width: 100%;
  float: none;
  margin-bottom: 10px;
 }

 .btn-grey {
    background: #f1f1f1 !important;
    color: #333333!important;
}

.dropdown-menu {
    border: 0;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26)!important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26)!important;
    -webkit-filter: blur(0);
    filter: blur(0);
}

 .js-selected {background-color: #154271!important;}
 .js-ajouter-tag {display: none;}

.btn:not(.btn-raised).btn-primary, .input-group-btn .btn:not(.btn-raised).btn-primary {
    background-color: #154271!important;
    color: #fff!important;
}

.detail-fiche {
	width: 66.66666667%;float: left;
}


.info-comp {width:33.33333333%;float: left; margin-bottom: 140px;}
.info-comp h4 {color: #154273!important; margin-top: 10px!important ;margin-bottom: 10px!important; font-size: 13pt!important;}

/*************** 4. Form rendering ***************/


.form-4 .form-control, .form-4.is-focused .form-control {
    background: url(./images/arrow-select.svg) right / 18px 10px no-repeat #515151!important;
    color: #fdfdfd!important;
    padding: 5px 20px 5px 10px!important;
    height: initial!important;
    width: auto!important;

}

.form-inline .form-group {
    display: inline-block!important;
    margin-bottom: 0!important;
    vertical-align: middle!important;
}

.form-inline .form-group.form-4 label  {float: left!important; margin-top: 5px;
}

.form-inline .form-group.form-4 select {float: left!important; height: 30px!important; }

/*************** 4. Leaflet styles for map ***************/


.leaflet-popup-content-wrapper, .leaflet-popup-tip {
    background: white!important;
    color: #333!important;
    box-shadow: 0 3px 14px hsla(0, 0%, 0%, 0.4)!important;


}

#map-id.map-fiche {
    height: 450px;
    width: 100%;
    display: block!important;
}

#map-id.map-carto {
   width: 20cm!important; 
}

/* #map-id.map-carto .leaflet-pane {
   transform: translate3d(-105px, 0px, 0px)!important; 
} */

iframe html, body {
    overflow-x: hidden!important;
}

.detail-fiche .map-fiche {display: none;}
.leaflet-showcase-print .map-fiche, .leaflet-showcase-print {display: block!important; height: 450px; width: 100%!important;}



.leaflet-container {
    background: #ddd!important;
}


.leaflet-container .leaflet-control-attribution {
    background: rgba(255, 255, 255, 0.7)!important;
}

.material-icons {
  color: inherit!important;
}

/*************** 5. dataTable rendering ***************/

thead {
    background: #e5e5e5!important;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f4f4f4!important;
}

.txt-success {
    color: #00b99b!important;
}

.txt-danger {
    color: #c7311b!important;
}

/*************** 6. Not displaying section CSS ***************/


footer, #menu-toggle, #sidebar-wrapper, .loader, #js-fiche-operation .border, #operation_graphique .mgB-20, .js-ajouter-tag,#operation_graphique .outils-page, .js-disable-tag, .border.nopadding.mgB-20 ,.js-edit-tag,  #operation_cartographie .outils-page, #selection, #login, .js-ajax-link, .checkbox, .noborder-xs, .dataTables_info, .dataTables_paginate, .js-delete-alerte, .sorting_disabled, a[disabled=""], .highcharts-subtitle, .highcharts-button,
.infoCarto2 , .infoCarto.leaflet-control, .infoCarto3, .leaflet-bar {
	display: none!important;
}

}