/*
@font-face {
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: 400;
  src: local('FontAwesome'), local('FontAwesome'), url(fonts/FontAwesomefontawesome-webfont.woff) format('woff');
}
*/
/* Add additional stylesheets below
-------------------------------------------------- */
/*
  Bootstrap's documentation styles
  Special styles for presenting Bootstrap's documentation and examples
*/



/* Body and structure
-------------------------------------------------- */

body {
  position: relative;
  /*Height pour firefox*/
  height: 100%;
}

/* Code in headings */
h3 code {
  font-size: 14px;
  font-weight: normal;
}
ul, li {
	list-style : none;
	margin : 0;
	padding : 0;
}
#preview-div ul, #preview-div li{
	list-style : inherit;
	margin-left : 10px;
}
.pointer {
	cursor:pointer;
}
table {
	/*font-size:14px;*/
}
#menu_top_header {
    z-index:1070;
    background: #004B70;
}
#menu_top_header li.dropdown-submenu:hover {
    background: #48B9F0;
}
#menu_top_header #logo {
    max-width: 40px;
    float: left;
    height: 100%;
    margin-right:15px;
}

#menu_top_header .navbar-form {
    float: left;
    height: 100%;
    border-left-width: 10px;
    margin-left: 5px;
}

#menu_top_header input#universal_search_text{
    float: left;
    margin-top: 3px;
    padding-left: 8px;
    padding-bottom: 2px;
    padding-top: 2px;
    border-right-width: 0px;
    border-top-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 0px;
    border-radius: 4px 0 0 4px;
    padding-right: 6px;
    font-size: 12px;
    width: 130px;
    background: #c4c4f569;
    height: 30px;
    transition-property: width;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.39, 0.58, 0.57, 1);
}

#menu_top_header input#universal_search_text:focus {
    background: white !important;
    width: 155px !important;
}

@media (min-width: 1600px)
{
    #menu_top_header input#universal_search_text{
        width: 170px;
    }
	#menu_top_header input#universal_search_text:focus {
        width: 280px !important;
    }
}
@media (min-width: 1025px) and (max-width: 1600px)
{
    #menu_top_header input#universal_search_text{
        width: 140px;
        font-size: 11px;
    }
	#menu_top_header input#universal_search_text:focus {
        width: 170px !important;
    }
    .nav{
        font-size: 0.8em;
    }
}


#menu_top_header input#universal_search_text::placeholder {
    color: #b9c3c7;
}

#menu_top_header button.btn.btn-small.btn-primary.pointer.tip {
    height: 34px;
    margin-top: 3px;
    border-radius: 0 4px 4px 0;
    border-right-width: 0px;
    border-top-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 0px;
    background: #48B9F0;
    padding-bottom: 0px;
    padding-top: 0px;
    width: 45px;
}

#menu_top_header div#headerAddButton {
    margin-left: 6px;
    margin-top: 3px;
}

#menu_top_header button.btn.btn.btn-primary.btn-small.btn-dropdown-toggle.pointer {
    height: 34px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 6px;
    padding-left: 6px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    background: #48B9F0;
    border-radius: 4px;
    /* margin-top: 1px; */
    font-size: 11px;
    margin-top: 0px;
}

#menu_top_header div#account {
    float: right;
    height: 100%;
}

#menu_top_header #account a#account-btn {
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    height: 100%;
    font-size: 12px;
    color: #8CA6B3;
}

#menu_top_header #account a#account-btn:hover {
    background: #48B9F0;
    color: white !important;
}


#menu_top_header .popover,
#menu_top_header .popover a,
#menu_top_header .popover a:hover{
	text-shadow : none;
}
#menu_top_header .popover {
	color : #333;
}
#menu_top_header .popover .account-btn-content-right a,
#menu_top_header .popover .account-btn-content-right a:hover{
	color: #36c;
	font-size : 13px;
}
#menu_top_header .popover .account_nom_prenom{
	font-weight : bold;
}
#menu_top_header .popover,
#menu_top_header .popover .popover-content {
	padding : 0;
	max-width: 500px;
}
#menu_top_header .popover .account-btn-content-top {
	position: relative;
	float: left;
	width : 400px;
	border-bottom: 1px solid #bebebe;
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,.12);
	-o-box-shadow: 0 2px 4px rgba(0,0,0,.12);
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.12);
	box-shadow: 0 2px 4px rgba(0,0,0,.12);	
	padding : 18px 0;
	z-index: 1;
}
#menu_top_header .popover .account-btn-content-update-photo {
	position: absolute;
	left: 0px;
	bottom: 0px;
	display : none;
	width: 96px;
	font-weight: bold;
	line-height: 8px;
	text-align: center;
	font-size: 10px;
	opacity: 0;
	filter: alpha(opacity=0);
	padding: 7px 0;
	color : #FFF;
	background: transparent;
}
#menu_top_header .popover .account-btn-content-top:hover .account-btn-content-update-photo {	
	opacity: .8;
	filter: alpha(opacity=80);
	display :block;
	background-color: #4d90fe;
}
#menu_top_header .popover .account-btn-content-left {
	position: relative;
	float :left;
	width : 25%;
	margin-left : 18px;
}
#menu_top_header .popover .account-btn-content-right {
	position: relative;
	float :left;
	width: 65%;
	line-height: 20px;
	
	padding-left:10px;
}
#menu_top_header .popover .account-btn-content-right span {
	float: left;
	position  : relative;
	width : 100%;
}

#menu_top_header .popover .account-btn-content-right .account_nom_prenom{
	line-height : 14px;
}

#menu_top_header .popover .account-btn-content-right .account_email{
	line-height : 14px;
	color: #666;
	margin-bottom : 5px;
}
#menu_top_header .popover .account-btn-content-footer {
	position: relative;
	float: left;
	width : 100%;
	background: #f5f5f5;
	padding: 8px 0px 9px;
}
#menu_top_header .popover .account-btn-content-footer .left{
	float: left;
	margin-left : 10px;
}
#menu_top_header .popover .account-btn-content-footer .right{
	float: right;
	margin-right : 10px;
}
#menu_top_header .popover .account-btn-content-footer .full{
	margin-left : 10px;
	margin-right : 10px;
}
#menu_top_header .popover .account-btn-content-footer .full .btn{
	display :block;
}


#menu_top_header .popover.popover_account_notifications .arrow{	right:72px !important;}
#menu_top_header .popover.popover_account_notifications ul{
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,.12);
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.12);
	box-shadow: 0 2px 4px rgba(0,0,0,.12);
	z-index:  1;
	position : relative;
}
#menu_top_header .popover.popover_account_notifications  li a{
	color : #666;
	display :block;
	clear :both;
	padding : 5px 15px;
	white-space: nowrap;
}
#menu_top_header .popover.popover_account_notifications  li a span{
	margin-left:  10px;
}
#menu_top_header .popover.popover_account_notifications  li {
	border-bottom: 1px solid #bebebe;	
}
#menu_top_header .popover.popover_account_disponibilites  li {
	border-bottom: 1px solid #bebebe;	
}

#menu_top_header .popover.popover_account_disponibilites .arrow{
	right:35px !important;
}#menu_top_header .popover.popover_account_disponibilites  li  a{
	color : #666;
	display :block;
	clear :both;
	white-space: nowrap;
}

#menu_top_header .popover.popover_account_disponibilites  li:hover  a i {
	text-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}
#menu_top_header .popover.popover_account_disponibilites  li  a i {
font-size: 20px;
padding: 6px 8px;
position: absolute;
left: 0px;
}
#menu_top_header .popover.popover_account_disponibilites  li  a:hover i {
	text-decoration : none;
}
#menu_top_header .popover.popover_account_disponibilites  li a span{
margin-left: 10px;
padding: 5px 15px 5px 35px;
display: inline-block;
}
#menu_top_header .popover.popover_account_notifications,
 #menu_top_header .popover.popover_account_notifications a, 
#menu_top_header .popover.popover_account_disponibilites,
 #menu_top_header .popover.popover_account_disponibilites a, 
 #menu_top_header .popover a:hover {
color: #FFF;
}
#menu_top_header .popover.popover_account_btn .account-btn-content-footer .btn-small{
	background-color: #fff;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#fbfbfb));
	background-image: -webkit-linear-gradient(top,#fff,#fbfbfb);
	background-image: -moz-linear-gradient(top,#fff,#fbfbfb);
	background-image: -ms-linear-gradient(top,#fff,#fbfbfb);
	background-image: -o-linear-gradient(top,#fff,#fbfbfb);
	background-image: linear-gradient(top,#fff,#fbfbfb);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff',EndColorStr='#fbfbfb');border-color: rgba(0,0,0,.1);
	color: #444 !important;
	font-size: 12px;
}

#menu_top_header  .popover.bottom{
	left: auto !important; 
	right: 0 !important;
	border: 1px solid #bebebe;
	background: #fff;
	-moz-box-shadow: -1px 1px 1px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);
	box-shadow: 0 2px 4px rgba(0,0,0,.2);
}
#menu_top_header  .popover.bottom .arrow {
left: auto;
right: 3px;
} 

#menu_top_header #account a:hover {
	text-decoration : none;
}
#menu_top_header #account a#account-btn-photo {
	height: 29px;
}
#menu_top_header #account a#account-btn-photo:hover span.caret{
	border-top: 4px solid #070707;
}
#menu_top_header #account a {
	position : relative;
	float :left;
	height: 26px;
	padding : 0 5px;
	line-height: 29px;
	color: #666;
	text-shadow : none;
}
#menu_top_header #account a.shadow {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	text-shadow: 0 1px 4px rgba(0,0,0,.2), 0 0 20px rgba(0,0,0,.075);
}
#menu_top_header #account a.shadow:hover {
	text-shadow:none;
}
#menu_top_header #account a  i{
font-size: 20px;
margin-top: 5px; 
position: relative;
float: left;  
}

#menu_top_header i.status.online{
	color : #25CC6D;
}
#menu_top_header i.status.busy{
	color: #F09609; 
}
#menu_top_header i.status.offline{
	color: #dc143c;
}
#menu_top_header i.status.move{
	color: #387FF0;
}
#menu_top_header i.status.conge{
	color: #dc143c;
}
#menu_top_header #account a img{
	margin-left:  3px;
}
#menu_top_header #account a#account-btn-photo .caret{	
margin-top: 13px;
position: relative;
border-top: 4px solid #909090;
} 
#menu_top_header #account-btn-content  .account-btn-content-right a{
	color: #000;
	font-weight: bold;
}
#menu_top_header #account-btn-content,
#menu_top_header #account-btn-notifications-content,
#menu_top_header #account-btn-disponibilites-content {
	display :none;
	color: #666;
}
#menu_top_header #account-btn-content  a:hover,
#menu_top_header #account-btn-notifications-content a:hover,
#menu_top_header #account-btn-disponibilites-content a:hover {
	color: #FFF;
	text-shadow: 0 0 10px rgba(255,255,255,.25);
}
#menu_top_header #account-btn-content  a,
#menu_top_header #account-btn-notifications-content {
	color: #fff;
	color: rgba(255,255,255,.5);
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

#menu_top_header .dropdown-profil {
    display: inline;
    padding: 5%;
}

#menu_top_header button#account-btn-deconnexion {
    margin-top: 13%;
}

#menu_top > ul.nav > .dropdown-submenu:hover > a {
	-webkit-box-shadow: 0px 0px 0px 0px #4d90fe;
    box-shadow: 0px 0px 0px 0px #4d90fe;
    color: white;
	background : none;
}
#menu_top > ul.nav > .dropdown-submenu > a:after {
	border : 0px;
}
#menu_top > ul.nav > .dropdown-submenu ul {
	top: 100%;
	left: 0;
	margin-top: 0px;
	margin-left: 0px;
}
#menu_top  > ul.nav  > li > .dropdown-menu:after {
	left : 20px;
}
#menu_top  > ul.nav  > li > .dropdown-menu > a {
	float:left;
}
#menu_top .dropdown-menu i {
	margin-top:3px;
}
#menu_top .dropdown-submenu .active > a,
#menu_top .dropdown-submenu > .active > a:hover,
#menu_top .dropdown-submenu > .active > a:focus {
    color: #0d6b08 !important;
    background-color: #eee !important;
}

#menu_top .open_popup {
	cursor: pointer;
    padding: 7px 7px;
    position: absolute;
    z-index: 1;
	filter : alpha(opacity=20);
    opacity : 0.2;
}

#menu_top .open_popup:hover {
	filter : alpha(opacity=100);
    opacity : 1;
}

#header_content #logo {
    
    height: 51px;
    left: 0;
    position: absolute;
    top: 0;
}
#header_content  #logo img{
	width: 85%;
	height: 85%;
}
#sidebar h1, 
#sidebar h2, 
#sidebar h3,
#sidebar h4,
#sidebar h5, 
#sidebar h6, 
#sidebar legend {
color: #555;
text-shadow: 0px 1px 0px #fff;
font-weight: 700;
}
#sidebar h4 {
	font-size : 14px;
line-height: 26px;
}
#sidebar h3 {
	font-size : 18px;
line-height: 22px;
}
#sidebar {
    display: none;
	position: fixed;
	overflow: hidden;
	bottom: 23px;
	top : 40px;
	overflow : auto;
	left: 0;
	width: 173px;
	color: #555;
	border-right: 1px solid #e5e5e5;
	background-color: #FFFFFF;
	z-index:1050;
	border-top:1px solid #e5e5e5;
	/*
	-webkit-box-shadow: 1px 0px 5px -2px #000000;
	box-shadow: 1px 0px 5px -2px #000000;
	*/
}
#container_main {	
	background: #FFF;
	padding : 0;
}


#container_main #modalNotificationShow .modal-body {
	height: 90%;
	max-height: 768px;
}
#sidebar_tab_messages_button {
	position: absolute;
	top: 2px;
	right: 2px;
	padding: 2px;
	line-height: 10px;
}

#sidebar_tab_fil_actualite_button {
	position: absolute;
	top: 2px;
	right: 2px;
	padding: 2px;
	line-height: 10px;
}

#sidebar_tab_calendar_button {
	position: absolute;
	top: 2px;
	right: 2px;
	padding: 2px;
	line-height: 10px;
}

.sidebar_header {
	position : relative;
	border-bottom : 1px solid #6D6D6D;
	height : 29px;-webkit-box-shadow: 0px 1px 5px -2px #000000;
	box-shadow: 0px 1px 5px -2px #000000;
	line-height : 25px;
	color: #dd4b39;
	font-size: 20px;
	background : #FFF;
	min-width: 160px;
	padding-left : 16px
}
.sidebar_tabs {
	position : relative;
	float :left;
	color: #dd4b39;
	font-size: 20px;
	background : #FFF;
	border-bottom-color: #cfcfcf;
	background-color: #ececec;
}
.sidebar_tabs li {
	float :left;
	position : relative;
}
.sidebar_tabs li  a{
	position : relative;
	float: left;
	border-bottom : 1px solid #cfcfcf;
}
.sidebar_tabs li  a:hover{
	text-decoration : none;
}
.sidebar_tabs li  a span{	
	position : relative;
	float: left;
	border-right: 1px solid #cfcfcf;
	overflow: hidden;
	margin: 4px 0 6px;
	width : 42px;
	text-align : center;
	color :#505050;
	font-size : 18px;
	padding: 3px 0;
}
.sidebar_tabs li.active:first-child {	
	border-left : 1px solid transparent;
}
.sidebar_tabs li.active {	
	background: #FFF;
	border-right: 1px solid #cfcfcf;
	border-left: 1px solid #cfcfcf;
	margin-left : -1px;
	z-index:  1;
}
.sidebar_tabs li.active  a span{	
	border-right : 1px solid transparent;
}
.sidebar_tabs li.active  a{	 
	border-bottom : 1px solid #FFF;
}
.sidebar_tabs li:first-child a span{	
	width : 42px;
}
.sidebar_tabs li:last-child a span{	
	width : 42px;
}
.sidebar_tabs li.active:last-child {
	border-right : 0px;
}
.sidebar_tabs li.active:last-child a span {
	border-right: 1px solid transparent;	
}
.sidebar_tabs li:last-child a span{	
	border-right: 1px solid transparent;	
}
.sidebar_content {
	padding: 4px 6px 4px 4px;
	position: fixed;
	overflow: hidden;
	bottom: 0px;
	top : 80px;
	bottom : 23px;
	overflow : auto;
	left: 0;
	width: 163px;
	color: #555;
}
#main {
	position: fixed;
	left: 0;
	top: 43px;
	right : 0px;
	bottom : 23px;
}
#main .tab-content {
	padding: 5px 6px 0px 0px;
	position: fixed;
	overflow: hidden;
	top : 69px;
	bottom : 23px;
    width: 100%;
    background: #fafafa;
	color: #555;
} 
#main .tab-content div{
    height:100%;
    margin-left:5px;
}

.sidebar-nav-fixed {
    position:fixed;
    top:100;
    left:0;
}

#sidebar_tab_messages {
	padding : 0px;
	width : 173px;
}
#sidebar_tab_messages .media:hover {
	background: #f5f5f5;
}
#sidebar_tab_messages .media a:hover {
	text-decoration : none;
}
#sidebar_tab_messages .media {
	border-bottom: 1px solid rgba(0,0,0,.12);
	padding : 4px 6px 2px 4px;
	margin-top : 0px;
}
#sidebar_tab_messages .media span {
	display :block;
	position : relative;
	color: #000;
	font-size : 12px;
}
#sidebar_tab_messages .media span.objet {
	font-size : 12px;
	font-weight :bold;
	line-height : 13px;
}
#sidebar_tab_messages .media span.nom {
	color: #686868;
	line-height : 12px;
	font-size : 12px;
}
#sidebar_tab_messages .media span.messages_icones {
	font-size : 14px;
}
#sidebar_tab_messages .media span.date {
	color: #686868;
	line-height : 12px;
	font-size : 12px;
}

#sidebar_tab_bug {
	padding : 0px;
	width : 173px;
}
#sidebar_tab_bug .media:hover {
	background: #f5f5f5;
}
#sidebar_tab_bug .media a:hover {
	text-decoration : none;
}
#sidebar_tab_bug .media {
	border-bottom: 1px solid rgba(0,0,0,.12);
	padding : 4px 6px 2px 4px;
	margin-top : 0px;
}
#sidebar_tab_bug .media span {
	display :block;
	position : relative;
	color: #000;
	font-size : 12px;
}
#sidebar_tab_bug .media span.objet {
	font-size : 12px;
	font-weight :bold;
	line-height : 13px;
}
#sidebar_tab_bug .media span.nom {
	color: #686868;
	line-height : 12px;
	font-size : 12px;
}
#sidebar_tab_bug .media span.messages_icones {
	font-size : 14px;
}
#sidebar_tab_bug .media span.date {
	color: #686868;
	line-height : 12px;
	font-size : 12px;
}


#sidebar_tab_contacts {
	padding : 0px;
	width : 173px;
}
#sidebar_tab_contacts .media:hover {
	background: #f5f5f5;
}
#sidebar_tab_contacts .media {
	border-bottom: 1px solid rgba(0,0,0,.12);
	padding : 4px 6px 2px 4px;
	margin-top : 0px;
}
#sidebar_tab_contacts .media.green > .pull-left {
	border-color : #25CC6D
}
#sidebar_tab_contacts .media.orange > .pull-left {
	border-color : #F09609
}
#sidebar_tab_contacts .media.red > .pull-left {
	border-color : #dc143c
}
#sidebar_tab_contacts .media > .pull-left {
	margin-right: 5px;	
	border-right : 3px solid transparent;
}
#sidebar_tab_contacts .media > .media-body > h4 {
	display :block;
	position : relative;
	font-size : 12px;
	line-height : 13px;
	margin-bottom : 0;
}
#sidebar_tab_contacts .media > .media-body > .message {
	display :block;
	position : relative;
	color: #999;
	font-size : 12px;
	line-height : 14px;
}
#sidebar_tab_contacts .media > .media-body > .date {
	display :block;
	position : relative;
	color: #686868;
	line-height : 12px;
	font-size : 10px;
}

#sidebar_tab_contacts .nav-header {
	font-size:9px;
}

#sidebar_tab_contacts .nav-header a {
	padding:0px; 
}

#sidebar_tab_contacts #account-info .popover .account-btn-content-top {
	position: relative;
	float: left;
	width : 400px;
	border-bottom: 1px solid #bebebe;
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,.12);
	-o-box-shadow: 0 2px 4px rgba(0,0,0,.12);
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.12);
	box-shadow: 0 2px 4px rgba(0,0,0,.12);	
	padding : 18px 0;
	z-index: 1;
}
#sidebar_tab_contacts #account-info .popover .account-btn-content-top .account-btn-content-left {
	position: relative;
	float :left;
	width : 25%;
	margin-left : 18px;
}
#sidebar_tab_contacts #account-info .popover .account-btn-content-top .account-btn-content-right {
	position: relative;
	float :left;
	width: 65%;
	line-height: 20px;
	
	padding-left:10px;
}
#sidebar_tab_contacts #account-info .popover .account-btn-content-top .account-btn-content-right span {
	float: left;
	position  : relative;
	width : 100%;
}

#sidebar_tab_contacts #whoIsOnlineSearch {
	padding-left:2px;
	padding-top:2px;
}
#sidebar_tab_contacts #whoIsOnlineSearch input {
	width:130px;
}
#sidebar_tab_contacts #whoIsOnlineSearch .btn-group button {
	padding-left:5px;
	padding-right:5px;
}

#sidebar_tab_contacts #account-info .popover .account-btn-content-top .account-btn-content-right .account_nom_prenom{
	line-height : 14px;
}


.popover .account-btn-content-top .account-btn-content-right li {
	padding-top: 2px;
	padding-bottom: 2px;
	line-height: 20px;
}

 .popover .account-btn-content-top .account-btn-content-right .account_email{
	line-height : 14px;
	color: #666;
	margin-bottom : 5px;
}

#sidebar_tab_compteurs #reorder_compteur_link{
	height: 10px;
}
#sidebar_tab_compteurs #reorder_compteur_link .span12{
	text-align: center;
	position: absolute;
	top:-30px;
	z-index:1;
	padding-top:5px;
	background-color: #fff;
	border-bottom:1px solid #e5e5e5;
}
#sidebar_tab_compteurs #sortable .well{
	min-height:60px;
	width:100%;
	padding:0px;
	margin-bottom:5px;
	background:none;
	border:none;
}

#sidebar_tab_compteurs #sortable .helper{
	background-color: #f1f1f1;
	border: 1px solid #e5e5e5;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 200px 0 230px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 230px; /*Width of left column*/
margin-left: -100%;
background: #C8FC98;
}

#rightcolumn{
float: left;
width: 200px; /*Width of right column*/
margin-left: -200px; /*Set left marginto -(RightColumnWidth)*/
background: #FDE95E;
}

#footer .navbar-inner {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border:  0px;
	border-top: 1px solid #e5e5e5;
	background-color: whiteSmoke;
background-image: -webkit-gradient(linear,left top,left bottom,from(whiteSmoke),to(#f1f1f1));
background-image: -webkit-linear-gradient(top,whiteSmoke,#f1f1f1);
background-image: -moz-linear-gradient(top,whiteSmoke,#f1f1f1);
background-image: -ms-linear-gradient(top,whiteSmoke,#f1f1f1);
background-image: -o-linear-gradient(top,whiteSmoke,#f1f1f1);
background-image: linear-gradient(top,whiteSmoke,#f1f1f1);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5',EndColorStr='#f1f1f1');
}
#footer {
	position : fixed;	
right: 0;
left: 0;
height : 23px;
bottom : 0px;
}
#footer .navbar-inner  ul.left{
	float: left;
}
#footer .navbar-inner  ul.right{
	float: right;
}
#footer .navbar-inner  ul li {
	float: left;
}
#footer .navbar-inner  ul li a{
	float :left;
	padding : 0 15px;
	color: #666;
	font-size: 12px;
	line-height : 23px;
}
#footer .navbar-inner  ul li a i{
	height:23px;
}

/* Tweak navbar brand link to be super sleek
-------------------------------------------------- */

body > .navbar {
  font-size: 12px;
}
body > .navbar > .navbar-inner {
    margin-top: 5px;
}
/* Change the docs' brand */
body > .navbar .brand {
  padding-right: 0;
  padding-left: 0;
  margin-left: 20px;
  float: right;
  font-weight: bold;
  color: #000;
  text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.125);
  -webkit-transition: all .2s linear;
     -moz-transition: all .2s linear;
          transition: all .2s linear;
}
body > .navbar .brand:hover {
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.4);
}

/* Sections
-------------------------------------------------- */

/* padding for in-page bookmarks and fixed navbar */
section {
  padding-top: 30px;
}
section > .page-header,
section > .lead {
  color: #5a5a5a;
}
section > ul li {
  margin-bottom: 5px;
}

/* Separators (hr) */
.bs-docs-separator {
  margin: 40px 0 39px;
}

/* Faded out hr */
hr.soften {
  height: 1px;
  margin: 70px 0;
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  border: 0;
}



/* Jumbotrons
-------------------------------------------------- */

/* Base class
------------------------- */
.jumbotron {
  position: relative;
  padding: 0;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);
  background: #020031; /* Old browsers */
  background: -moz-linear-gradient(45deg,  #050f06 0%, #51a351 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#050f06), color-stop(100%,#51a351)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(45deg,  #050f06 0%,#51a351 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(45deg,  #050f06 0%,#51a351 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(45deg,  #050f06 0%,#51a351 100%); /* IE10+ */
  background: linear-gradient(45deg,  #050f06 0%,#51a351 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#050f06', endColorstr='#51a351',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
     -moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
          box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
}
.jumbotron h1 {
  font-size: 80px;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 1;
}
.jumbotron p {
  font-size: 24px;
  font-weight: 300;
  line-height: 1.25;
  margin-bottom: 30px;
}

/* Link styles (used on .masthead-links as well) */
.jumbotron a {
  color: #fff;
  color: rgba(255,255,255,.9);
  -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}
.jumbotron a:hover {
  color: #fff;
  text-shadow: 0 0 10px rgba(255,255,255,.25);
}

/* Download button */
.masthead .btn {
  padding: 18px 28px;
  font-size: 24px;
  font-weight: 200;
  color: #fff; /* redeclare to override the `.jumbotron a` */
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
     -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
          box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
  -webkit-transition: none;
     -moz-transition: none;
          transition: none;
}
.masthead .btn:hover {
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
     -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
          box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
}
.masthead .btn:active {
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);
     -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);
          box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);
}


/* Pattern overlay
------------------------- */
.jumbotron .container {
  position: relative;
  z-index: 2;
}
.jumbotron:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: .8;
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1) {

  .jumbotron:after {
    background-size: 150px 150px;
  }

}

/* Masthead (docs home)
------------------------- */
.masthead {
  padding: 70px 0 80px;
  margin-bottom: 0;
  color: #fff;
}
.masthead h1 {
  font-size: 80px;
  line-height: 1;
  letter-spacing: -2px;
}
.masthead p {
  font-size: 40px;
  font-weight: 200;
  line-height: 1.25;
}

/* Textual links in masthead */
.masthead-links {
  margin: 0;
  list-style: none;
}
.masthead-links li {
  display: inline;
  padding: 0 10px;
  color: rgba(255,255,255,.25);
}

/* Social proof buttons from GitHub & Twitter */
.bs-docs-social {
  padding: 15px 0;
  text-align: center;
  background-color: #f5f5f5;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ddd;
}

/* Quick links on Home */
.bs-docs-social-buttons {
  margin-left: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.bs-docs-social-buttons li {
  display: inline-block;
  padding: 5px 8px;
  line-height: 1;
  *display: inline;
  *zoom: 1;
}

/* Subhead (other pages)
------------------------- */
.subhead {
  text-align: left;
}
.subhead h1 {
  font-size: 60px;
}
.subhead p {
  margin-bottom: 20px;
}
.subhead .navbar {
  display: none;
}



/* Marketing section of Overview
-------------------------------------------------- */

.marketing {
  text-align: center;
  color: #5a5a5a;
}
.marketing h1 {
  margin: 60px 0 10px;
  font-size: 60px;
  font-weight: 200;
  line-height: 1;
  letter-spacing: -1px;
}
.marketing h2 {
  font-weight: 200;
  margin-bottom: 5px;
}
.marketing p {
  font-size: 16px;
  line-height: 1.5;
}
.marketing .marketing-byline {
  margin-bottom: 40px;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.25;
  color: #999;
}
.marketing-img {
  display: block;
  margin: 0 auto 30px;
  max-height: 145px;
}



/* Footer
-------------------------------------------------- */

.footer {
  text-align: center;
  padding: 30px 0;
  margin-top: 70px;
  border-top: 1px solid #e5e5e5;
  background-color: #f5f5f5;
}
.footer p {
  margin-bottom: 0;
  color: #777;
}
.footer-links {
  margin: 10px 0;
}
.footer-links li {
  display: inline;
  padding: 0 2px;
}
.footer-links li:first-child {
  padding-left: 0;
}



/* Special grid styles
-------------------------------------------------- */

.show-grid {
  margin-top: 10px;
  margin-bottom: 20px;
}
.show-grid [class*="span"] {
  background-color: #eee;
  text-align: center;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  min-height: 40px;
  line-height: 40px;
}
.show-grid [class*="span"]:hover {
  background-color: #ddd;
}
.show-grid .show-grid {
  margin-top: 0;
  margin-bottom: 0;
}
.show-grid .show-grid [class*="span"] {
  margin-top: 5px;
}
.show-grid [class*="span"] [class*="span"] {
  background-color: #ccc;
}
.show-grid [class*="span"] [class*="span"] [class*="span"] {
  background-color: #999;
}



/* Mini layout previews
-------------------------------------------------- */
.mini-layout {
  border: 1px solid #ddd;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075);
     -moz-box-shadow: 0 1px 2px rgba(0,0,0,.075);
          box-shadow: 0 1px 2px rgba(0,0,0,.075);
}
.mini-layout,
.mini-layout .mini-layout-body,
.mini-layout.fluid .mini-layout-sidebar {
  height: 300px;
}
.mini-layout {
  margin-bottom: 20px;
  padding: 9px;
}
.mini-layout div {
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}
.mini-layout .mini-layout-body {
  background-color: #dceaf4;
  margin: 0 auto;
  width: 70%;
}
.mini-layout.fluid .mini-layout-sidebar,
.mini-layout.fluid .mini-layout-header,
.mini-layout.fluid .mini-layout-body {
  float: left;
}
.mini-layout.fluid .mini-layout-sidebar {
  background-color: #bbd8e9;
  width: 20%;
}
.mini-layout.fluid .mini-layout-body {
  width: 77.5%;
  margin-left: 2.5%;
}



/* Download page
-------------------------------------------------- */

.download .page-header {
  margin-top: 36px;
}
.page-header .toggle-all {
  margin-top: 5px;
}

/* Space out h3s when following a section */
.download h3 {
  margin-bottom: 5px;
}
.download-builder input + h3,
.download-builder .checkbox + h3 {
  margin-top: 9px;
}

/* Fields for variables */
.download-builder input[type=text] {
  margin-bottom: 9px;
  font-family: Menlo, Monaco, "Courier New", monospace;
  font-size: 12px;
  color: #d14;
}
.download-builder input[type=text]:focus {
  background-color: #fff;
}

/* Custom, larger checkbox labels */
.download .checkbox {
  padding: 6px 10px 6px 25px;
  font-size: 13px;
  line-height: 18px;
  color: #555;
  background-color: #f9f9f9;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  cursor: pointer;
}
.download .checkbox:hover {
  color: #333;
  background-color: #f5f5f5;
}
.download .checkbox small {
  font-size: 12px;
  color: #777;
}

/* Variables section */
#variables label {
  margin-bottom: 0;
}

/* Giant download button */
.download-btn {
  margin: 36px 0 108px;
}
#download p,
#download h4 {
  max-width: 50%;
  margin: 0 auto;
  color: #999;
  text-align: center;
}
#download h4 {
  margin-bottom: 0;
}
#download p {
  margin-bottom: 18px;
}
.download-btn .btn {
  display: block;
  width: auto;
  padding: 19px 24px;
  margin-bottom: 27px;
  font-size: 30px;
  line-height: 1;
  text-align: center;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}



/* Misc
-------------------------------------------------- */

/* Make tables spaced out a bit more */
h2 + table,
h3 + table,
h4 + table,
h2 + .row {
  margin-top: 5px;
}

/* Example sites showcase */
.example-sites {
  xmargin-left: 20px;
}
.example-sites img {
  max-width: 100%;
  margin: 0 auto;
}

.scrollspy-example {
  height: 200px;
  overflow: auto;
  position: relative;
}


/* Fake the :focus state to demo it */
.focused {
  border: 1px solid #4D90FE !important;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3) !important;
     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3) !important;
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  outline: 0 !important;
}

/* For input sizes, make them display block */
.docs-input-sizes .select2-container,
.docs-input-sizes select,
.docs-input-sizes input[type=text] {
  float: none;
  margin-left: 0;

  display: block;
  margin-bottom: 9px;
}

/* Icons
------------------------- */
.the-icons {
  margin-left: 0;
  list-style: none;
}
.the-icons li {
  float: left;
  width: 25%;
  line-height: 25px;
}
.the-icons i:hover {
  background-color: rgba(255,0,0,.25);
}

/* Example page
------------------------- */
.bootstrap-examples h4 {
  margin: 10px 0 5px;
}
.bootstrap-examples p {
  font-size: 13px;
  line-height: 18px;
}
.bootstrap-examples .thumbnail {
  margin-bottom: 9px;
  background-color: #fff;
}



/* Bootstrap code examples
-------------------------------------------------- */

/* Base class */
.bs-docs-example {
  position: relative;
  margin: 15px 0;
  padding: 39px 19px 14px;
  *padding-top: 19px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

/* Echo out a label for the example */
.bs-docs-example:after {
  content: "Example";
  position: absolute;
  top: -1px;
  left: -1px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  color: #9da0a4;
  -webkit-border-radius: 4px 0 4px 0;
     -moz-border-radius: 4px 0 4px 0;
          border-radius: 4px 0 4px 0;
}

/* Remove spacing between an example and it's code */
.bs-docs-example + .prettyprint {
  margin-top: -20px;
  padding-top: 15px;
}

/* Tweak examples
------------------------- */
.bs-docs-example > p:last-child {
  margin-bottom: 0;
}
.bs-docs-example .table,
.bs-docs-example .progress,
.bs-docs-example .well,
.bs-docs-example .alert,
.bs-docs-example .hero-unit,
.bs-docs-example .pagination,
.bs-docs-example .navbar,
.bs-docs-example > .nav,
.bs-docs-example blockquote {
  margin-bottom: 5px;
}
.bs-docs-example .pagination {
  margin-top: 0;
}
.bs-navbar-top-example,
.bs-navbar-bottom-example {
  z-index: 1;
  padding: 0;
  height: 130px;
  overflow: hidden; /* cut the drop shadows off */
}
.bs-navbar-top-example .navbar-fixed-top,
.bs-navbar-bottom-example .navbar-fixed-bottom {
  margin-left: 0;
  margin-right: 0;
}
.bs-navbar-top-example {
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}
.bs-navbar-top-example:after {
  top: auto;
  bottom: -1px;
  -webkit-border-radius: 0 4px 0 4px;
     -moz-border-radius: 0 4px 0 4px;
          border-radius: 0 4px 0 4px;
}
.bs-navbar-bottom-example {
  -webkit-border-radius: 4px 4px 0 0;
     -moz-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
}
.bs-navbar-bottom-example .navbar {
  margin-bottom: 0;
}
form.bs-docs-example {
  padding-bottom: 19px;
}

/* Images */
.bs-docs-example-images img {
  margin: 10px;
  display: inline-block;
}

/* Tooltips */
.bs-docs-tooltip-examples {
  text-align: center;
  margin: 0 0 10px;
  list-style: none;
}
.bs-docs-tooltip-examples li {
  display: inline;
  padding: 0 10px;
}

/* Popovers */
.bs-docs-example-popover {
  padding-bottom: 24px;
  background-color: #f9f9f9;
}
.bs-docs-example-popover .popover {
  position: relative;
  display: block;
  float: left;
  width: 260px;
  margin: 20px;
}

/* Dropdowns */
.bs-docs-example-submenus {
  min-height: 180px;
}
.bs-docs-example-submenus > .pull-left + .pull-left {
  margin-left: 20px;
}
.bs-docs-example-submenus .dropup > .dropdown-menu,
.bs-docs-example-submenus .dropdown > .dropdown-menu {
  display: block;
  position: static;
  margin-bottom: 5px;
  width: 180px;
}



/* Responsive docs
-------------------------------------------------- */

/* Utility classes table
------------------------- */
.responsive-utilities th small {
  display: block;
  font-weight: normal;
  color: #999;
}
.responsive-utilities tbody th {
  font-weight: normal;
}
.responsive-utilities td {
  text-align: center;
}
.responsive-utilities td.is-visible {
  color: #468847;
  background-color: #dff0d8 !important;
}
.responsive-utilities td.is-hidden {
  color: #ccc;
  background-color: #f9f9f9 !important;
}

/* Responsive tests
------------------------- */
.responsive-utilities-test {
  margin-top: 5px;
  margin-left: 0;
  list-style: none;
  overflow: hidden; /* clear floats */
}
.responsive-utilities-test li {
  position: relative;
  float: left;
  width: 25%;
  height: 43px;
  font-size: 14px;
  font-weight: bold;
  line-height: 43px;
  color: #999;
  text-align: center;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.responsive-utilities-test li + li {
  margin-left: 10px;
}
.responsive-utilities-test span {
  position: absolute;
  top:    -1px;
  left:   -1px;
  right:  -1px;
  bottom: -1px;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.responsive-utilities-test span {
  color: #468847;
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
}



/* Sidenav for Docs
-------------------------------------------------- */

.bs-docs-sidenav {
  width: 228px;
  margin: 30px 0 0;
  padding: 0;
  background-color: #fff;
}
.bs-docs-sidenav > li > a {
  display: block;
  width: 190px \9;
  margin: 0 0 -1px;
  padding: 8px 14px !important;
  border: 1px solid #e5e5e5;
}
.bs-docs-sidenav > .active {
  border-left: 3px solid #DD4B39;
}
.bs-docs-sidenav > .active > a {
  position: relative;
  z-index: 2;
  padding: 8px 14px 8px 12px !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.15);
  border-left: 0 !important;
}
/* Chevrons */
.bs-docs-sidenav .icon-chevron-right {
  float: right;
  margin-top: 2px;
  margin-right: -6px;
  opacity: .25;
}
.bs-docs-sidenav > li > a:hover {
  background-color: #f5f5f5;
}
.bs-docs-sidenav a:hover .icon-chevron-right {
  opacity: .5;
}
.bs-docs-sidenav .active .icon-chevron-right,
.bs-docs-sidenav .active a:hover .icon-chevron-right {
  background-image: url(images/glyphicons-halflings.png) !important;
}
.bs-docs-sidenav.affix {
  top: 40px;
}
.bs-docs-sidenav.affix-bottom {
  position: absolute;
  top: auto;
  bottom: 270px;
}





/* Tablet
------------------------- */
@media (max-width: 767px) {
  /* Remove any padding from the body */
  body {
    padding-top: 0;
  }

  /* Widen masthead and social buttons to fill body padding */
  .jumbotron {
    padding: 0px 20px;
    margin-top:   -20px; /* Offset bottom margin on .navbar */
    margin-right: -20px;
    margin-left:  -20px;
  }
  .masthead h1 {
    font-size: 90px;
  }
  .masthead p,
  .masthead .btn {
    font-size: 24px;
  }
  .marketing .span4 {
    margin-bottom: 40px;
  }
  .bs-docs-social {
    margin: 0 -20px;
  }

  /* Space out the show-grid examples */
  .show-grid [class*="span"] {
    margin-bottom: 5px;
  }

  /* Sidenav */
  .bs-docs-sidenav {
    width: auto;
    margin-bottom: 20px;
  }
  .bs-docs-sidenav.affix {
    position: static;
    width: auto;
    top: 0;
  }

  /* Unfloat the back to top link in footer */
  .footer {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .footer p {
    margin-bottom: 9px;
  }
}

/* Landscape phones
------------------------- */
@media (min-width: 200px) and (max-width: 640px) {
  /* Remove padding above jumbotron */
  body {
    padding-top: 0;
	padding : 0 ;
  }

  body > #menu_top_header {
	font-size: 13px;
	padding : 0 20px;
  }
  
  #bottom_listing_menu {
		position: fixed;
      margin-left: 0px;
      margin-right: 0px;
  }
  
  #bottom_v2_menu{
	position: fixed;
    margin-left: 0px;
    margin-right: 0px;
  }

  #bottom_v2_menu1{
	position: fixed;
      margin-left: 0px;
      margin-right: 0px;
  }
  
  #bottom_v2_menu2{
	position: fixed;
      margin-left: 0px;
      margin-right: 0px;
  }
  
  #row-historique{
	padding:inherit;
  }
  
  #nav-historique{
  width:100%;
	margin:auto;
  
  }

  /* Change up some type stuff */
  h2 small {
    display: block;
  }

  /* Downsize the jumbotrons */
  .jumbotron h1 {
    font-size: 45px;
  }
  .jumbotron p,
  .jumbotron .btn {
    font-size: 18px;
  }
  .jumbotron .btn {
    display: block;
    margin: 0 auto;
  }

  /* center align subhead text like the masthead */
  .subhead h1,
  .subhead p {
    text-align: center;
  }

  /* Marketing on home */
  .marketing h1 {
    font-size: 30px;
  }
  .marketing-byline {
    font-size: 18px;
  }

  /* center example sites */
  .example-sites {
    margin-left: 0;
  }
  .example-sites > li {
    float: none;
    display: block;
    max-width: 280px;
    margin: 0 auto 18px;
    text-align: center;
  }
  .example-sites .thumbnail > img {
    max-width: 270px;
  }

  /* Do our best to make tables work in narrow viewports */
  table code {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
  }

  /* Examples: dropdowns */
  .bs-docs-example-submenus > .pull-left {
    float: none;
    clear: both;
  }
  .bs-docs-example-submenus > .pull-left,
  .bs-docs-example-submenus > .pull-left + .pull-left {
    margin-left: 0;
  }
  .bs-docs-example-submenus p {
    margin-bottom: 0;
  }
  .bs-docs-example-submenus .dropup > .dropdown-menu,
  .bs-docs-example-submenus .dropdown > .dropdown-menu {
    margin-bottom: 10px;
    float: none;
    max-width: 180px;
  }

  /* Examples: modal */
  .modal-example .modal {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  /* Tighten up footer */
  .footer {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}


/* STATS */


.stats {
	position: relative;
	display: inline-block;
	float :left;
	width : 100%;
	margin: 0px;
	margin-bottom: 10px;
	background-color: whiteSmoke;
background-image: -webkit-gradient(linear,left top,left bottom,from(whiteSmoke),to(#f1f1f1));
background-image: -webkit-linear-gradient(top,whiteSmoke,#f1f1f1);
background-image: -moz-linear-gradient(top,whiteSmoke,#f1f1f1);
background-image: -ms-linear-gradient(top,whiteSmoke,#f1f1f1);
background-image: -o-linear-gradient(top,whiteSmoke,#f1f1f1);
background-image: linear-gradient(top,whiteSmoke,#f1f1f1);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5',EndColorStr='#f1f1f1');

	/*
	background: url('http://baldtheme.com/theme/cleanizr/html/img/pattern.png') #fafafa repeat;
	*/
	/*
	border-bottom: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	*/
	/*
	background : rgba(255, 255, 255, 0.69);
	*/
	border: 1px solid #e5e5e5;
	vertical-align: top;
}
.stats.stats-block { 
	display: block; 
	overflow: auto;
	margin-bottom: 10px;
}
.stats .up {
	position: absolute;
	top: -1px;
	right: -1px;
	border-width: 0 20px 20px 0;
	border-style: solid;
	border-color: transparent #63c76a transparent transparent;
}
.stats .down {
	position: absolute;
	right: -1px;
	bottom: -1px;
	border-width: 0 0 20px 20px;
	border-style: solid;
	border-color: transparent transparent #eb4847 transparent;
}
.stats .up .icon {
	position: absolute;
	top: 0px;
	left: 12px;
	color: #389d3f;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1);
	font-size: 12px;
}
.stats .down .icon {
	position: absolute;
	top: 8px;
	right: 2px;
	color: #c71716;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1);
	font-size: 12px;
}
.stats figcaption {
	display: block;
	float: left;
	margin-left: 52px;
	padding: 0px 3px;
}
.stats figcaption small {
	display: block;
	margin-top: 0px;
	margin-bottom: 2px;
	color: #636363;
	text-transform: uppercase;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
	font-size: 12px;
}

figure.stats.circular.big figcaption small {
	display: block;
	margin-top: 0px;
	margin-bottom: 2px;
	color: #636363;
	text-transform: uppercase;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
	font-size: 16px;
	font-weight:bold;
	padding-left: 1px;
}
figure.stats.circular.big figcaption h4 {
	font-size: 20px;
}

.stats.stats-block figcaption small { text-align: right; }
.stats h1,
.stats h2,
.stats h3,
.stats h4,
.stats h5,
.stats h6 {
	margin: 0;
	text-align: left;
	line-height: 29px;
}
/* 1.6.2.1 Statistic Icon
----------------------------------------------------------------------------- */
.stats.summary > .icon {
	position: absolute;
	top: -1px;
	bottom: -1px;
	left: -1px;
	padding: 4px 0px;
	min-width: 50px;
	border-right: none;
	-webkit-border-radius: 2px 0px 0px 2px;
	border-radius: 2px 0px 0px 2px;
	background-color: #eee;
	color: #555;
	font-size: 28px;
	text-align: center;
}
.stats.summary > .icon.circle {
	top: 1px;
	bottom: 5px;
	left: 1px;
	min-height: 31px;
	padding: 1px 0px;
	min-width: 50px;
	border-right: none;
	border-radius: 40px;
	background-color: #eee;
	color: #555;
	font-size: 28px;
}
/* 1.6.2.2 Statistic Sparkline
----------------------------------------------------------------------------- */
.stats.sparkline > .chart {
	display: inline-block;
	float: left;
	padding: 2px 2px;
	color: #555;
	vertical-align: top;
	text-align: center;
}
.stats.sparkline > figcaption {
	display: inline-block;
	margin-top: 4px;
	margin-left: 0;
}
/* 1.6.2.3 Statistic Progress
----------------------------------------------------------------------------- */
.stats.prog {
	padding : 0;
	width : 100%;
}
.stats.prog [class^="icone-"], 
.stats.prog [class*=" icone-"] {
	font-size: 14px;
}
.stats.prog > .progress {
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	margin: 5px;
	width: none;
}
.stats.prog > figcaption {
	display: block;
	float :none;
	overflow: auto;
	margin: 0;
	margin-top: 5px;
	padding: 0px 3px;
	width: auto;
}
.stats.prog .text.pull-right { margin-left: 0px; 
font-size: 12px;}
.stats.prog .text.pull-left { margin-right: 0px; 
font-size: 12px;}
/* 1.6.2.4 Statistic Circular
----------------------------------------------------------------------------- */
.stats.circular > figcaption { margin: 0; }
.stats.circular > .gauge {
	display: inline-block;
	float: left;
	margin-top: 5px;
	vertical-align: top;
	margin-left: 10px;
}
.stats.circular > .gauge .text { font-weight: 700; color:#333;}
.stats.circular.big > .gauge .text { font-weight: 700; color:#333;font-size:20px;}
.stats.circular > .gauge .icon {
	font-size: 18px;
	vertical-align: middle;
}
#sidebar .stats.circular h4 {
	font-size:  12px;
margin-top: 6px;
}
/* 1.6.2.5 Effect
----------------------------------------------------------------------------- */
/* Borderless */
.stats.borderless {
	border-color: transparent;
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.stats.borderless > .icon,
.stats.borderless > .chart { border: none; }
/* Stacked */
.stats.stacked {
	-webkit-box-shadow:
		0 5px 0 -4px #fff, 0 5px 0 -3px #eaeaea, 
		0 12px 0 -8px #fff, 0 12px 0 -7px #eaeaea;
	box-shadow:
		0 5px 0 -4px #fff, 0 5px 0 -3px #eaeaea, 
		0 12px 0 -8px #fff, 0 12px 0 -7px #eaeaea;
}
/* Shadowed */
.stats.shadowed {
	border-bottom-color: #d5d5d5;
	-webkit-box-shadow: 0px 5px 2px -3px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 5px 2px -3px rgba(0, 0, 0, 0.05);
}


/* 1.6.2.6 Color
----------------------------------------------------------------------------- */
/* Red */
.summary > .icon.red, 
#sidebar .summary > .icon.red,
.summary > .icon.red.circle { background-color: #dc143c; color: #8e0d27; /* -5 */ }
/* Teal */
.summary > .icon.teal, 
#sidebar .summary > .icon.teal,
.summary > .icon.teal.circle { background-color: #00A0B1; color: #00535c; /* -5 */ }
/* Blue */
.summary > .icon.blue, 
#sidebar .summary> .icon.blue,
.summary > .icon.blue.circle { background-color: #2E8DEF; color: #0e63ba; /* -5 */ }
/* Purple */
.summary > .icon.purple, 
#sidebar .summary > .icon.purple,
.summary > .icon.purple.circle { background-color: #A700AE; color: #560059; /* -5 */ }
/* Magenta */
.summary > .icon.magenta, 
#sidebar .summary > .icon.magenta,
.summary > .icon.magenta.circle { background-color: #FF0097; color: #aa0065; /* -5 */ }
/* Lime */
.summary > .icon.lime, 
#sidebar .summary > .icon.lime,
.summary > .icon.lime.circle { background-color: #8CBF26; color: #587818; /* -5 */ }
/* Brown */
.summary > .icon.brown, 
#sidebar .summary > .icon.brown,
.summary > .icon.brown.circle { background-color: #A05000; color: #4b2600; /* -5 */ }
/* Pink */
.summary > .icon.pink, 
#sidebar .summary > .icon.pink,
.summary > .icon.pink.circle { background-color: #E671B8; color: #d92994; /* -5 */ }
/* Orange */
.summary > .icon.orange, 
#sidebar .summary > .icon.orange,
.summary > .icon.orange.circle { background-color: #F09609; color: #9e6306; /* -5 */ }
/* Green */
.summary > .icon.green, 
#sidebar .summary > .icon.green,
.summary > .icon.green.circle { background-color: #3A9548; color: #22582a; /* -5 */ }
/* Yellow */
.summary > .icon.yellow, 
#sidebar .summary > .icon.yellow,
.summary > .icon.yellow.circle { background-color: #E1B700; color: #8c7200; /* -5 */ }

.easyPieChart canvas {
position: absolute;
top: 0;
left: 0;
}
.stats.circular > .gauge {
	position : relative;
	text-align : center;
display: inline-block;
float: left;
margin: 2px 0px 2px 2px;
vertical-align: top;
}


/* SCROLL */
#sidebar .scrollable::-webkit-scrollbar:hover {
  border-right : 0px solid #dbdbdb;
}
#sidebar .scrollable::-webkit-scrollbar {
  height: 16px;
  width: 10px;
}
.scrollable::-webkit-scrollbar {
  height: 12px;
  width: 12px;
}
.scrollable::-webkit-scrollbar-button:start:decrement,
.scrollable::-webkit-scrollbar-button:end:increment {
  background-color: transparent;
  display: block;
  height: 0;
}
.scrollable::-webkit-scrollbar-track {
  background-clip: padding-box;
  border: solid
  transparent;
  border-width: 0 0 0 4px;
}
#sidebar .scrollable::-webkit-scrollbar-track-piece {
	background-color: transparent;
	background-clip: padding-box;
	border: 0px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
} 
.scrollable::-webkit-scrollbar-track-piece {
	background-color: rgba(0,0,0,0.05);
	background-clip: padding-box;
	border: 1px solid rgba(0,0,0,0.2);
	border-top : 0px;
	border-bottom : 0px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
} 
.scrollable::-webkit-scrollbar:hover {
  background-color: #f3f3f3;
  border: 1px solid #dbdbdb;
	border-top : 0px;
	border-bottom : 0px;
}
.scrollable::-webkit-scrollbar-thumb:vertical,
.scrollable::-webkit-scrollbar-thumb:horizontal {
  background-color: #c4c4c4;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.scrollable::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border: solid transparent;
  border-width: 0;
  -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.10),inset 0 -1px 0 rgba(0,0,0,0.07);
  -moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.10),inset 0 -1px 0 rgba(0,0,0,0.07);
  box-shadow: inset 1px 1px 0 rgba(0,0,0,0.10),inset 0 -1px 0 rgba(0,0,0,0.07);
  background-clip: padding-box;
}
.scrollable::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
.scrollable::-webkit-scrollbar-thumb:active {
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.35);
  box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.35);
}

.loading {
	background: url("images/loading.gif") no-repeat 50% 50% !important;
}


#account-info .popover .account-btn-content-left {
	position: relative;
	float :left;
	width : 25%;
	margin-left : 18px;
}
#account-info .popover .account-btn-content-right {
	position: relative;
	float :left;
	width: 65%;
	line-height: 20px;
	
	padding-left:10px;
}

#tabs #tab-content div {
	height:auto;
}

form .row-fluid > .control-group > .controls > input[type="text"] {
    margin-top: 5px;
}
form .row-fluid > .control-group > .controls > input[type="checkbox"] {
	margin-top: 8px;
}
form#admin_members_search .navbar .btn, .navbar .btn-group {
	margin-top: 0px;
}

form#admin_members_search input[type="radio"] {
	padding: 0px;
}
form#admin_members_default .control-group {
	margin-bottom: 10px;
}
form#admin_members_default .control-group label{
	font-size:12px;
}
form#admin_members_default .control-group .controls {
	margin-top: 6px;
	font-size:12px;
}

form#manufacturers_delete .navbar .btn, .navbar .btn-group {
	margin-top: 0px;
}

form#manufacturers_delete input[type="radio"] {
	padding: 0px;
}
form#manufacturers_delete .control-group {
	margin-bottom: 10px;
}
form#manufacturers_delete .control-group label{
	font-size:12px;
}
form#manufacturers_delete .control-group .controls {
	margin-top: 6px;
	font-size:12px;
	margin-left: 20px;
}

form#manufacturers_default .navbar .btn, .navbar .btn-group {
	margin-top: 0px;
}

form#manufacturers_default input[type="radio"] {
	padding: 0px;
}
form#manufacturers_default .control-group {
	margin-bottom: 10px;
}
form#manufacturers_default .control-group label{
	font-size:12px;
	width: 130px;
}
form#manufacturers_default .control-group .controls {
	margin-top: 6px;
	font-size:12px;
	margin-left: 150px;
}

.selectautocomplete .select2-results .select2-result-label td {
	font-size:12px;
}
.selectautocomplete .select2-results .select2-no-results {
	font-size:12px;
}

.form-horizontal .control-group {
  margin-bottom: 10px;
  *zoom: 1;
}

.manufacturer_editeur_products {
	padding:0px;
}

.manufacturer_editeur_products table{
	padding:0px;
	margin-bottom:0px;
}
.manufacturer_editeur_products td.main > input[type="checkbox"]{
	margin-top:0px;
}
.navbar-form input[type="radio"], .navbar-form input[type="checkbox"] {
	padding:0px;
}
#table_search_incident {
	margin-bottom: 0px;
}

#table_search_incident td{
	border: none;
}
.tooltip-inner {
	max-width:600px;
}

.navbar-form #load_annonceur .select2-container {
	margin-top:2px;
	padding-top: 2px;
}

#progressbar .progress {
	width: 50%;
	top: 10px;
	position: relative;
}
form#manufacturers_edit .well-small {
	padding: 0px;
}
form#manufacturers_edit .header_box {
	margin-bottom:0px;
	padding: 2px 9px 2px 9px;
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	font-weight:bold;
	font-size: 14px;
}
form#manufacturers_edit .control-group {
	margin-bottom:0px;
}
form#manufacturers_edit .controls {
	margin-left: 130px;
}
form#manufacturers_edit .control-label {
	width: 110px;
}
form#manufacturers_edit .input {
	padding-top:5px;
}
form#manufacturers_edit .select {
	padding-top:5px;
}
form#manufacturers_edit label {
	font-size: 12px;
}
form#manufacturers_edit .filter-option {
	font-size: 10px;
}
form#manufacturers_edit .bootstrap-select {
	max-width:100px;
}

form#manufacturers_edit #gie_speciality_area .bootstrap-select {
	max-width:300px;
}
.quicksearch_autocomplete a{
	cursor:pointer;
}

form#incident .control-group {
	margin-bottom: 0px;
}
form#incident .controls {
	margin-left: 140px;
}
form#incident .control-label {
	width: 120px;
}
form#incident textarea {
	width: 100%;
}
form#incident .radio, form#incident .checkbox {
	min-height: 20px;
	padding-left: 0px;
}

form#incident #info_nego .control-label{
	width: 40px;
}
form#incident #info_nego .controls {
	margin-left: 50px;
}

.widget-head {
	margin-bottom:0px;
	padding: 2px 9px 2px 9px;
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	font-weight:bold;
	font-size: 14px;
}
.widget-head h3 {
	font-size: 20px;
	line-height: 10px;
}

form#ac3_project_charge_search .input, form#ac3_project_charge_suivipar .input {
	padding-top:5px;
}
form#ac3_project_charge_incident .input, form#ac3_project_charge_suivipar .input {
	padding-top:5px;
	padding-left:15px;
	padding-right:15px;
}
form#ac3_project_charge_incident .selectsimple, form#ac3_project_charge_suivipar .selectsimple {
	padding-left:15px;
}
form#ac3_project_charge_incident .selectmultiple, form#ac3_project_charge_suivipar .selectmultiple {
	padding-left:15px;
}

table thead th.header { 
    background-image: url(../img/bg.gif);
    background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
    border-right: 1px solid #dad9c7; 
} 

table thead th.headerSortUp { 
    background-image: url(../img/asc.gif);
} 

table thead th.headerSortDown { 
    background-image: url(../img/desc.gif);
}  

.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 16px;
	height: 16px;
	cursor: default;
}

.ui-slider-horizontal .ui-slider-handle {
top: -2px;
}
.ui-slider-horizontal {
height: 6px;
}
#dispo_result .progress {
	height:30px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 0px;
}
#dispo_result .progress .bar {
	padding-top: 7px;
}

.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
	font-size:12px;
}
.navbar-form input, .navbar-form select, .navbar-form .radio, .navbar-form .checkbox {
	padding: 2px 12px 2px 0px;
}

input, textarea {
	width:150px;
}

form#update_pub .control-group {
	margin-bottom:0px;
}
form#update_pub .controls {
	margin-left: 240px;
}
form#update_pub .control-label {
	width: 220px;
}
form#update_pub .input {
	padding-top:5px;
}
form#update_pub .select {
	padding-top:5px;
}
form#update_pub label {
	font-size: 12px;
}
form#update_pub .filter-option {
	font-size: 10px;
}
form#update_pub .bootstrap-select {
	max-width:100px;
}

table#tickets_list .dataTableContent {
	padding:0px 5px;
	vertical-align:middle;
}

table#tablebatchslisting .popover {
	max-width:700px;
}

form#search_form .input {
	padding-top:5px;
}
.table-striped tbody > tr:nth-child(even) > td, .table-striped tbody > tr:nth-child(even) > th {
	background-color: #ffffff;
}

tr.success th.dataTableHeadingContent {
    background-color: #dff0d8;
    color: #e8ebec;
}
.pubcodeselect .select2-container {
	vertical-align:middle;
}

form#search_form label.input {
	padding-top:5px;
}

table.refresh_action th {
	text-align:left;
}
table.refresh_action td {
	text-align:left;
}
table.refresh_action td.center, table.refresh_action th.center {
	text-align:center;
}
table.refresh_action td textarea {
	width:100%;
}

.iframe-modal {
	width: 100%;
	height: 100%;
	border: none;
	min-height: 100%;
}

form#edit_sites .control-group {
	margin-bottom: 5px;
}

form#edit_sites label {
	margin-bottom: 1px;
}
form#new_sites .control-group {
	margin-bottom: 5px;
}

form#new_sites label {
	margin-bottom: 1px;
}

form#edit_sites #manufacturers_list_box {
	border-top: 1px solid #d9d9d9;
	border-top-color: #c0c0c0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	padding-top:5px;
}
form#edit_sites #manufacturers_elargi_list_box {
	border-top: 1px solid #d9d9d9;
	border-top-color: #c0c0c0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	padding-top:5px;
}
form#edit_sites #manufacturers_intercab_elargi_list_box {
	border-top: 1px solid #d9d9d9;
	border-top-color: #c0c0c0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	padding-top:5px;
}

form#sites_default .control-group {
	margin-bottom: 5px;
}

form#sites_default .controls {
	font-size:12px;
}

form#sites_default label {
	margin-bottom: 1px;
	padding-top: 5px;
	font-size:12px;
}

form#incident.form-horizontal .alert {
	padding: 2px 35px 2px 10px;
	margin-bottom:0px;
	font-size: 14px;
}

form#incident.form-horizontal .header_box {
	margin-bottom:0px;
	padding: 2px 9px 2px 9px;
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	font-weight:bold;
	font-size: 14px;
}

form#incident.form-horizontal .selectmultiple .btn {
	padding: 1px 12px;
}

form#incident.form-horizontal input[type=checkbox] {
	margin-top: 0px;
}

form#incident.form-horizontal fieldset#retour_client legend {
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 5px;
	padding-top:10px;
	font-weight:bold;
}

form#incident fieldset#retour_client .selectmultiple {
	width:100%;
}

form.info_client .control-label {
	font-size:12px;
}
form.info_client .controls .radio {
	font-size:12px;
}
form.info_client .control-label .checkbox {
	font-size:10px;
}
form.info_client .control-group {
	margin-bottom: 2px;
}

#push_alert {
	position: absolute;
	top: 42px;
	z-index: 9999;
	width: 100%;
}

#kbis_rc i {
	vertical-align: middle;
	font-size: 12px;
}

form#creer_annonceur input[type=text], textarea{
	width:90%;
}

#headerAddButton ul.dropdown-menu li a {
	font-size:13px;
}

#headerSearchChoice ul.dropdown-menu li a {
	font-size:13px;
}

#headerSearchChoice ul.dropdown-menu li i.check {
	position:relative;
	top:0;
	font-size: 16px;
	padding-right: 5px;
}

form#listing .footer label.checkbox {
	display:inline;
}

#tab_boite_mail tr.unread td {
	background-color: #d9edf7;
	font-weight:bold;
}

form#make_ticket .input {
	padding-top:5px;
}

form#make_ticket .selectmultiple {
	margin-top: 10px;
	width:200px;
}

form#make_ticket .alert {
	margin-top:5px;
	margin-bottom: 5px;
	padding:8px;
	text-align:center;
}

label.default {
	cursor:default;
}

figure.circular div.round{
	width: 50px; height: 50px;
	position: relative;
	float:left;
}


figure.circular div.round input{
	position: absolute;
	top:0px; left:0px;
	font-size: 13px; 
	text-align: center;
	width: 50px;
	height: 50px;
	border:none; background:none;
	outline:none;
	font-weight: 700;
	line-height: 50px;
	padding: 0;
	color:#333;
}

figure.circular.big div.round{
	width: 75px; height: 75px;
	position: relative;
	float:left;
}
figure.circular.big div.round input{
	position: absolute;
	top:0px; left:0px;
	font-size: 20px; 
	text-align: center;
	width: 75px;
	height: 75px;
	border:none; background:none;
	outline:none;
	font-weight: 700;
	line-height: 50px;
	padding: 0;
	color:#333;
}

figure.circular div.round canvas{
	position: absolute;
	top:0; left:0; right:0; bottom:0;
}

#qs_sidebar {
	border-right: 1px solid #e5e5e5;
}

table.quicksearch_result_more {
	width:100%;
	border-top: 1px solid #e5e5e5;
}

table.quicksearch_result_more td {
	border-right: 1px solid #e5e5e5;
}

table.quicksearch_result_more td:last-child {
	border-right: 0px;
}

ul.quicksearch_autocomplete {
    width:405px !important;
    z-index: 9999 !important;
}

form#dispo_search .row-fluid [class*="span"], form#dispo_search .row-fluid .selectsimple  {
	padding-top:2px;
}




/*-------------------------
	Dropbox Element
--------------------------*/



#dropbox{
	background-color: #f1f1f1;
	border-radius:3px;
	position: relative;
	min-height: 290px;
	overflow: hidden;
	padding-bottom: 40px;
	border: 1px solid #e5e5e5;
}


#dropbox .message{
	font-size: 22px;
    text-align: center;
    padding-top:160px;
    display: block;
}

#dropbox .message i{
	color:#ccc;
	font-size:18px;
}

#dropbox:before{
	border-radius:3px 3px 0 0;
}



/*-------------------------
	Image Previews
--------------------------*/



#dropbox .preview{
	width:245px;
	height: 215px;
	float:left;
	margin: 55px 0 0 60px;
	position: relative;
	text-align: center;
}

#dropbox .preview img{
	max-width: 240px;
	max-height:161px;
	border:3px solid #fff;
	display: block;
	
	box-shadow:0 0 2px #000;
}

#dropbox .imageHolder{
	display: inline-block;
	position:relative;
}

#dropbox .uploaded{
	position: absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background: url('../img/done.png') no-repeat center center rgba(255,255,255,0.5);
	display: none;
}

#dropbox .preview.done .uploaded{
	display: block;
}



/*-------------------------
	Progress Bars
--------------------------*/



#dropbox .progressHolder{
	position: absolute;
	background-color:#252f38;
	height:12px;
	width:100%;
	left:0;
	bottom: 0;
	
	box-shadow:0 0 2px #000;
}

#dropbox .progress{
	background-color:#2586d0;
	position: absolute;
	height:100%;
	left:0;
	width:0;
	
	box-shadow: 0 0 1px rgba(255, 255, 255, 0.4) inset;
	
	-moz-transition:0.25s;
	-webkit-transition:0.25s;
	-o-transition:0.25s;
	transition:0.25s;
}

#dropbox .preview.done .progress{
	width:100% !important;
}

/* Tableau a entête fixe */
.ac3_table {
	border: 0px solid #FFF;
	border-right: 0px solid #FFF;
	margin: 0px auto;
	position: relative;
	padding-top: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
}
.ac3_table.ac3_table_footer {
	padding-bottom: 22px;
}
.ac3_table .ac3_table_container {
overflow-x: hidden;
overflow-y: auto;
height: 100%;
border: 1px solid #ddd;
border-top : 0px;
}
.ac3_table.ac3_table_footer .ac3_table_container {
	border-bottom : 0px;
}
.ac3_table th.sort_header{
	cursor: pointer;
}
.ac3_table table {
background-color: white;
width: 100%;
overflow-x: hidden;
overflow-y: auto;
background #FFF;
}
.ac3_table table th {
	padding: 0 5px;
	text-align: left;
	border : 0px;
}
.ac3_table table tfoot div.th-inner {
	position: absolute;
	top: auto;
	bottom : 0px;
	line-height: 22px;
	text-align: left;
	border-left: 1px solid #FFF;
	padding-left: 5px;
	margin-left: -5px;
}
.ac3_table table thead div.th-inner {
	position: absolute;
	top: 0;
	line-height: 30px;
	text-align: left;
	border-left: 1px solid #FFF;
	padding-left: 5px;
	margin-left: -5px;
}
.ac3_table table th.first div.th-inner {
	border-left: none;
	padding-left: 6px;
}
.ac3_table_header_background {
	height: 30px;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
}
.ac3_table table td {
	border-bottom: 1px solid #dddddd;
	padding: 2px 5px;
	text-align: left;
	font-weight : normal;
	color: #333333;
}
.ac3_table table tr.last td {
	border-bottom: none;
}
.ac3_table td + td {
	border-left: 1px solid #dddddd;
}

.ac3_table tbody tr:last-child  td{
	border-bottom : 0px;
}
.ac3_table tr:nth-child(even) { background-color:#F3F3F3 }

.controls > .select2-container:first-child {
	padding-top: 5px;
}

/* REMOVE RADIUS */
.box .ui-widget-header {
-webkit-border-radius:0px;
-moz-border-radius: 0px;
border-radius: 0px;
border : 1px solid transparent;
}

.box .ui-widget-content {
border : 0px solid transparent;
}

#domaineListTable td.text-center, #domaineListTable th.text-center {
	text-align:center !important;
}

#domaineSearchResult {
	position:absolute;
	border: 1px solid #d9d9d9;
	border-top-color: #c0c0c0;
	background-color:white;
	width:271px;
	height:auto;
	z-index:19999;
	top:90px;
	left:48px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

#domaineSearchResult ul > li {
	padding:5px 10px;
}

#domaineSearchResult ul > li:last-child {
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

#domaineSearchResult ul > li:hover{
	background-color:#D9EDF7;
}

@-moz-keyframes roll { 
    100% { 
        -moz-transform: rotate(360deg); 
    } 
} 
@-o-keyframes roll { 
    100% { 
        -o-transform: rotate(360deg); 
    } 
} 
@-webkit-keyframes roll { 
    100% { 
        -webkit-transform: rotate(360deg);
    } 
}
.roll {  
    -moz-animation-duration: 5s;  
    -moz-animation-name: roll;  
    -moz-animation-iteration-count: 1; 
    -webkit-animation-duration: 5s;  
    -webkit-animation-name: roll;  
    -webkit-animation-iteration-count: 1; 
    -o-animation-duration: 5s;  
    -o-animation-name: roll;  
    -o-animation-iteration-count: 1;   
}

#RegistrantSearchResult {
	position:absolute;
	border: 1px solid #d9d9d9;
	border-top-color: #c0c0c0;
	background-color:white; 
	width:148px;
	height:auto;
	z-index:19999;
	top:141px;
	left:271px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px; 
}

#RegistrantSearchResult ul > li {
	padding:5px 10px;
}

#RegistrantSearchResult ul > li:last-child {
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

#RegistrantSearchResult ul > li:hover{
	background-color:#D9EDF7;
}

#RegistrantSearchResultDomaine {
	position:absolute;
	border: 1px solid #d9d9d9;
	border-top-color: #c0c0c0;
	background-color:white; 
	width:148px;
	height:auto;
	z-index:19999;
	top:35px;
	left:268px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px; 
}

#RegistrantSearchResultDomaine ul > li {
	padding:5px 10px;
}

#RegistrantSearchResultDomaine ul > li:last-child {
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

#RegistrantSearchResultDomaine ul > li:hover{
	background-color:#D9EDF7;
}

.help-block.form-error {
	margin-top: 0px !important;
	background-color: #F2DEDE;
	padding: 5px;
	color: #b94a48;
	border:1px solid #b94a48;
	border-top:none;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

/*------------------------------------------------ OUVERTURE LOGICIEL AC3 DEVIS ------------------------------------------------*/
#manufacturers_editeur_devis .well {
	background-color:#d9edf7;
	background: #d9edf7; /* Old browsers */
	background: -moz-linear-gradient(top,  #d9edf7 0%, #d9edf7 61px, #f1f1f1 61px, #f1f1f1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9edf7), color-stop(61px,#d9edf7), color-stop(61px,#f1f1f1), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d9edf7 0%,#d9edf7 61px,#f1f1f1 61px,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d9edf7 0%,#d9edf7 61px,#f1f1f1 61px,#f1f1f1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d9edf7 0%,#d9edf7 61px,#f1f1f1 61px,#f1f1f1 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d9edf7 0%,#d9edf7 61px,#f1f1f1 61px,#f1f1f1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9edf7', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
}

#manufacturers_editeur_devis #accordionSite .accordion-group .accordion-heading {
	background-color:#DFF0D8;
	border-bottom: 1px solid #e5e5e5;
}

#manufacturers_editeur_devis input[type="checkbox"] {
	border: 1px solid #aaa;
}

#manufacturers_editeur_devis #accordionSite .accordion-group .accordion-heading:last-child {
	border-bottom: none;
}

#manufacturers_editeur_devis #archivageFilesList .bootstrap-select.btn-group, .bootstrap-select.btn-group[class*="span"] {
	margin-bottom:0px;
}

#manufacturers_editeur_devis #archivageFilesList td[class*="span"] {
	padding-top:7px;
}

#manufacturers_editeur_devis #accordionSite a.accordion-toggle h5 {
	margin:0px;
}

#manufacturers_editeur_devis ul.nav.nav-tabs li.active a{
	background-color:#DFF0D8;
}

#manufacturers_editeur_devis ul.nav.nav-tabs li h5{
	margin:3px;
}

#manufacturers_editeur_devis ul.nav.nav-tabs span.badge {
	margin-left: 6px;
	margin-top: 1px;
}

#manufacturers_editeur_devis #sidemenubar > .navbar-inner{
	background-color:#d9edf7;
	background: #d9edf7; /* Old browsers */
	background: -moz-linear-gradient(top,  #d9edf7 0%, #d9edf7 61px, #f1f1f1 61px, #f1f1f1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9edf7), color-stop(61px,#d9edf7), color-stop(61px,#f1f1f1), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d9edf7 0%,#d9edf7 61px,#f1f1f1 61px,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d9edf7 0%,#d9edf7 61px,#f1f1f1 61px,#f1f1f1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d9edf7 0%,#d9edf7 61px,#f1f1f1 61px,#f1f1f1 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d9edf7 0%,#d9edf7 61px,#f1f1f1 61px,#f1f1f1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9edf7', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
	border-bottom:1px solid #85C5E5;
} 

#manufacturers_editeur_devis #sidemenubar li > a {
	font-size: 14px;
} 

#manufacturers_editeur_devis #sidemenubar li > i {
	line-height: 37px;
	font-size: 14px;
} 

#manufacturers_editeur_devis #listeAccessManufacturer {
  padding: 0px;
} 

#listeSiteManufacturer li:hover > button.btn-warning {
	display:inline;
}

/*------------------------------------------------ FIN OUVERTURE LOGICIEL AC3 DEVIS ------------------------------------------------*/


/** telecom module **/


.voip_call {
	padding: 12px 40px;
	padding-left: 45px;
}

.voip_call:hover {
background-position: 0px 0px;
text-decoration:none;
}
.acceptcall {
background-position: 0px -40px;
background-repeat:no-repeat;
background-image:url('../images/voip/bt_tel_oui.png');
}

.rejectcall {
background-position: 0px -40px;
background-repeat:no-repeat;
background-image:url('../images/voip/bt_tel_non.png');
}
.defercall {
background-position: 0px -40px;
background-repeat:no-repeat;
background-image:url('../images/voip/bt_tel_10mn.png');
}
.messcall {
background-position: 0px -40px;
background-repeat:no-repeat;
background-image:url('../images/voip/bt_tel_mess.png');
}
.transfcall {
background-position: 0px -40px;
background-repeat:no-repeat;
background-image:url('../images/voip/bt_tel_transfert.png');
}
.voip_green {
color:#6FA209;
}
.voip_orange {
color:#DA820E;
}
.voip_red {
color:#B50E0E;
}


/** end telecom module **/


#incident_v2 h2 {
	padding-left:15px;
}

#incident_v2 textarea, #incident_v2 input[type=text] {
	margin-bottom: 5px;
}

#incident_v2 .well, #modal_body_projet .well,#action_com .well, #popup_charge .well,#tache .well ,#entete_bleu .well  {
	background-color:#d9edf7;
	background: #d9edf7; /* Old browsers */
	background: -moz-linear-gradient(top,  #d9edf7 0%, #d9edf7 47px, #f1f1f1 47px, #f1f1f1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9edf7), color-stop(47px,#d9edf7), color-stop(47px,#f1f1f1), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d9edf7 0%,#d9edf7 47px,#f1f1f1 47px,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d9edf7 0%,#d9edf7 47px,#f1f1f1 47px,#f1f1f1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d9edf7 0%,#d9edf7 47px,#f1f1f1 47px,#f1f1f1 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d9edf7 0%,#d9edf7 47px,#f1f1f1 47px,#f1f1f1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9edf7', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
	padding-top:5px;
	padding-bottom: 5px;
}

#incident_v2 .rubriqueArea i {
	padding-top: 2px;
}

#incident_v2 .affectationArea {
	padding-top: 4px;
}

#incident_v2 .affectationArea i {
	padding-top: 3px;
}

#incident_v2 .titleParentArea i {
	padding-top: 7px;
	cursor:pointer;
}

#incident_v2 .ticketParent {
	padding-top: 3px;
}

#incident_v2 .uploadArea,#incident_v2 .uploadAreaNew {
	height:120px;
}

#incident_v2 .uploadArea .imageHolder img, #incident_v2 .uploadArea .imageHolder img{
	height:100px;
}

#incident_v2 .accordion-heading {
	background-color:#dff0d8;
}

#incident_v2 .accordion-heading a {
	background-color:#dff0d8;
	padding: 3px 15px;
}

#incident_v2 #email_choose + div {
	top: -4px;
}


#incident_v2 .checkbox {
	padding-left: 20px !important;
}

#incident_v2 .ac3RubriqueAutocomplete .select2-default span {
	padding-top: 4px;
}

/** Gestion  des rubriques **/

#gestionRubriquesArea table td {
	cursor:pointer;
}
#gestionRubriquesArea table .icon-chevron-right {
	float: right;
	margin-top: 2px;
	display:none;
}

#gestionRubriquesArea table button.edit {
	float: left;
	margin-top: 1px;
	display:none;
	margin-right: 5px;
}

#gestionRubriquesArea table button.adminFilter,#gestionRubriquesArea table button.adminEdit1, #gestionRubriquesArea table button.adminEdit2, #gestionRubriquesArea table button.adminEvol {
	float: right;
	margin-top: 1px;
	display:none;
	margin-right:7px;
}

#gestionRubriquesArea table td.active .icon-chevron-right, #gestionRubriquesArea table td.active button.edit, #gestionRubriquesArea table td.active .icon-chevron-right, #gestionRubriquesArea table td.active button.adminEdit1, #gestionRubriquesArea table td.active button.adminEdit2, #gestionRubriquesArea table td.active button.adminFilter, #gestionRubriquesArea table td.active button.adminEvol {
	display:block;
}

#gestionRubriquesArea table td.active .icon-arrow-down.text-success, #gestionRubriquesArea table td.active .icon-user.text-error, #gestionRubriquesArea table td.active .icon-user.text-success, #gestionRubriquesArea table td.active .icon-arrow-up.text-info,  #gestionRubriquesArea table td.active .icon-arrow-down.text-success {
	display:none;
}

#gestionRubriquesArea table td.active {
	background-color: #d9edf7;
}

#gestionRubriquesArea .icon-user.text-error, #gestionRubriquesArea .icon-user.text-success, #gestionRubriquesArea .icon-arrow-up.text-info {
	margin-left:10px;
}

@media (max-width: 1024px)
{
	.nav{
			width:100%;
			font-size: 0.7em;
		}
	#sidebar {display:none;}
	#main {
		width:100%;
		left: 0px;
		overflow: scroll !important;
		-webkit-overflow-scrolling: touch !important;
	
	}
	.tab_content
	{
		width:100%;
		 -webkit-transform: translate3d(0, 0, 0) !important; 
	
	}
	.tab-pane {width:100% !important;}
	.iframe-tabs{width:100%;right:0px;}
}


/************* Style pour recherche enregistrée **************/
.search-option{
  float:right;
}
#search-menu .search-button {
  margin:0;
  padding:0;
  list-style-type:none;
  text-align:center;
}
#search-menu li {
  float:left;
  margin:auto;
  padding:0;
}
#search-menu li a {
  display:block;
  width:20px;
  color:#5f6368;
  text-decoration:none;
  padding:5px;
}
#search-menu li a:hover {
  background:#e8eaed;
  border-radius:50%;
}
#search-menu .search-button li .search-submenu a {
  display:block;
  min-width:160px;
  color:#5f6368;
  text-decoration:none;
  padding:5px;
}
#search-menu .search-button li .search-submenu a:hover {
  background:#eeeeee;
  border-radius:0;
}
#search-menu .search-button li .search-submenu {
  display:none;
  border: 1px solid #eeeeee;
  background: #fff;
  left:auto;
  right: 12px;
  overflow-y: auto;
  max-height: 260px;
}
#search-menu .search-button li:hover .search-submenu {
  display:block;
}
#search-menu li:hover .search-submenu li {
  float:none;
}
#search-menu .search-submenu {
  position:absolute;
  z-index: 9999;
}
#search-menu{
  background: #eeeeee;
  border-radius: 50%;
}
#search-menu .first-search-submenu{
  border-bottom: 1px solid #eee;
} 

#actionParametrageFichierPrelevement {
    height: 300px;
}

#bodyParametrageFichierPrelevement {
    height: 200px;
}

#actionModalExportColonnes {
    height: 200px;
}

#actionModalExportColonnes .modal-body {
    height: 100px;
}