@font-face {
    font-family: "helvetica-neue";
    src: url('../fonts/HelveticaNeue.eot');
    src: url('../fonts/HelveticaNeue.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeue.svg#Helvetica Neue') format('svg'),
    url('../fonts/HelveticaNeue.woff') format('woff'),
    url('../fonts/HelveticaNeue.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "helvetica-neue-medium";
    src: url('../fonts/HelveticaNeue-Medium.eot');
    src: url('../fonts/HelveticaNeue-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeue-Medium.svg#Helvetica Neue') format('svg'),
    url('../fonts/HelveticaNeue-Medium.woff') format('woff'),
    url('../fonts/HelveticaNeue-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "helvetica-neue-bold";
    src: url('../fonts/HelveticaNeue-Bold.eot');
    src: url('../fonts/HelveticaNeue-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeue-Bold.svg#Helvetica Neue') format('svg'),
    url('../fonts/HelveticaNeue-Bold.woff') format('woff'),
    url('../fonts/HelveticaNeue-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
body {
	font-family: helvetica-neue;
	background: #f0efed;
}
.navbar{
	z-index: 5;background: #f0efed;border-radius : 0;
}
label{font-weight: 100;}
.row {
	margin: 0;
}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
	margin: 0;
	padding: 0;
}
.colored-bar{
	height: 24px;
	color :#FFFFFF;
	font-size : 12px ;
	padding-left :16px;
	line-height: 24px;
	font-family: helvetica-neue-medium ;
	z-index: 5;
}

.content{overflow: hidden}
.content > div , #onglet-setting, #onglet-detail/*, #page-content #maps*/{margin-bottom: -1000px;padding-bottom: 1000px;}
.management_map#maps{margin-bottom: 0 !important;padding-bottom: 0 !important;}
/*.content > div , #onglet-setting, #onglet-detail, #maps, .management_content{margin-bottom: -1000px;padding-bottom: 1000px;}*/
.col-md-12.content, body, html{height: 100%;}
button.close{padding : 0 5px;}
/******************************************************
 Header
 ******************************************************/
.parametres, .parametres:hover, .parametres:active, .parametres:focus{
	color: #FFFFFF;
	border-right : 1px solid #FFFFFF;
	margin-right: 10px;
	padding-right : 10px;
	line-height: 12px;
	margin-top: 7px;
	margin-bottom: -7px
}
.navbar {
	border: 0;
	margin-bottom: 0;
	min-height: 36px;
}
.logo {
    margin: 0 !important;
    padding-left: 16px;
    height: 36px;
    background-repeat: no-repeat;
    background-size: auto auto;
    background-position: 16px 50%;
}
.navbar-nav.navbar-right {
	margin: 0 !important
}
.navbar-nav > li > a {
	padding: 9px 0 7px 0;
	font-weight: normal;
	text-align: center;
}
.navbar-nav > li > a:hover {
	background: none
}
.navbar-nav > li:first-child > a {
	color: #db483e;
}
.navbar-nav > li:nth-child(2)> a {
	color: #4f8fe7
}
.navbar-nav > li:nth-child(3)> a {
	color: #f39131
}
.navbar-nav > li:last-child > a {
	color: #73dc27
}

/******************************************************
 End Header
 ******************************************************/

/******************************************************
 Footer
 ******************************************************/

.footer {
	background: #4b4b4b;
	min-height: 24px;
	width : 100%;
	bottom: 0;
	position: fixed;
	z-index : 999;
}
.footer .col-md-9 a{ display : inline ;}
.footer .col-md-9 {
	color: #afafaf;
	line-height: 24px;
	padding-left: 16px;
}
.footer .twitter {
	float: right;
	background: url(../images/logo-twitter-footer.png) no-repeat 50%;
	margin-right: 16px;
	width: 14px;
	height: 24px;
}
.footer .facebook {
	float: right;
	background: url(../images/logo-facebook-footer.png) no-repeat 50%;
	margin-right: 8px;
	width: 5px;
	height: 24px;
}
.footer a {
	display: block;
}
.footer .col-md-3 > div,.footer .col-md-3 > a{float:right}
.footer .footer_lang_dropup{
    border-right: 1px solid #CCCCCC;
    margin: 5px;
    padding-right: 5px;
    height: 14px;
}
.footer .footer_lang_dropup .btn-default{
    padding: 0 15px;
    background: transparent;
    color: #afafaf !important;
    border: 0;
    border-radius: 0;
    font-size: 14px;
    line-height: 16px;
}
/******************************************************
 End Footer
 ******************************************************/

/******************************************************
 Login form
 ******************************************************/
.form-signin {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	height: 173px;
	margin: auto;
}
.form-signin .form-title{
	color:#4b4b4b;
	font-family: helvetica-neue-bold;
	font-size: 10px;
	line-height: 12px;
	padding-bottom: 6px;
}
.form-signin .form-control {
	position: relative;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.form-signin .form-control:focus {
	z-index: 2;
}
.form-signin input{
	border-radius: 0;
	border-color: #afafaf;
	font-size: 12px;
	padding: 0px 16px;
	line-height: 22px;
	margin: 12px 0 ;
}
.form-signin .btn-submit-green{
	background: #449D44;
	font-size: 12px;
	color: #FFFFFF;
	border-radius: 0;
	border: 0;
	padding: 0;
	line-height: 24px;
	margin-bottom: 6px;
}
.form-signin .form-forget-password{
	font-size: 10px;
	color: #afafaf;
	display: block;
	line-height: 18px;
}
/******************************************************
 End Login form
 ******************************************************/


/******************************************************
 visualisation
 ******************************************************/
#checked-popularite-0, #checked-popularite-1, #checked-popularite-2,
#checked-status-0, #checked-status-1, #checked-status-2,{
	display: none ;
	padding-left: 16px;
	position: relative;
	line-height: 18px;
}
.stitle{
	font-family: helvetica-neue-medium;
	font-size : 10pt;
	color: #7d7d7d;
}
#checked-status-0 div, #checked-status-1 div, #checked-status-2 div{
	border-radius: 50%;
	width: 8px;
	height: 8px;
	position: absolute;
	left: 0;
	top: 2px;
	background: #73dc27; 
	line-height : 18px;
}
#checked-status-0, #checked-status-1, #checked-status-2{position : relative; padding-left: 16px;}

#checked-status-0 div:first-child{background: #db483e}
#checked-status-2 div:last-child{background: #f39131}
.under-sous-menu{ font-family :helvetica-neue-medium;padding-right : 16px ; padding-left : 16px ; font-size: 10px ; color : #afafaf; line-height :12px;}
.sous-menu{
	border-right: 1px solid #646464 ;
	padding-top: 30px;
}
.sous-menu .compteurhomepage span, .sous-menu>ul>li a, a.left-menu-link, .importer-csv, .importer-csv-exemple{
	height : 24px;
	padding-left : 16px;
	line-height: 24px;
	font-size : 10px;
	color : #4b4b4b ;
	display: block;
	text-decoration: none
}
.sous-menu>ul>li a:hover:not(.list-paramaters .active a),.sous-menu>ul>li.active a:not(.list-paramaters .active a), .mm-selected a.left-menu-link:not(.list-paramaters .active a) 
{
	background-color: #FFFFFF ;
	cursor: pointer;
	font-family: helvetica-neue-bold;
}
a.left-menu-link{
	color: #f0efed ;	
}
.sous-menu>ul>li.active a{
	background-image : url(../images/fleche.png);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
.paramaters-menu .active a, .paramaters-menu .active a:hover{
	background: none !important  ;font-family: helvetica-neue-bold;
}
/******************************************************
 Endvisualisation
 ******************************************************/

/******************************************************
 onglet Setting
 ******************************************************/

#onglet-setting, #onglet-detail, #show_detail_information{
	background: #FFFFFF ;
	padding-left : 16px; 
	padding-right : 16px;
	z-index : 101 ;
}
#onglet-setting > div {padding-top: 30px;}
#onglet-setting > div .form-group input,
#rapports-1,
#rapports-2,
#rapports_modal  .localisation-rap input,
#onglet-setting > div .form-group select,
#raport-date{
	font-size: 12px !important;
	color: #646464 !important;
	border: 1px solid #afafaf !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	padding: 0 16px !important;
	height: 24px !important;
	margin : 12px 0  !important;
	font-family: helvetica-neue-medium  !important;
}
#onglet-setting .form-group{margin : 0}
#onglet-setting > div .form-group label{
	margin: 0;
	line-height: 12px;
	font-size: 10px;
	color: #4b4b4b;
	font-family: helvetica-neue-bold;
	text-transform: uppercase
}
.button-submit, .button-submit:hover{
	background: #646464;
	color: #FFFFFF;
	font-size: 10px;
	font-family: helvetica-neue-bold;
	width: 100%;
	border: 0;
	border-radius: 0;
	padding: 5px 0;
	margin-top: 6px;
	margin-bottom: 12px;
}
.reset{
	color: #646464;
	font-size: 10px;
	line-height: 18px;font-family: helvetica-neue-medium
}
.reset span{color: #db483e; cursor: pointer; }
.calendar-form > div{
	position: relative;padding-right: 24px;
}
.calendar-form > div:last-child{
	padding-left: 8px;
}
.calendar-form .calendar{
	background-image: url(../images/picto-calendrier.png);
	width: 16px;
	height: 16px;
	position: absolute;
	top: 16px;
	right: 0;
	cursor: pointer ;
}
#status li label, #popularite li label{
	padding-left: 16px;
}

#status .categories-checkbox [type="checkbox"]:checked + label {color: #f39131}
#status li:first-child .categories-checkbox [type="checkbox"]:checked + label {color: #73dc27}
#status li:last-child .categories-checkbox [type="checkbox"]:checked + label {color: #db483e}
.categories-checkbox [type="checkbox"]:checked + label.status-0:after{background : #db483e}
.categories-checkbox [type="checkbox"]:checked + label.status-1:after{background : #73dc27}
.categories-checkbox [type="checkbox"]:checked + label.status-2:after{background : #f39131}
/***********************Categories treeview***********************/
.css-treeview ul,.css-treeview li{
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
}
.css-treeview .input
{
    position: absolute;
    opacity: 0;
}
 
.css-treeview
{
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    overflow-y: auto ;
}
 
.css-treeview .input ~ ul
{
    display: none;
}
 
.css-treeview label,
.css-treeview label::before
{
    cursor: pointer;
}
 
.css-treeview .input:disabled + label
{
    cursor: default;
}
 
.css-treeview .input:checked:not(:disabled) ~ ul
{
    display: block;
}

.css-treeview li label{padding-left: 16px}
.css-treeview > ul > li > label:hover{background: #c8c8c8;}
.css-treeview label
{
	display: block;
	line-height: 18px !important;
	margin-top: 6px !important;
	text-transform: capitalize;
}
.css-treeview ul li ul li{margin-left: 24px;}
#popularite li{
	list-style: none;
}
/* webkit adjacent element selector bugfix */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .css-treeview 
    {
        -webkit-animation: webkit-adjacent-element-selector-bugfix infinite 1s;
    }
 
    @-webkit-keyframes webkit-adjacent-element-selector-bugfix 
    {
        from 
        { 
            padding: 0;
        } 
        to 
        { 
            padding: 0;
        }
    }
}
/***********************End Categories treeview***********************/

/***********************ckeckbox style***********************/
.categories-checkbox [type="checkbox"]:not(:checked),  
.categories-checkbox [type="checkbox"]:checked,
.categories-checkbox [type="radio"]:not(:checked),  
.categories-checkbox [type="radio"]:checked{  
  position: absolute;  
  left: -9999px;  
}  
   
/* on prépare le label */  
.categories-checkbox [type="checkbox"]:not(:checked) + label,  
.categories-checkbox [type="checkbox"]:checked + label ,
.categories-checkbox [type="radio"]:not(:checked) + label,  
.categories-checkbox [type="radio"]:checked + label {  
  position: relative; /* permet de positionner les pseudo-éléments */  
  cursor: pointer;    /* affiche un curseur adapté */  
}
/* Aspect des checkboxes */  
/* :before sert à créer la case à cocher */  
.categories-checkbox [type="checkbox"]:not(:checked) + label:before,  
.categories-checkbox [type="checkbox"]:checked + label:before,
.categories-checkbox [type="radio"]:not(:checked) + label:before,  
.categories-checkbox [type="radio"]:checked + label:before {  
  content: '';  
  position: absolute;  
  left:0; top: 6px;  
  width: 8px; height: 8px; /* dim. de la case */  
  border: 1px solid #4b4b4b;  
}  
   
/* Aspect général de la coche */  
.categories-checkbox [type="checkbox"]:not(:checked) + label:after,  
.categories-checkbox [type="checkbox"]:checked + label:after,
.categories-checkbox [type="radio"]:not(:checked) + label:after,  
.categories-checkbox [type="radio"]:checked + label:after {  
  	content: '';  
  	position: absolute;  
  	top: 6px;
	left: 0;  width: 8px; height: 8px; /* dim. de la case */
  	background : #4b4b4b;
  	transition: all .2s; /* on prévoit une animation */  
}  
/* Aspect si "pas cochée" */  
.categories-checkbox [type="checkbox"]:not(:checked) + label:after,
.categories-checkbox [type="radio"]:not(:checked) + label:after {  
  opacity: 0; /* coche invisible */  
  transform: scale(0); /* mise à l'échelle à 0 */  
}  
/* Aspect si "cochée" */  
.categories-checkbox [type="checkbox"]:checked + label:after,
.categories-checkbox [type="radio"]:checked + label:after {  
  opacity: 1; /* coche opaque */  
  transform: scale(1); /* mise à l'échelle 1:1 */  
}  
/* aspect désactivée */  
.categories-checkbox [type="checkbox"]:disabled:not(:checked) + label:before,  
.categories-checkbox [type="checkbox"]:disabled:checked + label:before {  
  box-shadow: none;  
  border-color: #bbb;  
  background-color: #ddd;  
}  
/* styles de la coche (si cochée/désactivée) */  
.categories-checkbox [type="checkbox"]:disabled:checked + label:after {  
  color: #999;  
}  
/* on style aussi le label quand désactivé */  
.categories-checkbox [type="checkbox"]:disabled + label {  
  color: #aaa;  
}  
   
/* aspect au focus de l'élément */  
.categories-checkbox [type="checkbox"]:checked:focus + label:before,  
.categories-checkbox [type="checkbox"]:not(:checked):focus + label:before {  
  border: 1px dotted blue;  
}  
/***********************end checkbox style***********************/

/******************************************************
 End Onglet Setting
 ******************************************************/

@media screen and (max-width:767px){
	.navbar-header{margin:0 !important;}
	.logo{width:110px;}
	.navbar-toggle .icon-bar{
		background-color: #4b4b4b;
	}
	.navbar .col-md-8{margin:0;}
	.navbar .col-md-8 ul li{text-align: center}
}

#maps{
	height: 300px;
	position: absolute;
	width: 100%;
}
/*
#carousel-detail{
	padding:0 35px;
	width : auto !important ;
}
*/
#carousel-detail{padding-top: 5px;}
.owl-carousel .item img {
	height: auto !important;
	margin: auto;
	width : 100%;
	padding : 0 5px;
}
.desktop-carousle .item img {
    max-height: 150px !important;
    min-height: 150px !important;
}
#onglet-detail, #show_detail_information{padding-left : 0 ;padding-right : 0;position: relative}
.onglet-detail-navigation{
    z-index: 999;
    height:18px;
    background: #f0efed;
}
.onglet-detail-navigation .navigation-next{
    height: 18px;
    width: 14px;
    cursor: pointer;
    background-size: 100% 100%;
    background: url(../images/fleche.png);
    float:right;
        background-repeat: no-repeat;
    background-position: 50%;
}
.onglet-detail-navigation .navigation-prev{
    height: 18px;
    background-size: 100% 100%;
    width: 14px;
    cursor: pointer;
    background: url(../images/fleche-prev.png);
    float:left;
    background-repeat: no-repeat;
    background-position: 50%;
}
#infobox .onglet-detail-navigation{
    background-color: transparent;
    margin: 0;
    top: 12px;
    width: 13px;
    height: auto;
    position: absolute;
    margin-top: 2px;
    overflow: hidden;
    right: 0;
}
/*** Social ***/
#carousel-detail,
.detail-social,
.detail-description,
.detail-date-pub,
.detail-address,
.detail-categorie
{
	background : #f0efed ;
}
.detail-social{
	border-bottom: 1px solid #646464;padding : 10px 0 ;
}
.detail-facebook{
	background-image: url(../images/logo-facebook-footer.png);background-repeat: no-repeat;
background-position: 50%;
}
.detail-twitter{
	background-image: url(../images/logo-twitter-footer.png);background-repeat: no-repeat;
background-position: 50%;
}
.detail-mail{
	background-image: url(../images/enveloppe.png);	background-repeat: no-repeat;
background-position: 50%;
}
.detail-buzz{
	background-image: url(../images/buzz+couleur.png);background-repeat: no-repeat;
background-position: 50%;
}
.detail-signaler{
	background-image: url(../images/picto-signaler.png);background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left : 15px;
}
.detail-social a{
	display: block;
	height: 18px;
	text-decoration: none ;
	color: #646464
}
.owl-item .item {
    text-align: center;
    margin: 0 auto;
}
.desktop-carousle .owl-item .item {
    max-width: 150px;
}
.detail-date-pub,
.detail-address,.detail-description,
.detail-categorie{
	padding: 5px 16px;
}
.detail-date-pub label,.detail-description label ,
.detail-address label,
.detail-categorie label, .commentaires-title{

	width : 100%;
	color :#4b4b4b ;font-size : 10px;line-height: 12px;margin : 0 ;
}
#show_detail_information .information > div b{color: #4b4b4b;}
#show_detail_information .information > div{
	color: #afafaf;
    line-height: 16px;
    margin: 0;
    font-size: 10px;	
}
.detail-date-pub span,.detail-description span ,
.detail-address span,
.detail-categorie span{
	width : 100%;color: #afafaf;font-size : 10px;line-height: 12px;
}
.comment-date{color: #afafaf;font-size : 10px;line-height: 12px}
.comment-message{color: #4b4b4b;font-size : 13px;line-height: 18px}
.detail-date-pub,
.detail-address, .detail-categorie{
	border-bottom: 1px solid #646464;
}
.print{
	font-family: helvetica-neue-bold;
	font-size: 10px;
	color: #646464;
	background: #FFFFFF;
	line-height: 24px;
	text-align: center;
	letter-spacing: 2px;
	position: fixed;
	bottom: 24px;
	cursor: pointer ;
	border-right: 1px solid #646464;
	z-index: 9999
}
.cloturer_incident{
    color: #646464;
    font-family: helvetica-neue-bold;
    font-size: 10px;
    line-height: 24px;
    padding : 0 16px !important;
    border : 0 !important ;
    cursor: pointer ;
}
.cloturer_incident span{color : red; display: inline !important}
/*google maps infowindow*/
.infobox-wrapper {
    display:none;
}
#infobox, #infoboxs{
    margin-bottom: 6px;
    padding : 6px 16px 6px 8px;
	color:#c8c8c8;
}
#infobox .infobox-category{color:#FFF}
.infoBox{overflow: hidden;}
.infobox-image{position :absolute ;margin-right: 8px;text-align: center ;height :68px;width: 68px;z-index:25;cursor:pointer}
.infobox-image img{width : auto;height : 100%;max-width: 100%;}
.infobox-content{float:left ; width : 171px;position: relative;margin-left:76px;height:70px;}
.infobox-category{
    line-height : 12px;
    font-size : 10px;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
	width : 100%;
	text-overflow: ellipsis;
}
.infobox-address{
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
	width : 100%;
	text-overflow: ellipsis;
}
.infobox-user{
	background-image: url(../images/participants.png);padding-right: 12px;
margin-right: 8px;
background-repeat: no-repeat;
background-position: 100% 50%;
}
.infobox-buzz{
	background-image: url(../images/buzz+gris.png);padding-right: 33px;
margin-right: 8px;
background-repeat: no-repeat;
background-position: 100% 50%;
}
.infobox-comment{
	background-image: url(../images/bulle.png);padding-right: 14px;
margin-right: 8px;
background-repeat: no-repeat;
background-position: 100% 50%;
}
.infobox-photo{
	background-image: url(../images/appareil-photo.png);padding-right: 17px;
margin-right: 8px;
background-repeat: no-repeat;
background-position: 100% 50%;
}

.green-infobox .infobox-user{background-image: url(../images/participants-green.png)}
.green-infobox .infobox-buzz{background-image: url(../images/buzz+gris-green.png)}
.green-infobox .infobox-comment{background-image: url(../images/bulle-green.png)}
.green-infobox .infobox-photo{background-image: url(../images/appareil-photo-green.png)}

.infobox-action {
	margin-top: 6px;
	height: 12px;font-size :10px;
}
.infobox-date,
.infobox-address,
.infobox-action span{
	font-size :10px;line-height : 12px;
}
.infobox-action > div:not(.clearfix){
	float: left ;
	height: 12px;
	line-height: 12px;
}
.infobox-content{
	z-index: 9 ;
	font-family: helvetica-neue-medium ;
}
.infobox-category{
	font-family: helvetica-neue-bold ;
}
#commentaire{
	text-transform : uppercase ;
}
#new-incident #commentaire{text-transform : initial !important;}
#informations_list .information, #show_detail_information .information,
#onglet-detail label, .commentaires-title{
	font-family: helvetica-neue-bold ;
}
.infoBox > img{position: absolute !important;right : 0 !important;}
.infobox-votes{
	height: 6px;
	position: absolute;
	right: 0;
	top: 0;
}
.etoile{
	width:9px; height: 9px;float:left; margin-right : 3px;
}
.etoile.etoile-vide{
	background-image: url(../images/etoile-vide.png) ;
}
.etoile.etoile-pleine{
	background-image: url(../images/etoile-pleine.png) !important;
}
.detail_login{
	padding: 0 16px;
	font-size: 10px;
	line-height: 18px;
	font-family: helvetica-neue-bold;
	color: #f39131;
	background: transparent;
}
.login-modal .form-signin{position: static !important;padding: 12px 16px; }
.login-modal.modal{
	margin: auto !important ;
	height: 185px;
	background: #FFFFFF;
}
.login-modal .modal-content{
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 0;
	padding: 0;
	margin: 0;
	background: transparent;
	border-radius: 0;
	-webkit-border-radius: 0;
}
.modal .categories-checkbox ul li{
	padding-top : 6px;
}
.modal .categories-checkbox [type="checkbox"]:checked + label{
	background: #f0efed ;
	width : 100%;
}
.modal #departementlist label{
	display: block;
	padding-left: 32px;
	padding-right: 16px;
}
#dep_name{margin-bottom: 6px;}
.modal #departementlist .categories-checkbox label:before,
.modal #departementlist .categories-checkbox label:after{
	top : 5px;
	left : 16px;	
}
.modal #departementlist li ul{
	padding-left: 32px !important;
	padding-right: 32px !important;
}
.modal #departementlist{
	margin-left : -16px;
	margin-right : -16px;
}

.modal .categories-checkbox{margin-top:12px;}
.modal .categories-checkbox label{padding : 2px 0 0 0 ;}
.modal label.title{padding : 0 ;}
.modal label, .modal .categories-checkbox ul li{
	font-family: "helvetica-neue-medium";
	font-size: 12px;
	color: #646464;
	margin: 0;
	padding-top: 12px;
}
.under-sous-menu.under-categories span{display: block;}
.under-sous-menu.under-categories span.subcategories{padding-left:12px;}
.modal-backdrop{
	background : #646464 ;
}
.login-modal .form-title{color : #000000;text-align: center}
.commentaires-title{
	padding: 6px 16px;
}
.commentaires{overflow-y: auto ;}
.commentaires > div{
	padding: 6px 16px;
	border-bottom: 1px solid #646464;
}
.colored-bar .login{
	background-image: url(../images/participants.png);
	padding-left: 12px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	margin-right : 15px;
}
@media print {
	* {
		-webkit-print-color-adjust: exact;
		-moz-print-color-adjust: exact;
	}
}
.carousel-control.left,.carousel-control.right{opacity:0}
.owl-carousel .owl-wrapper-outer{overflow: inherit}
.desktop-carousle.owl-carousel{
	padding: 0 80px;
}
#popupimage img{
	display: initial;
	position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
	background: #FFFFFF;
	padding: 5px;
	border-radius: 5px;
}
.modal-backdrop.in{z-index: 999}
#onglet-detail{
    overflow-y: auto;
    margin-bottom: 0;
    overflow-x: hidden;
    padding-bottom: 0;
}
.owl-item .item img{cursor: pointer}
#abusmodal .modal-title span{
	background-image: url(../images/picto-signaler.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 15px;
}
#abusmodal .modal-title{
	font-size: 13px;
	text-align: center;
}
#abusmodal label{
	font-family: helvetica-neue-bold;
}
#abusmodal .form-group.text-left{
	border-bottom: 1px solid rgba(0,0,0,.5) !important
}
#abusmodal .col-md-6{
	text-align: center
}
#abusmodal .col-md-6 button{
	width: 95%;
}


.btn_close {
	border: 0;
	box-shadow: 0 0;
	background: #cccccc;
	color: #7d7d7d !important;
	margin: 15px auto;
	float: left;
	width: 100%;
	border-radius: 10px;
}

#createObservation .btn_black,
#modifobservation .btn_black{
	height : 30px;
	margin-left : 5px;
}
.observation-create{
	cursor: pointer;
	text-align : right ;
}
.btn_black, .btn_black:hover {
	border: 0;
	box-shadow: 0 0;
	background: #7d7d7d;
	color: #ffffff;
	font-size: 15px;
	margin: 15px auto;
	border-radius: 10px;
}
#abusmodal textarea{background: #CCCCCC}

.input-switch + label {
    position:relative;
    display:inline-block;
    height:25px;
    width:75px;
    border-radius:5px;
    line-height:25px;
    text-align:left;
}

.input-switch {
    display:none;
}

.input-switch + label span.grip {
    position:absolute;
    top:0;
    left:0;
    display:inline-block;
    width:28px;
    height:28px;
    background-color:#EEE;
    border-radius:3px;
    -webkit-transition:left 0.5s;
}

.input-switch + label span.switch-label {
    position:absolute;
    display:inline-block;
    top:0;
    left:17px;
    width:56px;
    overflow:hidden;
    text-align:center;
    -webkit-transition:opacity 0.5s;
}

.input-switch + label span.switch-label.on {
    left:2px;
    opacity:0;
}

.input-switch:checked + label span.grip {
    left:60px;
}

.input-switch:checked + label span.switch-label {
    opacity:0;
}

.input-switch:checked + label span.switch-label.on {
    opacity:1;
}
  
#popupimage .modal-header{
	padding : 0 ;
	border : 0 ;
}
#popupimage .modal-dialog{
	height: 100%;
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 0;
	position: relative;
}
#popupimage .modal-content{
	margin: 0 auto;
	right: 0;
	left: 0;
	bottom: 0;
}
.colored-bar-red{background: #db483e !important;}
/*********************************************
 * Managemnt 
 **********************************************/
.colored-bar-blue{background: #4f8fe7 !important;}
.managemnt-menu a{
	text-decoration: none;
	color: #FFFFFF;
	padding: 1px 5px 0 19px;
	background-image: url(../images/menu.png);
	background-repeat: no-repeat;
	background-size: 15px 10px;
	background-position: 0 50%;
}
.mm-menu ul{padding-top : 60px !important}
.mm-menu{background : #4b4b4b !important;}
.management_map{
	height: 200px !important;
	/*
	padding-bottom: initial !important;
	margin-bottom: initial !important;
	*/
}
#observation .modal-content{
	border-radius: 0;
	border: 0 ;
}
#observation .modal-dialog{width : 100%;}
#observation .modal-header{
	padding : 12px 16px 0 16px;
	border : 0 ;
}
#observation{
	background : rgba(175,175,175,0.5);
}
#observation .modal-header h4{
	line-height: 12px;
	font-family: helvetica-neue-bold ;
	font-size : 10px;
}
#observation .modal-header .close{margin-top: -10px;}
#observation .modal-header .close span{
	font-size: 12px;
	font-weight: bold;
}
#observation .modal-content{margin-top:9px;}
#observation .modal-content .date-categories, .suggestions .suggestions-top{
	line-height: 12px;
	font-family: helvetica-neue-bold ;
	font-size : 10px;
	color : #afafaf ;
	padding-top: 12px;
}
#observation .modal-content .content-modal{
	line-height: 18px;
	padding-top: 6px;
	font-size: 12px;
	font-family: helvetica-neue-medium;
	color : #7d7d7d ;
}
#observation .modal-body{padding : 0 16px;overflow-y: auto;}
#observation .content-modal-link, .suggestions .suggestions-links{
	font-size: 10px;
	font-family: helvetica-neue-medium;
	text-align: right;
	color : #7d7d7d;
	line-height: 10px;
	padding-top:20px;
}
#observation .content-modal-link a, .suggestions .suggestions-links a{color : #00adef;text-decoration: none}
#observation .content-modal-link a.hover{color : #afafaf;}
#observation .infoBox, .management_home .infoBox{padding : 18px 0;}
#observation #infoboxs, .management_home #infoboxs{padding:0;margin:0;}
#observation #infoboxs .infobox-content, .management_home #infoboxs .infobox-content{padding-left :76px;margin-left:0;width:100%;}
#observation .content-modal-reponse{
	padding: 12px 0 0;
}
#suggestions .content-modal-reponse textarea{margin-top : 5px;}
#suggestions .content-modal-reponse textarea,
#observation .content-modal-reponse textarea{
	width: 100%;
	height :70px;
}
#suggestions .content-modal-reponse .btn-submit-reponse,
#observation .content-modal-reponse .btn-submit-reponse{
	margin-top:12px;
	border-radius: 0;
}
.hidden-box{display: none;}
#observation ul{padding: 0 0 10px 0;margin:0;}

.suggestions{padding : 16px;background: #FFFFFF}
.suggestions li{
	border-bottom: 1px solid #646464 ;
	padding : 18px 0 ;
	min-height: 130px;
}
.suggestions li:first-child{
	padding-top: 0 ;
}
.suggestions li:last-child{
	border: 0 ;
}
.suggestions ul ul {padding : 0 20px 0 16px ;display: none; position: absolute; width : 400px; left: 623px; top: 0px; margin: 0px;}
.suggestions li {position: relative;}
.suggestions li.hover ul{display: block}

.suggestions .suggestions-top .pull-right{
	background-image: url(../images/buzz+gris.png);padding-right: 33px;
	background-repeat: no-repeat;
	background-position: 100% 50%;
}
.suggestions .suggestions-title{
	line-height: 12px;
	padding-top : 6px;
	font-size: 12px;
	font-family: helvetica-neue-medium;
}
.suggestions .suggestions-content{
	line-height: 18px;
	padding-top: 6px;
	font-size: 12px;
	font-family: helvetica-neue-medium;
}
#suggestions{overflow-y: auto}


.management_content{position: absolute !important; width : 100%; height : 100%;}
.management_map{position: relative !important;}
.detaills_home, .management_home{padding : 0 16px ;}
.management_home .title{
	line-height: 12px;
	font-family: helvetica-neue-bold;
	font-size: 10px;
	padding : 12px 0;
	text-transform : uppercase ;
}
.management_home .date-categories{
	line-height: 12px;
	font-family: helvetica-neue-bold;
	font-size: 10px;
	color: #afafaf;
}
.management_home .col-md-8 > div{
	border-bottom: 1px solid #646464;
	padding-bottom : 18px;
}
.management_home > div {
	padding-right: 16px;
	position: relative !important;
	overflow: auto
}
.management_home #infoboxs .infobox-image img{width : 100%;}
.management_home .incident-image{height : 174px; text-align: center; }
.management_home .incident-image img{height :100%; }
.management_home .incident-address{padding-top : 24px; }
.management_home .col-md-8 .col-md-12{padding-top : 12px; }
.management_home .col-md-8 .pull-right.col-md-6 span{display: block;}
.management_home .content-modal-link{text-align: right}
.management_home .select-option select:first-child{margin-bottom: 12px;}
#rapports_modal  select, .management_home .select-option select, #rapport_categories, select#incident_order{
	background: #FFFFFF;
	font-size: 10px;
	line-height: 18px;
	height: 18px;
	display: block;
	padding : 0 5px;
	border-radius: 10px;
}
#rapport_categories, #rapports_modal  select{
	background : #f0efed ;
}
.management_home .infobox-category{color : #4b4b4b}
.management_infobox_category_0{color : #db483e !important;}
.management_infobox_category_1{color: #73dc27 !important;}
.management_infobox_category_2{color: #f39131 !important;}
.list-paramaters li ul{
	width: 100%;
	border: 0;
	border-radius: 0;
}
/*detaills*/
.details_comments span{}
.detaills_home{
	position: relative !important;
	overflow: auto;
	padding : 0 ;
}
.detaills_home .detaills_title{}
.detaills_home .detaills_title{
	font-size : 13px;
	color:  #444444 ;
	padding: 0 16px;
}
.detaills_home .detaills_title span{display: block}
.detaills_home .detaills_title .big-text{
	font-size: 35px;
}
.detaills_home .col-md-4{
	background: #FFFFFF ;
	overflow: hidden;
}
.detaills_home .col-md-4 .detaills_title{
	border-bottom: 1px solid #646464;
	padding-bottom: 16px;
}
.detaills_home .detaills_content{
	font-size : 13px;
	color:  #444444 ;
}
.detaills_home .detaills_content > div{
	border-bottom: 1px solid #646464;
	padding: 16px;
}
.detaills_home .detaills_content span{
	font-size :10px;
	color : #f0efed
	font-family: "helvetica-neue-medium", sans-serif;
	display: block;
	line-height: 18px;
}
.detaills_home .detaills_content span.title{
	font-family: "helvetica-neue-bold", sans-serif;
}
.detaills_home .col-md-2 .detaills_content{display: none;}
/*detaills*/

/*Utilisateur*/

#newdepartement,
#newuser,
#modifdepartement,
#messagespopup{
	height : auto ;
	top : 30px;
	bottom: 30px;
}
#newdepartement .form-signin,
#newuser .form-signin,
#modifdepartement .form-signin,
#messagespopup .form-signin
{
	height : auto !important;
	min-height:inherit;
}
#newuser .css-treeview ul, #newuser .css-treeview li{position: inherit ;}
#newuser .css-treeview{
	height: auto !important;
	max-height: initial !important;
}

.management_content .desktop-carousle.owl-carousel{
    /*
    max-width: 100%;
    padding: 0 25% !important;
    */
   padding : 0 !important ;
   margin : 0 auto !important;
    width: 200px !important;
}
.management_content .desktop-carousle .owl-item .item{
    max-width: initial !important;
    width: auto !important;
}
.management_content .desktop-carousle .item img{
    max-height: initial !important;
    min-height: initial !important;
}
.management_content .owl-carousel{
	margin : 0 auto ;
}
#add-picture{
	background-image: url(../images/appareil-photo.png);
	padding-left: 17px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	margin: 10px 0 0 0;
	cursor: pointer ;
}
#addnewimage, #addnewimage .modal-dialog{
	width : 100% ;
}
#addnewimage .modal-content{
	position: absolute ;
	margin : 0 auto ;
	left : 0 ;
	right : 0 ;
}

/*Departement*/
#departement_list, #categories_list, #users_list, #messages_list{
	font-size: 12px;
	color: #4b4b4b;
	overflow: auto ;
}
#users_list td{
	font-family: "helvetica-neue-medium";
	font-size : 12px;
	color : #646464 ;
}
#users_list thead .thead, #users_list .thead td{
	font-family: "helvetica-neue-bold"  !important;
	font-size : 10px !important;
	color : #4b4b4b !important;
}
#departement_list li div, #categories_list li div{
	background: #FFFFFF;
	padding-left: 16px;
	padding-right: 16px;
	padding-top : 6px;
	padding-bottom: 6px;
	cursor: pointer ;
	font-weight : bold ;
}
#departement_list li div span{color: #0088CC}
#departement_list ul ul li, #categories_list ul ul li{
	border-bottom: 1px solid #646464;
	padding-left: 32px;
	padding-right: 16px;
	padding-top : 6px;
	padding-bottom: 6px;
}
#departement_list ul ul li:last-child, #categories_list ul ul li:last-child{border-bottom: 0; }
#addnewcat, #deletecat{
	display: block;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 2px 0 0 0;
	float: left;
	cursor: pointer;
	background-repeat: no-repeat;
}
#addnewcat{
	background: url('../images/plus.png');
}
#deletecat{
	background: url('../images/minus.png');
}
#newdepartement #new-cat-list > div, #modifdepartement #new-cat-list > div,
#categories_list #new-cat-list > div, #categories_list #new-cat-list > div{
	margin-bottom: 10px;
}
#newdepartement select, #modifdepartement select, #newuser select{
	background: #f0efed ;
	float: left ;
	width: 60%;
	margin-right: 10px;
	border-radius : 5px;
}
#modifdepartement .reset{
	padding: 0 16px;
}
#newdepartement .btn_black,
#modifdepartement .btn_black,
#messagespopup .btn_black,
#newuser .btn_black
{
	border-radius : 0; 
}
#categories_list li li{cursor: pointer; }
#defaultcomment textarea,
#messagespopup textarea{
	width : 100%;
}
/*End Departement*/
#messagespopup .col-md-12 input.pull-right{
	margin : 5px 0 0 10px ;
}
#messages_list li:first-child{border-top: 1px solid #646464;}
#messages_list li:hover{
	background: #FFFFFF ;
}
#messages_list li{
	border-bottom: 1px solid #646464;
	padding: 6px 16px;
}
#messages_list li div{float : right;}
span.modifier, span.supprimer{
	color : #00adef;
	cursor: pointer;
	font-family: "helvetica-neue-medium";
	font-size : 10px; 
}
#messages_list{}
#utilisateur_page_body tr.hover{
	background: #c8c8c8 ;
}
#users_list th,
#users_list td{
	padding : 8px 16px;
}
#utilisateur_page_body tr .edit-hover{
	display: none; 
}
#utilisateur_page_body tr td > div > div:not(.clearfix){
	float: left;
	width: 50%;
	min-height : 6px;
}
.defaultoption select{
	width: 100% !important;
}
.defaultoption {
	width: 60%;
	float: left;
	margin-right: 10px;
}
#utilisateur_page_body tr td > div:not(:last-child){
	border-bottom: 1px solid #646464 ;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
#utilisateur_page_body tr.hover .edit-hover{
	display: block; 
}
.management_content .create_user{
	font-size: 13px;
	line-height: 24px;
	color: #4b4b4b;
	line-height: 24px;
	cursor: pointer ;
	font-family: helvetica-neue;
	padding-right: 16px
}
#newuser select{float: right}
#departementlist label,#departementlist ul ul.list-unstyled{padding-left: 16px;}
/* loding */
.spinner-bg{
	background: #f0efed;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	z-index: 99999999;
	opacity: 1;
}
.spinner {
	width: 30px;
	height: 30px;
	background-color:#646464;
	-webkit-animation: rotateplane 1.2s infinite ease-in-out;
	animation: rotateplane 1.2s infinite ease-in-out;
	position: fixed;
	top: 50%;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 999999999;
	margin: 0 auto
}

@-webkit-keyframes rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

.mm-page.mm-slideout .sous-menu{
	padding-top : 12px;
}
.mm-page.mm-slideout .sous-menu .adh-image{
	margin-bottom: 12px;
	padding: 0 16px;
}
.mm-page.mm-slideout .sous-menu .adh-image img{
	width:100%;
}

#incidents-similaires > div{position: relative; }
#incidents-similaires > div > div{
	padding-left: 20px;
}
#incidents-similaires input{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: 36px 0 0 0;
}
#detaills_home_2 input,
#detaills_home_2 textarea,
#detaills_home_4 textarea,
#detaills_home_3 textarea
{
	width : 100%;
	margin : 5px 0 ;
	padding : 0 5px;
}
#detaills_home_2 input#nuadr{
	width : 10%;
}
#detaills_home_2 input#address
{
	width: 85%;
	margin-left: 5%;
}
.compteurhomepage{
	border-top: 1px solid #646464;
	padding-top: 15px;
	text-transform: uppercase ;
}
#detaills_home_4 .categories-checkbox label{padding-left: 15px;}
#new-incident{padding-left: 16px;}

#all_right_modal .modal-body {
	position: relative;
	padding: 15px;
	overflow: auto;
	height: calc(100% - 60px);
}
#all_right_modal .modal-content{
	position: absolute;
	top: 0;
	bottom: 50px;
	height: auto;
}
#all_right_modal .modal-dialog{
	height : 100%;
}

#rapports_modal .modal-body {
	position: relative;
	padding: 0;
	overflow: auto;
	height: calc(100% - 60px);
}
#rapports_modal .modal-content{
	position: absolute;
	top: 0;
	bottom: 50px;
	height: auto;
	width : 100% ;
}
#rapports_modal .modal-dialog{
	height : 100%;
	width : 450px;
}

#rapports_modal .modal-body form > div{
	border-bottom: 1px solid #e5e5e5;
}
#rapports_modal .modal-body form > div.type-dep{
	padding-left : 15px;
	padding-right : 15px;
	padding-top : 10px;
}
#rapports_modal .modal-body form > div.departements-rap .stitle{padding-left:15px;padding-right:15px;}
#rapports_modal .modal-body form > div.departements-rap{padding-top:15px;padding-bottom : 15px;}
#rapports_modal .css-treeview > ul > li > .categories-checkbox{padding-left:16px !important;}


#export_modal .modal-content{
	width : 100% ;
}
#export_modal .modal-dialog{
	width : 450px;
}

.modal #departement-list-raport  .categories-checkbox [type="checkbox"]:checked + label{
	background : none ;
}
#departement-list-raport ul li ul li > .categories-checkbox label{
	padding-left : 16px;
}
#rapports_modal  .periode-rap{
	padding : 16px !important;
	border : none !important ;
}
#rapports_modal  .localisation-rap{padding : 16px !important;}
#rapports_modal  .localisation-rap input{
	
}
#departement-list-raport label{
	padding-top : 0px !important;
	padding-left: 32px !important;
	padding-right: 32px !important;
}
#departement-list-raport ul ul label{
	padding-left: 16px !important;
	padding-right: 16px !important;
}
#rapports_modal .type-dep .categories-checkbox{padding-left:0 !important;}
#rapports_modal .categories-checkbox{
	margin-top : 0 ;
}
#rapports_modal .type-dep .categories-checkbox label:before,
#rapports_modal .type-dep .categories-checkbox label:after{
	top : 5px;
}
#rapports_modal .type-dep .categories-checkbox label{
	padding-left : 15px;
	height : 20px;
}
#departement-list-raport .css-treeview ul, #departement-list-raport .css-treeview li{position: inherit ;}
#departement-list-raport .css-treeview{
	height: auto !important;
	max-height: initial !important;
}

.footer  a{
	color : #afafaf !important;
	padding-left : 5px;
	padding-right : 5px;
}

.suggestions-left-side img{
	width: auto;
	max-height: 80px;
	margin: 10px auto;
}
.suggestions-left-side{
	max-height : 100px;
	min-height : 100px;
	width :100px;
	float: left;
	text-align : center ;
}
.suggestions-right-side{
	margin-left : 100px;
	min-height : 100px;
}

.datepicker.dropdown-menu{
	z-index : 999999999 !important;
}
#select_all_departements{
    cursor: pointer ;
    padding-top: 10px;
    padding-bottom: 10px;
}
/*Analyse*/
.analyse_form_locarion{
    
}
.analyse_form_locarion hr{margin: 15px 0 5px 0;}
.map_analyse{height:300px;}
#analyse_1, #analyse_2, #analyse_3{position: relative;}
#analyse_1 h2, #analyse_2 h2, #analyse_3 h2{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    padding: 5px 15px;
    margin: 0;
    background: rgba(75, 75, 75, 0.6);
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
}
.analyse_class{}
.analyse_class .chart_content{
    border-bottom: 1px solid rgba(70,70,70,1);
    padding: 10px;
}
.analyse_class .analyse_title{
    line-height: 24px;
    font-size: 10px;
    color: #4b4b4b;
    font-weight: bold;
}
.analyse_class .analyse_sous_title{
      font-family: helvetica-neue-medium;
      font-size: 10px;
      color: #afafaf;
      line-height: 12px;
}
/*
 * Analyse
 */
.localisation_title{
      font-family: helvetica-neue-medium;
      font-size: 15px;
      color: #afafaf;
      border-bottom: 1px solid #afafaf;
      padding-bottom: 10px;
      margin-bottom: 10px;
}
.supper_admin_content{}
.supper_admin_content iframe{width : 100%; height : 100%;}

/*Admin JF style*/
.supper_admin_content iframe{border: 0}

@media (max-width: 770px) {
	.navbar-collapse{
		width :100%;
	}
}
@media (max-width: 520px) {
	.navbar-collapse > ul > li{
		width :100%;
	}
}
#newdepartement .css-treeview li label, #modifdepartement .css-treeview li label{
  	padding-right: 0;
  	padding-bottom: 0;
  	padding-top: 0;
}
#newdepartement li li .categories-checkbox label, #modifdepartement li li .categories-checkbox label {
  	padding-left: 16px;
}
#entites .css-treeview li label{padding-left: 16px;}
.entites_select select{width : 100%;}
.entites_images {
  text-align: center;
}
.entites_images small{
	color : #f39131 ;
	line-height: 25px;
}
.entites_images > div:first-child small{
	color : #db483e ;
}
#entitees_en_charges{display: none;}
.checkuncheckall span{color : #db483e;}
.camembert img{
    width: 15px;
    height: 15px;
    margin: 5px 5px 0;
}
.camembert input[type=checkbox]{
    display: block;
    float: right;
    margin: 7px 0 0 3px;
    
}
#visualisation_incident_list, #informations_list{overflow: scroll;}
#visualisation_incident_list #infoboxs{position: relative;padding: 6px 3px;width:100%;}
#visualisation_incident_list .onglet-detail-navigation{display: none !important}
#visualisation_incident_list .infobox-content{
    float: right;
    height: inherit;
    position: static;
    width: 100%;
    padding-left: 76px;
    margin: 0;
}
#visualisation_incident_list .infobox-address, #visualisation_incident_list  .infobox-category{
	overflow: auto;
    white-space: normal;
    text-overflow: initial;
}
.incident_order{margin-bottom: 5px}
#visualisation_incident_list > div.active{background: #FFF}
#visualisation_incident_list > div.active.information{background: #f0efed}
#visualisation_incident_list > div{cursor: pointer;padding: 5px 10px}
#resetmaps{background:rgba(0,0,0,0.2);padding:5px;text-align:center;margin:0 3px;cursor: pointer;font-size: 11px}
.visualisation_incident_list{margin: 5px}
.visualisation_incident_list select#incident_order{margin-top: 5px}

#visualisation_incident_list .information{border: 2px solid red;background: #FFFFFF;margin: 2px 0}
#information_categories .message,
#informations_list .information .message,
#show_detail_information .information .message,
#visualisation_incident_list .information .message{
	background-repeat: no-repeat;
    padding-left: 60px;
    min-height: 57px;
    background-size: 50px;
    background-position: 0 50%;
    font-size: 10px;
    color: #333333;
    font-weight: bold;
}

#information_categories .message.message-0,
#informations_list .information .message.message-0,
#show_detail_information .information .message.message-0,
#visualisation_incident_list .information .message.message-0{background-image: url(../informations/0@2x.png)}

#information_categories .message.message-1,
#informations_list .information .message.message-1,
#show_detail_information .information .message.message-1,
#visualisation_incident_list .information .message.message-1{background-image: url(../informations/1@2x.png)}

#information_categories .message.message-2,
#informations_list .information .message.message-2,
#show_detail_information .information .message.message-2,
#visualisation_incident_list .information .message.message-2{background-image: url(../informations/2@2x.png)}

#information_categories .message.message-3,
#informations_list .information .message.message-3,
#show_detail_information .information .message.message-3,
#visualisation_incident_list .information .message.message-3{background-image: url(../informations/3@2x.png)}

#information_categories .message.message-4,
#informations_list .information .message.message-4,
#show_detail_information .information .message.message-4,
#visualisation_incident_list .information .message.message-4{background-image: url(../informations/4@2x.png)}

#information_categories .message.message-5,
#informations_list .information .message.message-5,
#show_detail_information .information .message.message-5,
#visualisation_incident_list .information .message.message-5{background-image: url(../informations/5@2x.png)}

#information_categories .message.message-6,
#informations_list .information .message.message-6,
#show_detail_information .information .message.message-6,
#visualisation_incident_list .information .message.message-6{background-image: url(../informations/6@2x.png)}

#information_categories .message.message-7,
#informations_list .information .message.message-7,
#show_detail_information .information .message.message-7,
#visualisation_incident_list .information .message.message-7{background-image: url(../informations/7@2x.png)}

#information_categories .message.message-8,
#informations_list .information .message.message-8,
#show_detail_information .information .message.message-8,
#visualisation_incident_list .information .message.message-8{background-image: url(../informations/8@2x.png)}

#information_categories .message.message-9,
#informations_list .information .message.message-9,
#show_detail_information .information .message.message-9,
#visualisation_incident_list .information .message.message-9{background-image: url(../informations/9@2x.png)}

#information_categories .message.message-10,
#informations_list .information .message.message-10,
#show_detail_information .information .message.message-10,
#visualisation_incident_list .information .message.message-10{background-image: url(../informations/10@2x.png)}

#information_categories .message.message-11,
#informations_list .information .message.message-11,
#show_detail_information .information .message.message-11,
#visualisation_incident_list .information .message.message-11{background-image: url(../informations/11@2x.png)}

#information_categories .message.message-12,
#informations_list .information .message.message-12,
#show_detail_information .information .message.message-12,
#visualisation_incident_list .information .message.message-12{background-image: url(../informations/12@2x.png)}

#information_categories .message.message-13,
#informations_list .information .message.message-13,
#show_detail_information .information .message.message-13,
#visualisation_incident_list .information .message.message-13{background-image: url(../informations/13@2x.png)}

#information_categories .message.message-14,
#informations_list .information .message.message-14,
#show_detail_information .information .message.message-14,
#visualisation_incident_list .information .message.message-14{background-image: url(../informations/14@2x.png)}

#information_categories .message.message-15,
#informations_list .information .message.message-15,
#show_detail_information .information .message.message-15,
#visualisation_incident_list .information .message.message-15{background-image: url(../informations/15@2x.png)}

select#information_categories option[value="15"]   { background-image: url(../informations/15@2x.png);   }

#informations_list .information .date,
#show_detail_information .information .date,
#visualisation_incident_list .information .date{
    padding-left: 60px;
    background-repeat: no-repeat;
    min-height: 57px;
    background-size: 50px;
    background-position: 0 50%;
    color: #c8c8c8;
    font-size: 10px
}
#informations_list .information .date{font-weight: 100}

#visualisation_incident_list .information .typelib,
#informations_list .information .typelib{
	padding-left: 60px;
    font-size: 10px;
}

#informations_list .information .date.date-0-0-fr, 
#show_detail_information .information .date.date-0-0-fr, 
#visualisation_incident_list .information .date.date-0-0-fr,
.infobox_information .message.message-0-0-fr
{background-image: url(../images/0-fr-rondrougeetat@2.png)}

#informations_list .information .date.date-0-1-fr, 
#show_detail_information .information .date.date-0-1-fr, 
#visualisation_incident_list .information .date.date-0-1-fr,
.infobox_information .message.message-0-1-fr
{background-image: url(../images/1-fr-rondrougeetat@2.png)}

#informations_list .information .date.date-0-0-en, 
#show_detail_information .information .date.date-0-0-en, 
#visualisation_incident_list .information .date.date-0-0-en,
.infobox_information .message.message-0-0-en
{background-image: url(../images/0-en-rondrougeetat@2.png)}

#informations_list .information .date.date-0-1-en, 
#show_detail_information .information .date.date-0-1-en, 
#visualisation_incident_list .information .date.date-0-1-en,
.infobox_information .message.message-0-1-en
{background-image: url(../images/1-en-rondrougeetat@2.png)}

#informations_list .information .date.date-0-0-per, 
#show_detail_information .information .date.date-0-0-per, 
#visualisation_incident_list .information .date.date-0-0-per,
.infobox_information .message.message-0-0-per
{background-image: url(../images/0-per-rondrougeetat@2.png)}

#informations_list .information .date.date-0-1-per, 
#show_detail_information .information .date.date-0-1-per, 
#visualisation_incident_list .information .date.date-0-1-per,
.infobox_information .message.message-0-1-per
{background-image: url(../images/1-per-rondrougeetat@2.png)}

#informations_list .information .date.date-0-0-it, 
#show_detail_information .information .date.date-0-0-it, 
#visualisation_incident_list .information .date.date-0-0-it,
.infobox_information .message.message-0-0-it
{background-image: url(../images/0-it-rondrougeetat@2.png)}

#informations_list .information .date.date-0-1-it, 
#show_detail_information .information .date.date-0-1-it, 
#visualisation_incident_list .information .date.date-0-1-it,
.infobox_information .message.message-0-1-it
{background-image: url(../images/1-it-rondrougeetat@2.png)}

#informations_list .information .date.date-0-0-ar, 
#show_detail_information .information .date.date-0-0-ar, 
#visualisation_incident_list .information .date.date-0-0-ar,
.infobox_information .message.message-0-0-ar
{background-image: url(../images/0-ar-rondrougeetat@2.png)}

#informations_list .information .date.date-0-1-ar, 
#show_detail_information .information .date.date-0-1-ar, 
#visualisation_incident_list .information .date.date-0-1-ar,
.infobox_information .message.message-0-1-ar
{background-image: url(../images/1-ar-rondrougeetat@2.png)}

/**/
#informations_list .information .date.date-1-0-fr, 
#show_detail_information .information .date.date-1-0-fr, 
#visualisation_incident_list .information .date.date-1-0-fr,
.infobox_information .message.message-1-0-fr
{background-image: url(../images/0-fr-rondorangeetat@2.png)}

#informations_list .information .date.date-1-1-fr, 
#show_detail_information .information .date.date-1-1-fr, 
#visualisation_incident_list .information .date.date-1-1-fr,
.infobox_information .message.message-1-1-fr
{background-image: url(../images/1-fr-rondorangeetat@2.png)}

#informations_list .information .date.date-1-0-en, 
#show_detail_information .information .date.date-1-0-en, 
#visualisation_incident_list .information .date.date-1-0-en,
.infobox_information .message.message-1-0-en
{background-image: url(../images/0-en-rondorangeetat@2.png)}

#informations_list .information .date.date-1-1-en, 
#show_detail_information .information .date.date-1-1-en, 
#visualisation_incident_list .information .date.date-1-1-en,
.infobox_information .message.message-1-1-en
{background-image: url(../images/1-en-rondorangeetat@2.png)}

#informations_list .information .date.date-1-0-per, 
#show_detail_information .information .date.date-1-0-per, 
#visualisation_incident_list .information .date.date-1-0-per,
.infobox_information .message.message-1-0-per
{background-image: url(../images/0-per-rondorangeetat@2.png)}

#informations_list .information .date.date-1-1-per, 
#show_detail_information .information .date.date-1-1-per, 
#visualisation_incident_list .information .date.date-1-1-per,
.infobox_information .message.message-1-1-per
{background-image: url(../images/1-per-rondorangeetat@2.png)}

#informations_list .information .date.date-1-0-it, 
#show_detail_information .information .date.date-1-0-it, 
#visualisation_incident_list .information .date.date-1-0-it,
.infobox_information .message.message-1-0-it
{background-image: url(../images/0-it-rondorangeetat@2.png)}

#informations_list .information .date.date-1-1-it, 
#show_detail_information .information .date.date-1-1-it, 
#visualisation_incident_list .information .date.date-1-1-it,
.infobox_information .message.message-1-1-it
{background-image: url(../images/1-it-rondorangeetat@2.png)}

#informations_list .information .date.date-1-0-ar, 
#show_detail_information .information .date.date-1-0-ar, 
#visualisation_incident_list .information .date.date-1-0-ar,
.infobox_information .message.message-1-0-ar
{background-image: url(../images/0-ar-rondorangeetat@2.png)}

#informations_list .information .date.date-1-1-ar, 
#show_detail_information .information .date.date-1-1-ar, 
#visualisation_incident_list .information .date.date-1-1-ar,
.infobox_information .message.message-1-1-ar
{background-image: url(../images/1-ar-rondorangeetat@2.png)}
/**/


#informations_list .information, #show_detail_information .information{padding: 0 5px}
#informations_list .information > div, #show_detail_information .information > div{padding: 10px 0}

.infobox_information{
    width: 245px;
    position: relative;
    height: 75px;
    background-repeat: no-repeat;
    padding-left: 60px;
    background-size: 50px;
    background-position: 0 50%;
    font-weight: bold;
}
.infobox_information.information_0{background-image: url(../informations/0@2x.png)}
.infobox_information.information_1{background-image: url(../informations/1@2x.png)}
.infobox_information.information_2{background-image: url(../informations/2@2x.png)}
.infobox_information.information_3{background-image: url(../informations/3@2x.png)}
.infobox_information.information_4{background-image: url(../informations/4@2x.png)}
.infobox_information.information_5{background-image: url(../informations/5@2x.png)}
.infobox_information.information_6{background-image: url(../informations/6@2x.png)}
.infobox_information.information_7{background-image: url(../informations/7@2x.png)}
.infobox_information.information_8{background-image: url(../informations/8@2x.png)}
.infobox_information.information_9{background-image: url(../informations/9@2x.png)}
.infobox_information.information_10{background-image: url(../informations/10@2x.png)}
.infobox_information.information_11{background-image: url(../informations/11@2x.png)}
.infobox_information.information_12{background-image: url(../informations/12@2x.png)}
.infobox_information.information_13{background-image: url(../informations/13@2x.png)}
.infobox_information.information_14{background-image: url(../informations/14@2x.png)}
.infobox_information.information_15{background-image: url(../informations/15@2x.png)}

.infobox_information .message{
    padding-left: 40px;
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: 0 50%;
    font-weight: bold;
    color: #000;
    min-height: 35px;
    margin-bottom: 5px;
}

.information-status > div{
	width: 50%;
    float: left;
    height: 50px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 50px;
    cursor: pointer;
    opacity: 1
}
.information-status > div.disable{opacity: 0.5}

.information-status .date.date-0-fr{background-image: url(../images/0-fr-rondrougeetat@2.png)}
.information-status .date.date-1-fr{background-image: url(../images/1-fr-rondorangeetat@2.png)}

.information-status .date.date-0-en{background-image: url(../images/0-en-rondrougeetat@2.png)}
.information-status .date.date-1-en{background-image: url(../images/1-en-rondorangeetat@2.png)}

.information-status .date.date-0-ar{background-image: url(../images/0-ar-rondrougeetat@2.png)}
.information-status .date.date-1-ar{background-image: url(../images/1-ar-rondorangeetat@2.png)}

.information-status .date.date-0-it{background-image: url(../images/0-it-rondrougeetat@2.png)}
.information-status .date.date-1-it{background-image: url(../images/1-it-rondorangeetat@2.png)}

.information-status .date.date-0-per{background-image: url(../images/0-per-rondrougeetat@2.png)}
.information-status .date.date-1-per{background-image: url(../images/1-per-rondorangeetat@2.png)}

#informations_list > div{
	background: #FFFFFF;
	padding: 10px;
	border: 3px solid red;
	margin: 1px 0
}
#information_categories{margin-top: 15px}
#information_categories .dd-selected-text, #information_categories .dd-option-text{line-height: 25px !important}
#information_categories .dd-selected{}

.information-form .btn{margin-top: 5px}
#informations_list > div .information{cursor: pointer;}
#informations_list > div.active{background: #f0efed}
form.form-horizontal.information-form{margin: 10px 0}
.importer-csv, .importer-csv-exemple{font-size: 15px}
#show_detail_information{background: #f0efed}
.importer-csv-exemple{background: transparent !important, height:auto !important;}
.information-form .btn{min-width: 80%;}
.information-form label{text-align: left !important}
#information_categories .dd-selected{background: #FFFFFF}