﻿/* RAPPEL : 

Taille de police : 14px = 0.875em

cf http://lapulpe.eu/blog/41-tableau-des-equivalences-entre-px-pt-et-em-css/

*/

/* POUR DEBUG */
#global-content.grid-debug {
	background: #fbfbfb url('../../images/grid-debug.png') center repeat-y !important;
}
#global-content.grid-debug  #top-content {
	background: #f6f6f6 url('../../images/grid-debug.png') center repeat-y !important;
}
/* /POUR DEBUG */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	padding: 0;
	font-family: 'Arial',sans-serif;
	font-size: 14px;
	color: #333333;
	margin: 0;
	line-height:18px;
	background: url(../../images/bg-top-content.png) repeat 0 0;
}
input, button, select, textarea{
	font-family: 'Arial',sans-serif;
}
h1,h2{
	font-family:'Droid Serif', serif;
	margin: 0;
	line-height:normal;
}
h3,h4 {
	line-height:18px;
}
h1 {
    font-size: 22px;
	font-style:italic;
	font-weight:normal;
	/*text-shadow: 0px -1px 0px rgba(0,0,0,0.15);
	*filter: dropshadow(color=#000000, offx=0, offy=-1);*/
}
h2 {
	font-size: 18px;
	font-style:italic;
	font-weight:normal;
	text-shadow: 0px -1px 0px rgba(0,0,0,0.15);
	*filter: dropshadow(color=#000000, offx=0, offy=-1);
}
h3 {
	font-size: 14px;
	font-weight:bold;
	text-transform:uppercase;
}
h4 {
	font-size: 14px;
	font-weight:normal;
}
h5 {
	font-size:14px;
	font-weight:bold;
	color:#333333;
}
h1, h2, h3, h4, .legend, label, .label {
	text-shadow: 0px 1px 0px rgba(255,255,255,1);
	background-color: transparent;
}
.ul-style, .stepForm .ul-style{
	margin-left:25px;
}
.ul-style li,.stepForm .ul-style li{
	list-style-type:disc;	
}
body .ui-widget{
	font-family: 'Arial',sans-serif;
}

.ui-widget-content{
    background:transparent;
}

#main-content h1, #main-content h2, #main-content h3{
	margin-bottom:10px;	
}
#main-content h1 + h2, #main-content h2 + h3, #main-content h3 + h4, #main-content h1 + h3{ margin-top:-10px;}
p{
	margin: 0 0 10px;
}
a:focus {
	outline: 0;
}

a:hover,
a:active {
	outline: 0;
	text-decoration:none;
}
a {
	text-decoration: underline;
}
a.btn{
	text-decoration:none;
}
a.btn-picto{
	padding:1px 4px;
	font-size:1.1em;
}
a img {
	border: none;
}

.content-center, .navbar .container, .subnav .container{
	width:1000px;
	margin:0 auto;
}
label.active-check {
	text-shadow: 0 0 0 #000000;
	color:#000000;
}
input[type=text] + label{
	margin-left:10px;	
}
#header ul, #menu ul,#header ul li, #menu ul li{
	list-style-type:none;
}
/* Header */
#header {
	height: 35px;
	width:100%;
	margin: 0 auto;
	position:relative;
}
#header .appli-title{
	color: #fff;
	font-size: 14px;
	margin: 0;
	/*text-shadow: 0px -1px 0px rgba(0,0,0,0.6);
	filter: dropshadow(color=#000000, offx=0, offy=-1);*/
	text-transform:uppercase;
	letter-spacing:1px;
	line-height:35px;
	float:left;
	font-style:normal;
	font-weight:bold;
}
.user-top-pannel{
	float:right;	
}
.user-top-pannel li{
	line-height:35px;
	display:inline-block;
	margin-top: -1px;
}
.ie7 .user-top-pannel li{
	display:block;
	float:left;
}
.user-top-pannel {
	color:#fff;
	/*text-shadow: 0px -1px 0px rgba(0,0,0,0.6);
	filter: dropshadow(color=#000000, offx=0, offy=-1);*/
}
.user-top-pannel a{
	color:#fff;
	text-decoration:none;
}
.user-top-pannel .info-user{
	font-weight:bold;
	font-size:11px;
	margin-right:25px;
}
.user-top-pannel .info-user img {
	height: 25px;
	border:1px solid #fff;
	vertical-align:middle;
	margin-right:10px;
	-moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1);
	-o-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1);
}
.user-top-pannel .icon-off{
	font-size:16px;
	opacity:0.8;
	filter:Alpha(Opacity=80);
}
.user-top-pannel .icon-off:hover{
	opacity:1;
	filter:Alpha(Opacity=100);
	text-decoration:none;
}
#top-stick{
	position:relative;
	z-index:6;
}
#top-stick.no-header{
	background:url("../../images/bg-global-content.png") repeat scroll 0 0 transparent;
}
#top-stick .navbar{
	-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.080);
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.080);
	-o-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.080);
	box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.080);
	font-size:14px;
	margin:0;
}
.navbar .nav > li > a {
	line-height: 28px;
	padding:10px 24px;
}
#top-stick .navbar-inner{
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-moz-box-shadow: none;
	-webkit-box-shadow:none;
	-o-box-shadow: none;
	box-shadow: none;
	padding:0;
	width:100%;
}
.navbar .nav li{
	position:relative;
}
.navbar .nav > li:before{
	content:" ";
	float:right;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #FFFFFF;
	height: 48px;
}
.navbar .nav:first-child:before{
	content:" ";
	float:left;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #FFFFFF;
	height: 48px;
}
.navbar .nav .active:before{
	content:" ";
	position:absolute;
	border-left: 1px solid #cacaca;
	border-right: 0 none;
	height: 48px;
	left:-1px;
}
.navbar-search .btn{
	border-color: #d4d4d4;
}
.ie .navbar-search .btn{
	padding-top:5px;
	padding-bottom:3px;
}
.navbar-search{
	padding:0 15px;
}
.navbar-search .search-query{
	width:124px;
	padding-left:35px;
	background:url(../../images/search.png) no-repeat 15px center #fff;
}
.support{
	background:url(../../images/help.png)	no-repeat 0 0;
	display:block;
	width:28px;
	height:28px;
}
.no-border:before{
	content:"";
	height:0;
	border:0 none;
	float:none;
	display:none;
}
.navbar .nav .advance-search {
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border:1px solid #D4D4D4;
	padding: 0 13px;
	margin-top:9px;
}
.nav-pills > li > a{
	color:#333333;
	text-decoration:none;
	padding:8px 24px;
	margin-top:0;
	margin-bottom:0;
}
.navbar .nav .dropdown-toggle .caret {
	margin-top: 11px;
}
.nav .dropdown .dropdown-menu li, .navbar .dropdown .dropdown-menu li{
	padding: 0 19px;
}
.nav-tabs .dropdown .dropdown-menu li{
	padding: 0 9px;
}
ul .dropdown-menu li{
	margin-bottom:0;
}
.dropdown-menu .divider{
	background-clip: content-box;	
}
.nav .dropdown-toggle .caret{
	border-bottom-color: #333;
	border-top-color: #333;	
}
.subnav {
	margin-top:10px;
}
.subnav .nav-pills{
	margin-bottom:0;
}
.subnav .nav-pills a, .nav-pills > .active > a{
	background-color:transparent;
}
.subnav ul:first-child > li{
	border-right:1px solid #cccccc;
	padding:0 2px;
}
.subnav ul:first-child > li:first-child{
	border-left:1px solid #cccccc;
}
.nav-pills > .active > a:hover, .nav-pills a:hover{
	background-color: #e9e9e9;
	text-decoration:none;
}
.subnav .nav-pills > .active > a{
	text-decoration:underline;
}
.nav-pills > .active > a:hover{
	text-decoration:none;
}
.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav-tabs .open .dropdown-toggle:hover,
.navheader.nav-tabs .open .dropdown-toggle:focus, .nav-tabs .open.active .dropdown-toggle,
.nav-tabs .open .dropdown-toggle, .nav-tabs > li.dropdown.open.active > a:hover, .nav-tabs > li.dropdown.open.active > a:focus{
	color:#fff;
	background-color: #606060;
	border-color: #606060;
	background-image:none;
}

.nav-pills .open .dropdown-toggle:hover {
	background-color: #e9e9e9;
}

.tab-content{
	margin-bottom:20px;
}
/**************global Content*****************/
#global-content{
	position:relative;
	z-index:4;
	background: url(../../images/bg-global-content.png) repeat 0 0;
}
/* Top content */
#top-content{
	padding:30px 0 20px;
	border-bottom:1px solid #e9e9e9;
	background: url(../../images/bg-top-content.png) repeat 0 0;
}
#top-content .info-comp span{font-size:14px;}
.info-comp{
	width:671px; 
	display:inline-block;
	*display:block;
	*float:left;
	vertical-align:bottom;
}
.transversal-actions{
	width: 325px;/*325px si a coté de .info-comp, si à la ligne en dessous  Dépend du nombre de bouton*/
	display:inline-block;
	*display:block;
	*float:right; 
	text-align:right; 
	vertical-align:bottom;
}
.transversal-actions i[class^="icon-"],.transversal-actions i[class*=" icon-"]{
	font-size:14px;
}
.rappel{
	clear:both;
	margin-top:15px;
}
.rappel .stepForm{
	margin-bottom:0px;
}
.rappel + .rappel{
	margin-top:10px;	
}
.rappel .stepForm + .stepForm{
	margin-top:35px;
}
.dl-horizontal dd{
	margin-left:170px;
}
.dl-horizontal dd, .dl-horizontal dt{
	line-height:1.2em;
	margin-bottom: 10px;
	padding-top:0;
}
/* Content */
#main-content{
	/*border-top:1px solid #fff; Bordur pour faire effet liseret du header*/
	min-height: 450px;
	padding:23px 0;
}
.infos, .infos a, .infos .all_demande{
	font-size:12px;
	color:#535353;
}
.infos{
	margin-bottom:15px;
}
.infos a{
	text-decoration:underline;
}
.infos a:hover{
	text-decoration:none;
}
.nav-tabs > li > a{
	text-decoration:none;
	color:#333333;
}
.nav-tabs.navheader{
	margin-bottom:-20px;
	border-bottom:0 none;
}
/**********Footer*****************/
#footer{
	padding :20px 0;
	-moz-box-shadow: inset 0px 5px 6px -2px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0px 5px 6px -2px rgba(0,0,0,0.1);
	-o-box-shadow: inset 0px 5px 6px -2px rgba(0,0,0,0.1);
	box-shadow: inset 0px 5px 6px -2px rgba(0,0,0,0.1);
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=6);
}
#footer h3{
	font-family:'Droid Serif', serif;
	font-weight:bold;
	font-size:12px;	
	color:#a0a0a0;
	text-align:center;
	text-transform:uppercase;
	text-shadow: 0px 1px 0px rgba(255,255,255,1);
	letter-spacing:0.05em;
}
.displayNone{
	display: none;
}
.info_date{
	display:none;
}
.clear{
	clear:both;
	padding:0;
	margin:0;
	border:0 none;
	width:0;
}
#calendrier td{
	width:123px;
	border:1px dashed black;
	height:60px;
}
/***********************Formulaire **********************************/
.clear-li {
	clear:both; /* pour empecher les pb de zoom > 100% sur les formulaires de recherche */
}
.no-label{
	padding-left:169px;
}
form ul, form ul li, .stepForm ul, .stepForm li{
	list-style-type:none;
}
form ul li, .stepForm ul li{
	margin-bottom:14px;
}
.stepForm ul li ul li{
	margin-bottom:0;
}
span.required{
	color:#b24949;
	padding-left:3px;
}
ul.error{
	display:inline;
	color:red;
}
ul.error li{
	padding-left:244px;
	padding-top:1px;
}
form ul > li:after, .stepForm ul > li:after {
	content: "";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
input{
	width:232px;
}
select{
	width:242px;
}
.error input[type="text"], .error input[type="email"], .error input[type="password"], .error textarea, .error select {
	border: 1px solid rgba(178, 73, 73, 0.8);
	box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.15), 0 0 8px rgba(178, 73, 73, 0.6);
}
.error label.radio,.error label.checkbox{
    color:rgba(178, 73, 73, 1);
    font-weight: bold;
}
input[type="text"].error , input[type="email"].error, input[type="password"].error, textarea.error, select.error {
	border: 1px solid rgba(178, 73, 73, 0.8);
	box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.15), 0 0 8px rgba(178, 73, 73, 0.6);
}

table td input, table td select{
	margin-bottom:0;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	-moz-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.15);
	-o-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.15);
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=2);
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}
.oldie textarea,.oldie input[type="text"],.oldie input[type="password"],.oldie input[type="datetime"],.oldie input[type="datetime-local"],.oldie input[type="date"],.oldie input[type="month"],.oldie input[type="time"],.oldie input[type="week"],.oldie input[type="number"],.oldie input[type="email"],.oldie input[type="url"],.oldie input[type="search"], input[type="tel"],.oldie input[type="color"],.oldie .uneditable-input{
	filter:progid:DXImageTransform.Microsoft.Shadow(enabled=false);
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
	border-color: rgba(82, 163, 204, 0.8);
	-moz-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.15), 0 0 8px rgba(82, 168, 236, 0.6);
	-webkit-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.15), 0 0 8px rgba(82, 168, 236, 0.6);
	-o-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.15), 0 0 8px rgba(82, 168, 236, 0.6);
	box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.15), 0 0 8px rgba(82, 168, 236, 0.6);
	outline: 0 none;
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{
	font-family: 'Arial',sans-serif;
	margin-bottom:0;
}
select option{
	padding:3px;
}
label, .label{
	width:159px;
	display:block;
	float:left;
	margin-right:10px;
	text-align:right;
	vertical-align:middle;
	font-weight:bold;
	font-size:14px;
	padding-top:5px;
	line-height:18px;
}
label.multiligne{ /* label multiligne */
	line-height:1.2em;
}
.radio{
	line-height:1.4em;
}

 input[type="text"],input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input ,textarea{
	/*float:left;*/
	border:1px solid #c0c0c0;
	padding:4px;
	font-size:14px;
}
#page form .smallInput{
	width:110px;
}

.simple-content{
    padding-top: 4px;
    float: left;
}


input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{
	height:20px;
	vertical-align:middle;
}
select {
	height: 30px;
	padding: 5px 5px;
	line-height:2.2em;
	vertical-align:middle;
	float:left;
	border:1px solid #c0c0c0;
	font-size:13px;
}
textarea{
	min-height:100px;
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
	cursor: not-allowed;
	background-color: #eeeeee;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
	background-color: transparent;
}
.radio {
	display: inline;
	float: none;
	margin: 0 15px 0 0;
	padding-top: 1px;
	vertical-align: middle;
	width: auto;
	color: #333333;
	font-weight: normal;
	text-transform: none;
}
.radioBox label{
	width:auto;
}
input[type="radio"]{
	vertical-align:middle;
	margin-top:0;
}

input[type="checkbox"]{
	vertical-align:middle;
	margin:0;
}
.input-mini {
	width: 60px;
}
.input-small {
	width: 106px;
}
.input-medium {
	width: 150px;
}
.input-large {
	width: 220px;
}
.input-xlarge {
	width: 270px;
}
.input-xxlarge {
	width: 484px;
}
/*form input.span2,form textarea.span2,form .uneditable-input.span2{
	width:179px;
}*/
ul.bouton-groupe, ul.bouton-groupe li{
	margin-left:0;
	list-style-type:none;
}
li.boutons{
	border-top-width:4px;

	border-top-style:solid;
	padding:8px 0 0;
	margin-top:35px;
	text-align:right;
}
li.boutons a.btn{
	text-decoration:none;
}
.groupeBt{
	margin-top:10px;
	text-align:right;
}
li.boutons .intuit{
	display:block;
	color:#585858;
}
li.boutons p{
	margin:0;
	display:block;
	font-size:12px;
	font-style:italic;
	color:#333333;
	margin-left:0;
	text-align:left;
	width:140px;
	float:left;
}
.boutons .btn{
	margin-left:10px;
}
input.date, input.daterange {
	background-image: url(../../images/picto-calandar.png);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 25px;
}
input.petit_champ{
	width:40px;
}
.btn{
	padding:4px 12px;
	-pie-background: linear-gradient(#ffffff, #e6e6e6);
	behavior: url(/reference/charte/css/utils/PIE.htc);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-box-shadow: 0px 1px 0px 0px #ffffff;
	box-shadow: 0px 1px 0px 0px #ffffff;
}
.btn + .btn {margin-left:10px}
.btn + .btn.btn-block {
	margin-left: 0;
}
.btn.pull-right + .btn.pull-right {
	margin-right:10px; 
	margin-left:0;
}
.btn.disable{
	background-image:none;
	-pie-background: none;
	behavior:none;
}
.btn:hover{
	background: #e6e6e6;
	*background: #e6e6e6;
	-pie-background: linear-gradient(#e6e6e6,#e6e6e6);
	behavior: url(/reference/charte/css/utils/PIE.htc);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn:hover, .btn:focus{
	background-position:inherit;
}
.btn-info{
	-pie-background: linear-gradient(#5bc0de, #2f96b4);
	behavior: url(/reference/charte/css/utils/PIE.htc);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-info:hover{
	background: #2f96b4;
	*background: #2f96b4;
	-pie-background: linear-gradient(#2f96b4,#2f96b4);
	behavior: url(/reference/charte/css/utils/PIE.htc);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-success{
	-pie-background: linear-gradient(#62c462, #51a351);
	behavior: url(/reference/charte/css/utils/PIE.htc);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-success:hover{
	background: #51a351;
	*background: #51a351;
	-pie-background: linear-gradient(#51a351,#51a351);
	behavior: url(/reference/charte/css/utils/PIE.htc);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-warning{
	-pie-background: linear-gradient(#fbb450, #f89406);
	behavior: url(/reference/charte/css/utils/PIE.htc);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-warning:hover{
	background: #f89406;
	*background: #f89406;
	-pie-background: linear-gradient(#f89406,#f89406);
	behavior: url(/reference/charte/css/utils/PIE.htc);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-danger{
	-pie-background: linear-gradient(#ee5f5b, #bd362f);
  	behavior: url(/reference/charte/css/utils/PIE.htc);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-danger:hover{
	background: #bd362f;
	*background: #bd362f;
	-pie-background: linear-gradient(#bd362f,#bd362f);
	behavior: url(/reference/charte/css/utils/PIE.htc);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-inverse{
	-pie-background: linear-gradient(#444444, #222222);
  	behavior: url(/reference/charte/css/utils/PIE.htc);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-inverse:hover{
	background: #222222;
	*background: #222222;
	-pie-background: linear-gradient(#222222,#222222);
	behavior: url(/reference/charte/css/utils/PIE.htc);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
input[type="submit"].btn,input[type="button"].btn{
	padding:5px 12px 6px;
}
.ie input[type="submit"].btn,input[type="button"].btn{
	height:30px;
}
.btn-xxlarge{
	padding:11px 12px;
	line-height: 20px;
	font-size:16px;
	font-weight:bold;
	margin-left:0;
}
.btn-xxlarge:hover {
	background-image:none;
	text-decoration: none;
	background-position: 0 0px;
}
input[type="submit"].btn-xxlarge,input[type="button"].btn-xxlarge{
	padding:11px 12px 11px;
}
.btn-large {
	padding: 6px 22px;
	font-size:14px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.btn-large.btn-primary{
	font-weight:bold;
}
input[type="submit"].btn-large,input[type="button"].btn-large{
	padding:7px 12px 8px;
}
.ie input[type="submit"].btn-large,input[type="button"].btn-large{
	height:34px;
}
.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
  margin-top: 4px;
}

.btn-small {
	padding: 2px 12px;
	font-size: 12px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
input[type="submit"].btn-small,input[type="button"].btn-small{
	padding:3px 12px 4px;
}
.ie input[type="submit"].btn-small,input[type="button"].btn-small{
	height:26px;
}
.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
	margin-top: 0;
}
.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"] {
	margin-top: -1px;
}

.btn-mini {
	padding: 0 6px;
	font-size: 10.5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.ie input[type="submit"].btn-mini,input[type="button"].btn-mini{
	height:22px;
}
/*.btn-primary [class^="icon-"],.btn-primary [class*=" icon-"]{
	color:#fff;
}*/
.btn.disabled, .btn[disabled]{
	background-image:none !important;
	behavior:none !important;
	-pie-background: linear-gradient(#E6E6E6, #E6E6E6);
}
.input-append, .input-prepend{
	margin-bottom:0;
}
.input-append .add-on, .input-append .btn, .input-append .btn-group {
	margin-left: -2px;
}
.input-append .add-on, .input-prepend .add-on{
	padding: 4px 8px;
	text-shadow: none;
	-moz-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.15);
	-o-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.15);
}
.dropdown-menu{
	-webkit-border-radius:0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6pxx;
	border-radius: 0 0 6px 6px;
	margin-top:0;
}
.dropdown-menu li{
	text-align:left;
}
.dropdown-menu .arrow,
.dropdown-menu .arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}

.dropdown-menu .arrow {
	border-width: 7px;
}
.dropdown-menu .arrow:after {
	border-width: 7px;
	content: "";
}
.dropdown-menu .arrow {
	top: -8px;
	left: 38%;
	margin-left: -11px;
	border-bottom-color: #999;
	border-bottom-color: rgba(0, 0, 0, 0.25);
	border-top-width: 0;
}
.dropdown-menu .arrow:after {
	top: 1px;
	margin-left: -7px;
	border-bottom-color: #ffffff;
	border-top-width: 0;
}
.btn-group .dropdown-menu > li {margin:0; padding:0 8px; }
.nav .btn-group .dropdown-menu > li {margin:0; padding:0 16px;}
.btn-group .dropdown-menu .divider{margin:9px 1px;}
.dropdown-menu > li > a{text-decoration:none; padding:3px 4px;}
.dropdown-menu > li > a:hover, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{background-color:#3399ff; background-image:none;filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);}
.dropdown-menu > li > a:hover i{color:#fff;}
/*******Recherche avancé************/
.field-search{
	width:85%;
	float:left;
}
form.recherche-avancee .field-search {
	width:100%;
}
form .field-search li{/*width:310px;*/float:left;}
.field-search .ui-multiselect{width:236px;}
form .field-search li label{}
form .btn{text-decoration:none;}
form.recherche-simple .btn-search {float:right;}
form.recherche-simple .btn-search li{width:143px;text-align:right;float:left;}
form.recherche-simple .btn-search .btn{margin-top:20px;}
/***Styles spécifique pour chaque recherche**/
form .field-search li:nth-child(4){
	margin-left:0;
}
form .field-search .li-small{width:220px;}
form.recherche-avancee li.border-separator, form.recherche-simple li.border-separator{
	width:1px;
	border-left: 1px solid #d6d6d6;
	border-right: 1px solid #FFFFFF;
	margin:0;
	height:74px;
}
.label-small{width:50px;}
.label-medium{width:75px;}
.label-big{width:160px;}
.btn-toggle{
	background-color: #fff;
	*background-color: #fff;
	background-image: none;
	border: 1px solid #c0c0c0;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	*zoom: 1;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-pie-background: none;
	behavior: none;
}
/*form .btn-toggle{
	position:absolute;
	margin-left: 5px;
	top: 215px;
}*/
form .title-container .btn-toggle{
	margin-left: -5px;
	margin-top: -3px;
	width:123px;
	padding: 4px 11px;
}
.btn-toggle i{margin-left:2px; vertical-align:baseline; font-size:1.1em !important;}
.btn-toggle:hover{
	background-color:#F8F8F8;
}
.btn-toggle:focus{	background-color:#FFF;}
.displayNone{
	display:none;
}
.no-background{background:none !important;}
.recherche-avancee .send-search{margin-top:10px;}
.recherche-avancee .send-search .fields-container{text-align:right;padding-top:10px;}
.hidden-block .stepForm, .hidden-block .stepForm + .stepForm{margin-top:7px;}
/************Pagination***************************/
.btn-group {
	display: inline-block;
	font-size: 0;
	position: relative;
	vertical-align: middle;
	white-space: nowrap;
}
.btn-group > .btn {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	position: relative;
}
.btn-group > .btn:first-child {
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	margin-left: 0;
}
.btn-group > .btn:last-child, .btn-group > .dropdown-toggle {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
}
.btn-group > .btn + .btn {
	margin-left: -1px;
}
.btn-group > .btn:last-child, .btn-group > .dropdown-toggle {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
}
#page .pager select{
	width:auto;
	min-width:40px;
	padding:4px 3px 4px 2px;
	margin-top:-3px;
	height:30px;
}
.pager {
	background:#fff;
	padding:5px 10px 8px;
	font-size:12px;
}
/*****************formulaire***********************************/
.stepForm legend{
	display:none;
}
form  fieldset > ul{
	margin:0;
}
fieldset .fields-container > ul{
	width:80%;
}
fieldset .fields-container > ul.full-width{
	width:100%;
}
.legend{
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	word-wrap: break-word;
}
.stepForm {
	margin-bottom:35px;
}
.title-container, .fields-container{
	margin-top:-7px;
	border-top-style:solid;
	border-top-width:4px;
}
.title-container p{
	font-size:12px;
}
.title-container{
	padding:12px 10px 10px;
	width:138px;
	margin-right:10px;
	float:left;
}
.fields-container{
	width:832px;
	float:left;
	padding-top:17px;
	position:relative;
}
.radio, .checkbox{
	padding-left:0;
}
.checkbox.inline{
	padding-top:7px;
	margin-top:0;
	
}
.checkbox{
	width:auto;
	display:block;
	float:left;
	color: #333333;
	font-weight: normal;
	text-transform: none;
	text-align:left;
	line-height:1em;
}
.multicheckbox .checkbox{
	padding-top:0;	
}
.radioBox{
	float: left;
	width: 74%;
}
.radioBox input{
	margin-bottom: 2px;
}
.radioBox label{
	white-space:nowrap;
	line-height:1.8em;
}
.ie .radio input[type="radio"]{
	margin-top:0;
}

.ie .checkbox{
	line-height:1.3em;
}
.ie .checkbox input[type="checkbox"]{
	margin-top:0px;
}
.radio.inline {
	padding-left:0;
}
.radio.inline input[type="radio"]{
	margin-right:3px;
}
.radio input[type="radio"]{
	margin-top:3px;
	margin-left: 0;
	margin-right:5px;
}
.checkbox input[type="checkbox"]{
	margin-top:0;
	margin-left: 0;
	margin-right:5px;
}
.multicheckbox label, .radioBox label{
	font-weight:normal;
	color:#333333;
	text-transform:none;
}
.check-line .checkbox {
	display: inline;
	vertical-align: middle;
	margin-left:169px;
	margin-bottom:10px;
	padding-left:0;
}
.check-line .checkbox input{
	margin-top:0;
	margin-right:5px;
}
.ie7 .multicheckbox{
	padding-top:0;
	margin-top:-6px; 
}
.multicheckbox{
	display:inline-block;
	width:66%;
	padding-top: 5px;
}
.multicheckbox li{
	width:140px;
	display:inline-block;
	*float:left;
	*display:block;
	margin-bottom:0 !important;
	clear:none;
	 line-height: 15px;
	 margin-top:5px;
}
.multicheckbox li label{
	display:inline;
	float:none;
	vertical-align:middle;
	width:auto;
}
.multicheckbox input[type="checkbox"]{
	margin-top:2px;	
}
form li.double{
	width:50%;
	display:block;
	float:left;
}
form li.double.fieldRight{
	float:right;
}
li.show-hide{}
li.show-hide span{
	line-height: 30px;
}
.show-hide-content{
	margin: 20px 0;	
}
.show-hide div.show-hide-content{
	display:none;
}
.fields-container .show-hide div.show-hide-content{
	margin-left: 168px;	
}
.show-hide div.show-hide-content[data-state=opened]{
	display:block;
}
/*****texte d'aide sous les champs*****/
.help-block{
	font-size:14px;
	color:#6c6c6c;
	display:block;
	margin-top:0;
	margin-left: 169px; /*depend de la largeur fixé pour les labels*/
	clear:both;
	float:none;
	font-style:italic;
}
.help-inline{
	font-size:14px;
	color:#6c6c6c;
	margin-left: 10px; /*depend de la largeur fixé pour les labels*/
	padding:0;
	font-style:italic;
}
.field-link{
	margin-left: 169px;
	clear:both;
	float:none;
	display:block;
}
.field-link i{
	font-size:14px;
	text-decoration:none;
	padding-right:2px;
}
/********************* tooltips message d'erreur ***********************************/
.tooltip {
	display: block;
	font-size: 11px;
	opacity: 0;
	filter:Alpha(Opacity=0);
	padding: 5px;
	position: absolute;
	visibility: visible;
	z-index: 1030;
	text-transform:none;
}
.tooltip.right {
	margin-left: 3px;
}
.tooltip.bottom {
	margin-top: 3px;
}
.tooltip.in {
	opacity: 0.8;
	filter:Alpha(Opacity=80);
}
.fade.in {
	opacity: 1;
	filter:Alpha(Opacity=100);
}
.fade {
	opacity: 0;
	filter:Alpha(Opacity=0);
	transition: opacity 0.15s linear 0s;
}
.error .tooltip.right .tooltip-arrow{
	border-right-color:#AA2C2C;
}
.error .tooltip.top .tooltip-arrow{
	border-top-color:#AA2C2C;
}
.error .tooltip.left .tooltip-arrow{
	border-left-color:#AA2C2C;
}
.error .tooltip.bottom .tooltip-arrow{
	border-bottom-color:#AA2C2C;
}
.tooltip.right .tooltip-arrow {
	border-right-color: #000;
	border-width: 5px 5px 5px 0;
	left: 0;
	margin-top: -5px;
	top: 50%;
}
.tooltip.top .tooltip-arrow {
	border-top-color: #000;
	border-width: 5px 5px 0;
	bottom: 0;
	left: 50%;
	margin-left: -5px;
}
.tooltip.left .tooltip-arrow {
	border-left-color: #000;
	border-width: 5px 0 5px 5px;
	margin-top: -5px;
	right: 0;
	top: 50%;
}
.tooltip.bottom .tooltip-arrow {
	border-bottom-color: #000;
	border-width: 0 5px 5px;
	left: 50%;
	margin-left: -5px;
	top: 0;
}
.tooltip-arrow {
	border-color: transparent;
	border-style: solid;
	height: 0;
	position: absolute;
	width: 0;
}
.error .tooltip-inner{
	background-color:#AA2C2C;
}
.tooltip-inner {
	background-color: #000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #FFFFFF;
	max-width: 250px;
	min-width:110px;
	padding: 3px 8px;
	text-align: center;
	text-decoration: none;
	line-height:13px;
}
/***************Page de Login***************************/

#login{
	width:310px;
	margin:130px auto 0;
	background-color: #F5F5F5;
	background-image: linear-gradient(to bottom, #FCFCFC, #E8E8E8);
	background-repeat: repeat-x;
	-webkit-border-radius: 6px;
	 -moz-border-radius: 6px;
	border-radius: 6px;
	position:relative;
}
#login .formLogin{
	padding:25px 20px 10px;
	border:1px solid #cccccc;
	-webkit-border-radius:0 0 6px 6px;
	-moz-border-radius:0 0 6px 6px;
	border-radius:0 0 6px 6px; 
	margin:0;
}
#login .formLogin input{
	float:none;
	width:88.5%;
	padding:15px;
	color:#666666;
	font-size:16px;
	font-weight:normal;
	margin:0;
}
#login .formLogin input#fakepassword {
	/*color:#aaa;*/
}
.oldie #login .formLogin input{
	width:88%;
	padding: 11px 15px 2px !important;
}
#login .control-group{
	margin-bottom:13px;
	text-align:center;
	position:relative;
}
.headerLogin{
	color:#fff;
	-webkit-border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0; 
	text-align:center;
	padding:23px 10px 10px;
}
.headerLogin h2{
	color:#fff;
	margin:0;
	text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5);
	font-size:20px;
	font-style: normal;
	text-transform:uppercase;
}
.headerLogin span{
	color:#D2DBE0;
	font-size:14px;
}
#login .formLogin a{
	font-size:16px;
	color:#666666;
}
#login .formLogin a:hover{
	color:#666666;
	text-decoration:underline;
}
.shadowBox{
	position:absolute;
	bottom:-50px;
	left:0x;
	width:100%;
	height:25px;
	background:url(../../images/shadow-login.png) no-repeat center center;
}
.ie7 .shadowBox{
	width:310px;
}
#login .formLogin label {
	position:absolute;
	top:0; 
	left:0;
	text-align:left;
	line-height: 30px;
	float:none;
	padding: 6px 15px;
	color:#aaaaaa;
	text-transform:none;
	font-size:16px;
	cursor:text;
}
.oldie #login .formLogin label{
	line-height: 25px;
}
/**************************Tableau***********************************/

table {
	background-color: transparent;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	font-size:13px;
	border-bottom-width:1px;
	border-bottom-style:solid;
	margin-bottom:30px;
}

caption{
	font-size:16px;
	font-weight:bold;
	text-align:left;
	padding:7px 0;
}
table caption + thead tr:first-child th,
table caption + thead tr:first-child td,
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {
	border-top: 0 none;
}
table thead th {
	vertical-align: bottom;
	padding:14px 8px 10px;
	line-height:1.2em;
}
table thead{
	border-bottom-style:solid;
	border-bottom-width:3px;
	border-top-style:solid;
	border-top-width:1px;
}
table th {
	font-weight: bold;
}

table th, table td {
	border-top-width:1px;
	border-top-style:solid;
	line-height: 18px;
	padding: 7px 10px;
	text-align: left;
	vertical-align: top;
}
table tr th:first-child, table td:first-child{
	padding-left:15px;
}
table tbody td{
	vertical-align:middle;
}
table .center{
	text-align:center;
}
table [class^="icon-sort"],
table [class*=" icon-sort"]{
	font-size:1.1em;
	margin-left:2px;
}
table a {
	text-decoration:none;
}
.user-block:hover{
	text-decoration:none;
}
table a:hover, table a:hover span {
	text-decoration:underline;
}
table a:hover [class^="user_picture"], table a:hover [class*=" user_picture"]{
	text-decoration:none;
}
table tbody tr:nth-child(2n+1) td, 
table tbody tr:nth-child(2n+1) th, 
table #overlay .content_admin tbody tr:nth-child(2n+1) td,
.upload-file-list li:nth-child(2n){
	background: url("../../images/bg-table-odd.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

/***Tableau en rappel dans l'entête***/
.table-rappel {
	border-bottom:0 none;
	width:auto;
}
.table-rappel thead{
	border-top:0 none;
	border-bottom:0 none;
}
.rappel .table-rappel thead th,.rappel .table-rappel tbody td{
	border-top:0 none;
	padding:0 25px;
	border-left:1px solid #d0d0d0;
}
.rappel hr{
	margin:5px 0 8px;	
}
.rappel .table-rappel tbody tr:nth-child(2n+1) td,.rappel .table-rappel tbody tr:nth-child(2n+1) th,.rappel .table-rappel #overlay .content_admin .table-rappel tbody tr:nth-child(2n+1) td{
	background-image: none;
	background-color:transparent;
}
.table-rappel tr th:first-child,.table-rappel tr td:first-child{
	padding:0 25px 0 3px;
	border-left:0 none;
}
.rappel .table-rappel tbody tr:hover td{
	background-color:transparent !important;
}

/****Tableau avec header coloré****/
.table-header-color tbody tr:nth-child(2n+1) td{
	background : transparent none;
}
.table-header-color{
	border-top-width:3px;
	border-top-style:solid;
	padding-top:3px;	
}
.table-header-color thead{
	border-top:0 none;
	border-bottom:0 none;
}


/**************Style si tableau avec Tri****************************/
#myTable thead th{
	cursor:pointer;
}

#myTable tbody td{
	cursor:default;
}
[class^="user_picture_"],
[class*=" user_picture_"]{
	background-image:url(../../images/noPicture-user.png);
	background-repeat:no-repeat;
	font-size:0;
	display:inline-block;
	vertical-align: middle;
	margin-right:8px;
	-moz-box-shadow: 0 0px 2px 0px rgba(0, 0, 0, 0.20);
	-webkit-box-shadow: 0 0px 2px 0px rgba(0, 0, 0, 0.20);
	-o-box-shadow: 0 0px 2px 0px rgba(0, 0, 0, 0.20);
	box-shadow: 0 0px 2px 0px rgba(0, 0, 0, 0.20);
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=1);
}
[class^="user_picture_"] + span,
[class*=" user_picture_"] + span{
	display:inline-block;
	vertical-align:middle;
}
.user_picture_small{
	background-position: 0 0;
	height:30px;
	width:30px;
}
.user_picture_small img{
	height:24px;
	width:24px;
	border:2px solid #fff;
	outline:1px solid #cccccc;
}
.user_picture_medium{
	background-position: 0 -50px;
	height:40px;
	width:40px;
	margin-top:4px;
	margin-bottom:4px;
}
.user_picture_medium img{
	height:34px;
	width:34px;
	border:2px solid #fff;
	outline:1px solid #cccccc;
}
.user_picture_big{
	background-position: 0 -110px;
	height:60px;
	width:60px;
	background-color:#fff;
	margin-top:3px;
	margin-bottom:3px;
}
.user_picture_big img{
	height:52px;
	width:52px;
	border:3px solid #fff;
	outline:1px solid #cccccc;
}
.mode-selection span{
	display:inline-block;
	*display:block;
	*float:left;
	position:relative;
	margin-left:10px;
}
.mode-selection i{
	line-height:18px;
	cursor:pointer;
}
.mode-selection i.selected:after{
	content:" ";
	display:block;
	width:10px;
	height:7px;
	position:absolute;
	background-repeat:none;
	background-position:top left;
	bottom:-8px;
	left:18%;
}
.mintablesorter th{
	cursor:pointer;
}
.mintablesorter th i{
	margin-left: 7px;
}

.mintablesorter thead th.headerSortDown .icon-sort:before {
	content: "\f0de";
}
.mintablesorter thead th.headerSortUp .icon-sort:before {
	content: "\f0dd";
}

.table-no-data{
	text-align:center;
}

/***************** tableau avec pagination *********************************/

.tablesorter-pager {
	width:100%;
	text-align:center;
}
.tablesorter-pager .dropdown {
	display:inline;
	margin-left:10px;
	margin-right:10px;
}
.tablesorter-pager .dropdown a {
	text-decoration:none;
	font-weight:bold;
}
.tablesorter-pager .dropdown .dropdown-menu {
	min-width:50px;
	max-height:100px;
	overflow:auto;
}
.tablesorter-pager .dropdown .dropdown-menu li {
	margin-bottom:0px;
	text-align:center;
}
.tablesorter-pager .total-page {
	margin-left:5px;
	margin-right:10px;
}
.tablesorter-pager i {
	margin-left:10px;
	margin-right:10px;
	cursor:pointer;
	font-weight:bold;
}
.tablesorter-pager i.disabled {
	opacity:0.3;
	filter:Alpha(Opacity=30);

	cursor:default;
}
table ul li.dropdown{
	margin-bottom:0px;	
}
/*****************petit tableau avec peu de colonne*****************************/
.small_table {
	border-left-width:160px;
	border-left-style:solid;
	position:relative;
}
.small_table caption {
	position:absolute;
	left:-160px;
	top:0;
	width:150px;
	padding:10px 5px 0;	
	border-top-width:1px;
	border-top-style:solid;
	line-height:18px;
}
.small_table table {
	width:99%;
	margin-left:1%;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
	background: url(../../images/bg-grey.gif) repeat 0 0;	
}

@font-face {
	font-family: 'FontAwesome';
	src: url('font/fontawesome-webfont.eot?v=3.0.1');
	src: url('font/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'),
	url('font/fontawesome-webfont.woff?v=3.0.1') format('woff'),
	url('font/fontawesome-webfont.ttf?v=3.0.1') format('truetype');
	font-weight: normal;
	font-style: normal;
}
/*  Font Awesome styles
    ------------------------------------------------------- */
[class^="icon-"],
[class*=" icon-"] {
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	font-size:1.2em;
	
	/* sprites.less reset */
	display: inline;
	width: auto;
	height: auto;
	line-height: normal;
	vertical-align: text-top; /*baseline*/
	/*background-image: none;*/
	background-position: 0% 0%;
	background-repeat: repeat;
	margin-top: 0;
}
button [class^="icon-"],
button [class*=" icon-"] {
	font-size: 1.3em;
	line-height: 1.2em;
}
.btn-small [class^="icon-"],
.btn-small [class*=" icon-"]{
	font-size:1.2em;
}
table td [class^="icon-"], table td [class*=" icon-"] {
	font-size:17px;
	vertical-align:middle;
}
.btn-circle {
	-moz-border-radius:50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	padding:2px 4px 3px;
	font-size:14px;
	width:auto;
}
.btn-circle:hover,
.btn-circle:focus {
	background-position:0;
	trasition: none 0s none;
}
/* more sprites.less reset */
.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"] {
	background-image: none;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
	text-decoration: inherit;
	display: inline-block;
	speak: none;
}
/* makes sure icons active on rollover in links */
a [class^="icon-"],
a [class*=" icon-"] {
	display: inline-block;
}
/* makes the font 33% larger relative to the icon container */
.icon-large:before {
	vertical-align: -10%;
	font-size: 1.3333333333333333em;
}
.btn [class^="icon-"],
.nav [class^="icon-"],
.btn [class*=" icon-"],
.nav [class*=" icon-"] {
	display: inline;
	/* keeps button heights with and without icons the same */

}
.btn [class^="icon-"].icon-large,
.nav [class^="icon-"].icon-large,
.btn [class*=" icon-"].icon-large,
.nav [class*=" icon-"].icon-large {
	line-height: .9em;
}
.btn [class^="icon-"].icon-spin,
.nav [class^="icon-"].icon-spin,
.btn [class*=" icon-"].icon-spin,
.nav [class*=" icon-"].icon-spin {
	display: inline-block;
}
.nav-tabs [class^="icon-"],
.nav-pills [class^="icon-"],
.nav-tabs [class*=" icon-"],
.nav-pills [class*=" icon-"] {
	/* keeps button heights with and without icons the same */
}
.nav-tabs [class^="icon-"],
.nav-pills [class^="icon-"],
.nav-tabs [class*=" icon-"],
.nav-pills [class*=" icon-"],
.nav-tabs [class^="icon-"].icon-large,
.nav-pills [class^="icon-"].icon-large,
.nav-tabs [class*=" icon-"].icon-large,
.nav-pills [class*=" icon-"].icon-large {
	line-height: .9em;
}
/*li [class^="icon-"],
.nav li [class^="icon-"],
li [class*=" icon-"],
.nav li [class*=" icon-"] {
	display: inline-block;
	width: 1.25em;
	text-align: center;
}*/
li [class^="icon-"].icon-large,
.nav li [class^="icon-"].icon-large,
li [class*=" icon-"].icon-large,
.nav li [class*=" icon-"].icon-large {
	/* increased font size for icon-large */

	width: 1.5625em;
}
ul.icons {
	list-style-type: none;
	text-indent: -0.75em;
}
ul.icons li [class^="icon-"],
ul.icons li [class*=" icon-"] {
	width: .75em;
}
.icon-muted {
	color: #eeeeee;
}
.icon-border {
	border: solid 1px #eeeeee;
	padding: .2em .25em .15em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.icon-2x {
	font-size: 2em;
}
.icon-2x.icon-border {
	border-width: 2px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.icon-3x {
	font-size: 3em;
}
.icon-3x.icon-border {
	border-width: 3px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.icon-4x {
	font-size: 4em;
}
.icon-4x.icon-border {
	border-width: 4px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.pull-right {
	float: right;
}
.pull-left {
	float: left;
}
[class^="icon-"].pull-left,
[class*=" icon-"].pull-left {
	margin-right: .3em;
}
[class^="icon-"].pull-right,
[class*=" icon-"].pull-right {
	  margin-left: .3em;
}
.btn [class^="icon-"].pull-left.icon-2x,
.btn [class*=" icon-"].pull-left.icon-2x,
.btn [class^="icon-"].pull-right.icon-2x,
.btn [class*=" icon-"].pull-right.icon-2x {
	margin-top: .18em;
}
.btn [class^="icon-"].icon-spin.icon-large,
.btn [class*=" icon-"].icon-spin.icon-large {
	line-height: .8em;
}
.btn.btn-small [class^="icon-"].pull-left.icon-2x,
.btn.btn-small [class*=" icon-"].pull-left.icon-2x,
.btn.btn-small [class^="icon-"].pull-right.icon-2x,
.btn.btn-small [class*=" icon-"].pull-right.icon-2x {
	margin-top: .25em;
}
.btn.btn-large [class^="icon-"],
.btn.btn-large [class*=" icon-"] {
	margin-top: 0;
}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x,
.btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
	margin-top: .05em;
}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x {
	margin-right: .2em;
}
.btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
	margin-left: .2em;
}
.icon-spin {
	display: inline-block;
	-moz-animation: spin 2s infinite linear;
	-o-animation: spin 2s infinite linear;
	-webkit-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
	0% { -moz-transform: rotate(0deg); }
	100% { -moz-transform: rotate(359deg); }
}
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(359deg); }
}
@-o-keyframes spin {
	0% { -o-transform: rotate(0deg); }
	100% { -o-transform: rotate(359deg); }
}
@-ms-keyframes spin {
	0% { -ms-transform: rotate(0deg); }
	100% { -ms-transform: rotate(359deg); }
}
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(359deg); }
}
@-moz-document url-prefix() {
	.icon-spin {
		height: .9em;
	}
	.btn .icon-spin {
		height: auto;
	}
	.icon-spin.icon-large {
		height: 1.25em;
	}
	.btn .icon-spin.icon-large {
		height: .75em;
	}
}
/*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
    readers do not read off random characters that represent icons */
.icon-glass:before                { content: "\f000"; }
.icon-music:before                { content: "\f001"; }
.icon-search:before               { content: "\f002"; }
.icon-envelope:before             { content: "\f003"; }
.icon-heart:before                { content: "\f004"; }
.icon-star:before                 { content: "\f005"; }
.icon-star-empty:before           { content: "\f006"; }
.icon-user:before                 { content: "\f007"; }
.icon-film:before                 { content: "\f008"; }
.icon-th-large:before             { content: "\f009"; }
.icon-th:before                   { content: "\f00a"; }
.icon-th-list:before              { content: "\f00b"; }
.icon-ok:before                   { content: "\f00c"; }
.icon-remove:before               { content: "\f00d"; }
.icon-zoom-in:before              { content: "\f00e"; }

.icon-zoom-out:before             { content: "\f010"; }
.icon-off:before                  { content: "\f011"; }
.icon-signal:before               { content: "\f012"; }
.icon-cog:before                  { content: "\f013"; }
.icon-trash:before                { content: "\f014"; }
.icon-home:before                 { content: "\f015"; }
.icon-file:before                 { content: "\f016"; }
.icon-time:before                 { content: "\f017"; }
.icon-road:before                 { content: "\f018"; }
.icon-download-alt:before         { content: "\f019"; }
.icon-download:before             { content: "\f01a"; }
.icon-upload:before               { content: "\f01b"; }
.icon-inbox:before                { content: "\f01c"; }
.icon-play-circle:before          { content: "\f01d"; }
.icon-repeat:before               { content: "\f01e"; }

/* \f020 doesn't work in Safari. all shifted one down */
.icon-refresh:before              { content: "\f021"; }
.icon-list-alt:before             { content: "\f022"; }
.icon-lock:before                 { content: "\f023"; }
.icon-flag:before                 { content: "\f024"; }
.icon-headphones:before           { content: "\f025"; }
.icon-volume-off:before           { content: "\f026"; }
.icon-volume-down:before          { content: "\f027"; }
.icon-volume-up:before            { content: "\f028"; }
.icon-qrcode:before               { content: "\f029"; }
.icon-barcode:before              { content: "\f02a"; }
.icon-tag:before                  { content: "\f02b"; }
.icon-tags:before                 { content: "\f02c"; }
.icon-book:before                 { content: "\f02d"; }
.icon-bookmark:before             { content: "\f02e"; }
.icon-print:before                { content: "\f02f"; }

.icon-camera:before               { content: "\f030"; }
.icon-font:before                 { content: "\f031"; }
.icon-bold:before                 { content: "\f032"; }
.icon-italic:before               { content: "\f033"; }
.icon-text-height:before          { content: "\f034"; }
.icon-text-width:before           { content: "\f035"; }
.icon-align-left:before           { content: "\f036"; }
.icon-align-center:before         { content: "\f037"; }
.icon-align-right:before          { content: "\f038"; }
.icon-align-justify:before        { content: "\f039"; }
.icon-list:before                 { content: "\f03a"; }
.icon-indent-left:before          { content: "\f03b"; }
.icon-indent-right:before         { content: "\f03c"; }
.icon-facetime-video:before       { content: "\f03d"; }
.icon-picture:before              { content: "\f03e"; }

.icon-pencil:before               { content: "\f040"; }
.icon-map-marker:before           { content: "\f041"; }
.icon-adjust:before               { content: "\f042"; }
.icon-tint:before                 { content: "\f043"; }
.icon-edit:before                 { content: "\f044"; }
.icon-share:before                { content: "\f045"; }
.icon-check:before                { content: "\f046"; }
.icon-move:before                 { content: "\f047"; }
.icon-step-backward:before        { content: "\f048"; }
.icon-fast-backward:before        { content: "\f049"; }
.icon-backward:before             { content: "\f04a"; }
.icon-play:before                 { content: "\f04b"; }
.icon-pause:before                { content: "\f04c"; }
.icon-stop:before                 { content: "\f04d"; }
.icon-forward:before              { content: "\f04e"; }

.icon-fast-forward:before         { content: "\f050"; }
.icon-step-forward:before         { content: "\f051"; }
.icon-eject:before                { content: "\f052"; }
.icon-chevron-left:before         { content: "\f053"; }
.icon-chevron-right:before        { content: "\f054"; }
.icon-plus-sign:before            { content: "\f055"; }
.icon-minus-sign:before           { content: "\f056"; }
.icon-remove-sign:before          { content: "\f057"; }
.icon-ok-sign:before              { content: "\f058"; }
.icon-question-sign:before        { content: "\f059"; }
.icon-info-sign:before            { content: "\f05a"; }
.icon-screenshot:before           { content: "\f05b"; }
.icon-remove-circle:before        { content: "\f05c"; }
.icon-ok-circle:before            { content: "\f05d"; }
.icon-ban-circle:before           { content: "\f05e"; }

.icon-arrow-left:before           { content: "\f060"; }
.icon-arrow-right:before          { content: "\f061"; }
.icon-arrow-up:before             { content: "\f062"; }
.icon-arrow-down:before           { content: "\f063"; }
.icon-share-alt:before            { content: "\f064"; }
.icon-resize-full:before          { content: "\f065"; }

.icon-resize-small:before         { content: "\f066"; }
.icon-plus:before                 { content: "\f067"; }
.icon-minus:before                { content: "\f068"; }
.icon-asterisk:before             { content: "\f069"; }
.icon-exclamation-sign:before     { content: "\f06a"; }
.icon-gift:before                 { content: "\f06b"; }
.icon-leaf:before                 { content: "\f06c"; }
.icon-fire:before                 { content: "\f06d"; }
.icon-eye-open:before             { content: "\f06e"; }

.icon-eye-close:before            { content: "\f070"; }
.icon-warning-sign:before         { content: "\f071"; }
.icon-plane:before                { content: "\f072"; }
.icon-calendar:before             { content: "\f073"; }
.icon-random:before               { content: "\f074"; }
.icon-comment:before              { content: "\f075"; }
.icon-magnet:before               { content: "\f076"; }
.icon-chevron-up:before           { content: "\f077"; }
.icon-chevron-down:before         { content: "\f078"; }
.icon-retweet:before              { content: "\f079"; }
.icon-shopping-cart:before        { content: "\f07a"; }
.icon-folder-close:before         { content: "\f07b"; }
.icon-folder-open:before          { content: "\f07c"; }
.icon-resize-vertical:before      { content: "\f07d"; }
.icon-resize-horizontal:before    { content: "\f07e"; }

.icon-bar-chart:before            { content: "\f080"; }
.icon-twitter-sign:before         { content: "\f081"; }
.icon-facebook-sign:before        { content: "\f082"; }
.icon-camera-retro:before         { content: "\f083"; }
.icon-key:before                  { content: "\f084"; }
.icon-cogs:before                 { content: "\f085"; }
.icon-comments:before             { content: "\f086"; }
.icon-thumbs-up:before            { content: "\f087"; }
.icon-thumbs-down:before          { content: "\f088"; }
.icon-star-half:before            { content: "\f089"; }
.icon-heart-empty:before          { content: "\f08a"; }
.icon-signout:before              { content: "\f08b"; }
.icon-linkedin-sign:before        { content: "\f08c"; }
.icon-pushpin:before              { content: "\f08d"; }
.icon-external-link:before        { content: "\f08e"; }

.icon-signin:before               { content: "\f090"; }
.icon-trophy:before               { content: "\f091"; }
.icon-github-sign:before          { content: "\f092"; }
.icon-upload-alt:before           { content: "\f093"; }
.icon-lemon:before                { content: "\f094"; }
.icon-phone:before                { content: "\f095"; }
.icon-check-empty:before          { content: "\f096"; }
.icon-bookmark-empty:before       { content: "\f097"; }
.icon-phone-sign:before           { content: "\f098"; }
.icon-twitter:before              { content: "\f099"; }
.icon-facebook:before             { content: "\f09a"; }
.icon-github:before               { content: "\f09b"; }
.icon-unlock:before               { content: "\f09c"; }
.icon-credit-card:before          { content: "\f09d"; }
.icon-rss:before                  { content: "\f09e"; }

.icon-hdd:before                  { content: "\f0a0"; }
.icon-bullhorn:before             { content: "\f0a1"; }
.icon-bell:before                 { content: "\f0a2"; }
.icon-certificate:before          { content: "\f0a3"; }
.icon-hand-right:before           { content: "\f0a4"; }
.icon-hand-left:before            { content: "\f0a5"; }
.icon-hand-up:before              { content: "\f0a6"; }
.icon-hand-down:before            { content: "\f0a7"; }
.icon-circle-arrow-left:before    { content: "\f0a8"; }
.icon-circle-arrow-right:before   { content: "\f0a9"; }
.icon-circle-arrow-up:before      { content: "\f0aa"; }
.icon-circle-arrow-down:before    { content: "\f0ab"; }
.icon-globe:before                { content: "\f0ac"; }
.icon-wrench:before               { content: "\f0ad"; }
.icon-tasks:before                { content: "\f0ae"; }

.icon-filter:before               { content: "\f0b0"; }
.icon-briefcase:before            { content: "\f0b1"; }
.icon-fullscreen:before           { content: "\f0b2"; }

.icon-group:before                { content: "\f0c0"; }
.icon-link:before                 { content: "\f0c1"; }
.icon-cloud:before                { content: "\f0c2"; }
.icon-beaker:before               { content: "\f0c3"; }
.icon-cut:before                  { content: "\f0c4"; }
.icon-copy:before                 { content: "\f0c5"; }
.icon-paper-clip:before           { content: "\f0c6"; }
.icon-save:before                 { content: "\f0c7"; }
.icon-sign-blank:before           { content: "\f0c8"; }
.icon-reorder:before              { content: "\f0c9"; }
.icon-list-ul:before              { content: "\f0ca"; }
.icon-list-ol:before              { content: "\f0cb"; }
.icon-strikethrough:before        { content: "\f0cc"; }
.icon-underline:before            { content: "\f0cd"; }
.icon-table:before                { content: "\f0ce"; }

.icon-magic:before                { content: "\f0d0"; }
.icon-truck:before                { content: "\f0d1"; }
.icon-pinterest:before            { content: "\f0d2"; }
.icon-pinterest-sign:before       { content: "\f0d3"; }
.icon-google-plus-sign:before     { content: "\f0d4"; }
.icon-google-plus:before          { content: "\f0d5"; }
.icon-money:before                { content: "\f0d6"; }
.icon-caret-down:before           { content: "\f0d7"; }
.icon-caret-up:before             { content: "\f0d8"; }
.icon-caret-left:before           { content: "\f0d9"; }
.icon-caret-right:before          { content: "\f0da"; }
.icon-columns:before              { content: "\f0db"; }
.icon-sort:before                 { content: "\f0dc"; }
.icon-sort-down:before            { content: "\f0dd"; }
.icon-sort-up:before              { content: "\f0de"; }

.icon-envelope-alt:before         { content: "\f0e0"; }
.icon-linkedin:before             { content: "\f0e1"; }
.icon-undo:before                 { content: "\f0e2"; }
.icon-legal:before                { content: "\f0e3"; }
.icon-dashboard:before            { content: "\f0e4"; }
.icon-comment-alt:before          { content: "\f0e5"; }
.icon-comments-alt:before         { content: "\f0e6"; }
.icon-bolt:before                 { content: "\f0e7"; }
.icon-sitemap:before              { content: "\f0e8"; }
.icon-umbrella:before             { content: "\f0e9"; }
.icon-paste:before                { content: "\f0ea"; }
.icon-lightbulb:before            { content: "\f0eb"; }
.icon-exchange:before             { content: "\f0ec"; }
.icon-cloud-download:before       { content: "\f0ed"; }
.icon-cloud-upload:before         { content: "\f0ee"; }

.icon-user-md:before              { content: "\f0f0"; }
.icon-stethoscope:before          { content: "\f0f1"; }
.icon-suitcase:before             { content: "\f0f2"; }
.icon-bell-alt:before             { content: "\f0f3"; }
.icon-coffee:before               { content: "\f0f4"; }
.icon-food:before                 { content: "\f0f5"; }
.icon-file-alt:before             { content: "\f0f6"; }
.icon-building:before             { content: "\f0f7"; }
.icon-hospital:before             { content: "\f0f8"; }
.icon-ambulance:before            { content: "\f0f9"; }
.icon-medkit:before               { content: "\f0fa"; }
.icon-fighter-jet:before          { content: "\f0fb"; }
.icon-beer:before                 { content: "\f0fc"; }
.icon-h-sign:before               { content: "\f0fd"; }
.icon-plus-sign-alt:before        { content: "\f0fe"; }

.icon-double-angle-left:before    { content: "\f100"; }
.icon-double-angle-right:before   { content: "\f101"; }
.icon-double-angle-up:before      { content: "\f102"; }
.icon-double-angle-down:before    { content: "\f103"; }
.icon-angle-left:before           { content: "\f104"; }
.icon-angle-right:before          { content: "\f105"; }
.icon-angle-up:before             { content: "\f106"; }
.icon-angle-down:before           { content: "\f107"; }
.icon-desktop:before              { content: "\f108"; }
.icon-laptop:before               { content: "\f109"; }
.icon-tablet:before               { content: "\f10a"; }
.icon-mobile-phone:before         { content: "\f10b"; }
.icon-circle-blank:before         { content: "\f10c"; }
.icon-quote-left:before           { content: "\f10d"; }
.icon-quote-right:before          { content: "\f10e"; }

.icon-spinner:before              { content: "\f110"; }
.icon-circle:before               { content: "\f111"; }
.icon-reply:before                { content: "\f112"; }
.icon-github-alt:before           { content: "\f113"; }
.icon-folder-close-alt:before     { content: "\f114"; }
.icon-folder-open-alt:before      { content: "\f115"; }
.icon-remove:hover{}
.icon-pdf:before{
	background-image:url(../../images/pdf.png);
	background-repeat: no-repeat;
	padding:1px 9px;
}
.btn .icon-pdf{
	font-size: 1.1em;
	line-height: 1.15em;
}
.picto-btn:before{
	content:".";
	color:transparent;
	vertical-align:middle;
}
/*********auto complete simple *******/
body .ui-autocomplete {
	font-size:14px;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	float: left;
	display: none;
	min-width: 160px;
	_width: 160px;
	padding: 4px 0;
	margin: 2px 0 0 0;
	list-style: none;
	background-color: #ffffff;
	border-color: #ccc;
	border-color: rgba(0, 0, 0, 0.2);
	border-style: solid;
	border-width: 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	*border-right-width: 2px;
	*border-bottom-width: 2px;
}
body .ui-autocomplete .ui-menu-item > a.ui-corner-all {
	display: block;
	padding: 3px 15px;
	clear: both;
	font-weight: normal;
	line-height: 18px;
	color: #555555;
	white-space: nowrap;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	background-image: none;
	border:0 none;
	text-decoration: none;
	margin:0;
}
body .ui-autocomplete .ui-menu-item a {
	cursor:pointer;
}
body .ui-autocomplete .ui-state-hover,body .ui-autocomplete .ui-state-active,body .ui-autocomplete .ui-state-focus {
	color: #ffffff !important;
	text-decoration: none;
	background-color: #0088cc;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	background-image: none;
	border:0 none;line-height: 18px;
	margin:0;
}
.input-autocomplete > span.add-on {
	background-color: transparent;
	border: 0 none;
	margin-left: -30px;
	position: absolute;
	z-index: 10;
}
.input-autocomplete > span.add-on i {
	cursor: pointer;
	font-size: 17px;
	margin-top: 2px;
	opacity: 0.2;
	filter:Alpha(Opacity=20);
	transition: opacity 0.2s ease 0s;
}
.input-autocomplete > span.add-on:last-child i:hover {
	opacity: 0.7;
	filter:Alpha(Opacity=70);
}
.input-autocomplete .add-on, .input-autocomplete .add-on {
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
	height: 20px;
	line-height: 20px;
	padding: 4px 5px;
	min-width: 16px;
	text-align: center;
	text-shadow: 0 1px 0 #FFFFFF;
	width: auto;
}
/***** user autocomplete *****/
.user-autocomplete input[type="text"]{ 
	width:377px;
}

.user-autocomplete input[type="text"]:disabled{ 
	cursor:default;
}
.user-autocomplete>span.add-on:first-child{ 
	width:18px;
}
.user-autocomplete>span.add-on:last-child{
	position:absolute;
	background-color:transparent;
	border:0;
	margin-left:-80px;
	z-index:10;
}
.ie9 .user-autocomplete>span.add-on:last-child{
	margin-left:335px;
}
.user-autocomplete>span.add-on:last-child i{
	font-size:17px;
	opacity:0.3;
	filter:Alpha(Opacity=30);
	margin-top:2px;
	cursor:pointer;
	
	-moz-transition:opacity 0.2s;
	-webkit-transition:opacity 0.2s;
	-ms-transition:opacity 0.2s;
	-o-transition:opacity 0.2s;
	transition:opacity 0.2s;
}
.user-autocomplete>span.add-on:last-child i:hover{
	opacity:0.8;
	filter:Alpha(Opacity=80);
}
.user-autocomplete span.userpic{ 
	background:url(../../images/blank_user.jpg) no-repeat center center;
}
.ui-autocomplete { z-index:1100 !important;}

/**** Spécifique éditeur WYSIWYG ***/
.wysihtml5-editor {
	background: none;
}
.wysihtml5-editor blockquote{
	margin:0;
	margin-left:40px;
}
.wysihtml5-editor ul{
	padding-left:15px;
}
.wysihtml5-editor ol{
	padding-left:15px;
}
.wysihtml5-editor ul li{
	list-style-position:inside;
}

.wysihtml5-editor ol li{
	list-style-position:inside;
}
/*****************************************/
.obligatoire{font-size:12px; font-style:italic;}
.obligatoire .required{padding:0;}
/*********** Surchage largeur champs sur la grille 24 colonnes ************/
.box-sizing{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	*behavior: url(/reference/charte/css/utils/boxsizing.htc);
}


.span19 { /* pleine largeur contenu */
	width: 830px;
}
.span18 {
	width: 788px;
}
.span17 {
	width: 746px;
}
.span16 {
	width: 704px;
}

.span15 { /* éléments sans label à gauche, avec réservation de la colonne d'erreur */
	width: 662px;
}
.span14 {
	width: 620px;
}
.span13 {
	width: 578px;
}
.span13 {
	width: 536px;
}

.span12 {
	width: 494px; /*940px*/
}
.span11 {
	width: 452px; /*860px*/
}
.span10 {
	width: 410px; /*780px*/
}
.span9 {
	width: 368px; /*700px*/
}
.span8 {
	width: 326px; /*620px*/
}
.span7 {
	width: 284px; /*540px*/
}
.span6 {
	width: 242px; /*460px*/
}
.span5 {
	width: 200px; /*380px*/
}
.span4 {
	width: 158px; /*300px*/
}
.span3 {
	width: 116px; /*220px*/
}
.span2 {
	width: 74px; /*140px*/
}
.span1 {
	width: 32px; /*32px*/
}
input.span12,
textarea.span12,
.uneditable-input.span12 {
	width: 484px;
}
input.span11,
textarea.span11,
.uneditable-input.span11 {
	width: 442px;
}
input.span10,
textarea.span10,
.uneditable-input.span10 {
	width: 400px;
}
input.span9,
textarea.span9,
.uneditable-input.span9 {
	width: 358px;
}
input.span8,
textarea.span8,
.uneditable-input.span8 {
	width: 316px;
}
input.span7,
textarea.span7,
.uneditable-input.span7 {
	width: 274px;
}

input.span6,
textarea.span6,
.uneditable-input.span6 {
	width: 232px;	
}
input.span5,
textarea.span5,
.uneditable-input.span5 {
	width: 190px;
}
input.span4,
textarea.span4,
.uneditable-input.span4 {
	width: 148px;
}
input.span3,
textarea.span3,
.uneditable-input.span3 {
	width: 105px;
}
input.span2,
textarea.span2,
.uneditable-input.span2 {
	width: 64px;
}
input.span1,
textarea.span1,
.uneditable-input.span1 {
	width: 22px;
}
[class*="span"]{
	margin-left:0;
}
/**surcharge sur les span - cas particulier*/
[class*="span"] + [class*="span"] {
	margin-left: 10px;
}
label + [class*="span"], .label + [class*="span"] {
	margin-left: 0 !important;
}
form [class*="span"] + .adresse2 {
	margin-top: 15px;
	margin-left: 169px;
}
.date.span3 {
	width: 85px;
}
.daterange.span5 {
	width: 175px;
}
/*****************Modale Box***************************/
.modal {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.modal {
	left: auto;
	width: auto;
	min-width: 560px;
	max-width: 1000px;
	margin-left: 0px;
}
.modal-header .close {
	margin: 0;
}
.modal .close{
	color:#fff;
	opacity:1;
	filter: alpha(opacity=100);
	line-height:30px;
	width:40px;
	background: url(../../images/separator-vertical.png) repeat-y 0 0 transparent;
}
.modal .close:hover,.modal .close:focus{
	opacity:0.7;
	filter: alpha(opacity=70);
}
.modal .close i{
	color:#fff;
	font-size:18px;
	font-weight:normal;
	text-shadow: 0 -1px 0 #000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=1);
}
.modal-header{
	padding:0 0 0 10px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.modal .modal-header h3{
	color:#fff!important;	
	text-shadow: 0 -1px 0 #000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=1);
	font-size:12px;
	font-family:'Droid Serif', serif;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:1px;
	margin-right:40px;
}
.modale-button{
	display:inline-block;
}
.text-modale{
	display:inline-block;
	padding-top:5px;
}
.modal-top-body,
.modal-bottom-body {
	border-bottom:1px solid #E9E9E9;
	padding:10px 40px;
	background: url(../../images/bg-top-content.png) repeat 0 0;
}
.modal-body{
	padding:0;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	max-height:570px;
	height:100%;
	clear:both;
	overflow: hidden;
}
.modal-content-body{
		-moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.5);
	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.5);
	-o-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.5);
	box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,1);
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#ffffff, Direction=180, Strength=0);
	padding:20px 40px;
	border-top:1px solid #fff;
	overflow:auto;
	border-radius:4px;
	position:relative;
}
.modal-iframe .modal-content-body{
	overflow: hidden;
	height:100%;
}
/**********Notifications*********/
.alert{
	background-color:#ffe7ca;
	background-image:url(../../images/iconWarning.png);
	background-repeat:no-repeat;
	background-position:6px 6px;
	color:#5b3b16;
	border-color:#d3b38d;
	padding-left:34px;
}
.alert.alert-block{
	padding-top:8px;
	padding-bottom:8px;
}
.alert.alert-block h4{
	color:inherit;
	font-weight:bold;
	font-size:16px;
}
.alert .close{
	color:#aa702c;
	opacity:1;
	filter:Alpha(Opacity=100);
}
.alert .close:hover{
	opacity:0.6;	
	filter:Alpha(Opacity=60);
}
.alert-danger, .alert-error{
	background-color:#fedada;
	background-image:url(../../images/iconError.png);
	color:#b24949;
	border-color:#cf9d9d;
}
.alert-danger .close, .alert-error .close{
	color:#b24949;
}
.alert-success{
	background-color:#d3f0d9;
	background-image:url(../../images/iconSuccess.png);
	color:#13311a;
	border-color:#9bc5a4;
}
.alert-success .close{
	color:#318e47;
}
.alert-info{
	background-color:#d6eeff;
	background-image:url(../../images/iconInfo.png);
	color:#0a304a;
	border-color:#99bcd4;
}
.alert-info .close{
	color:#246d9f;
}
.noty_bar .alert{
	margin-bottom: 5px;
}

/*****Workflow horizontal******/
.process{
	margin-bottom:15px;
}
.process li,.process li .process-in,
.process li.process-first, .process li.process-first .process-in,
.process li.process-last, .process li.process-last .process-in{
	background-repeat:no-repeat;
}
.process li{
	display:inline-block;
	*display:block;
	*float:left;
	font-size:16px;
	line-height:34px;
	padding-left:31px;
	background-position: top left;
}
.process li a{
	text-decoration:none;
	color:#333333;
}
.process li a:hover{
	text-decoration:none;
}
.process li .process-in{
	display:block;
	background-position: top right;
	padding-right:36px;
	margin-right: -13px;
}
.process li.process-last .process-in{
	padding-right:24px;
}
.process li.process-first{
	padding-left: 24px;
}
.process li.process-current{
	background-position:left -70px;
}
.process li.process-current .process-in{
	background-position:right -70px;
	color:#fff;
}
.process li.process-next{
	background-position:left -140px;
}
.process li.process-next .process-in{
	background-position:right -140px;
	color:#7d7d7d;
}
.process .count{
	font-weight:bold;
	padding-right:5px;
}
.process li a:hover .count{
	text-decoration:none;
}
.process li.process-current a:hover .count{
	color:#fff;
}
/************** Autocomplete *******************/
.autocompletion-container{}

.autocompletion-container .ui-autocomplete-input{
    padding-right: 50px;
}
.autocompletion-container .ui-autocomplete-input.span12{
    width:438px;
}
.autocompletion-container .ui-autocomplete-input.span11{
    width:396px;
}
.autocompletion-container .ui-autocomplete-input.span10{
    width:354px;
}
.autocompletion-container .ui-autocomplete-input.span9{
    width:312px;
}
.autocompletion-container .ui-autocomplete-input.span8{
    width:270px;
}
.autocompletion-container .ui-autocomplete-input.span7{
    width:228px;
}
.autocompletion-container .ui-autocomplete-input.span6{
    width:186px;
}
.autocompletion-container .ui-autocomplete-input.span5{
    width:144px;
}
.autocompletion-container .ui-autocomplete-input.span4{
    width:102px;
}




.autocompletion-container.autocompletion-user .ui-autocomplete-input{
    padding-right: 70px;
}
.autocompletion-container.autocompletion-user .ui-autocomplete-input.span12{
    width:418px;
}
.autocompletion-container.autocompletion-user .ui-autocomplete-input.span11{
    width:376px;
}
.autocompletion-container.autocompletion-user .ui-autocomplete-input.span10{
    width:334px;
}
.autocompletion-container.autocompletion-user .ui-autocomplete-input.span9{
    width:292px;
}
.autocompletion-container.autocompletion-user .ui-autocomplete-input.span8{
    width:250px;
}
.autocompletion-container.autocompletion-user .ui-autocomplete-input.span7{
    width:208px;
}
.autocompletion-container.autocompletion-user .ui-autocomplete-input.span6{
    width:166px;
}
.autocompletion-container.autocompletion-user .ui-autocomplete-input.span5{
    width:124px;
}
.autocompletion-container.autocompletion-user .ui-autocomplete-input.span4{
    width:82px;
}






.autocompletion-container .actions{
	margin-left:-45px;
	display:inline-block;
	line-height:28px;
}
.autocompletion-container .actions i{
	margin-right:7px;
	vertical-align: middle;
	cursor:pointer;
	opacity:0.3;
	filter:Alpha(Opacity=30);
	transition:opacity 0.2s ease-out;
	font-size:17px;
}
.autocompletion-container span.userpic{ background: url(../../images/blank_user.jpg) no-repeat center center; padding:0; min-width:24px; height:28px;}
.autocompletion-container.autocompletion-user .actions{
	position: relative;
	z-index: 5;
	margin-left:-65px;
}
.autocompletion-container .actions i:hover{
	opacity:0.8;
	filter:Alpha(Opacity=80);
}
.autocompletion-disabled  .actions i {
	cursor: not-allowed;
}

input[type=text].ui-autocomplete-input::-ms-clear {
	display: none; /* ne fonctionne pour IE < 10 */
	width : 0;
	height: 0;
}

[data-show-search=false] + .autocompletion-container .ui-autocomplete-input.span8 {
    width: 288px;
}

[data-show-search=false] + .autocompletion-container .ui-autocomplete-input {
    padding-right: 32px;
}

.autocompletion-infos-compl {
	font-size: 65%;
	color: #999999;
	text-transform: uppercase;
}

/*********** Datepicker JQuery UI ************/
.ui-datepicker{
	width:auto;
	border-color:#ccc;
	margin-top:2px;
        margin-bottom: 10px;
        background:#FFFFFF;
}
.ui-datepicker:before {
	position: absolute;
	top: -7px;
	left: 50px;
	display: inline-block;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #ccc;
	border-left: 7px solid transparent;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	content: '';
}
.ui-datepicker:after {
	position: absolute;
	top: -6px;
	left: 51px;
	display: inline-block;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #fff;
	border-left: 6px solid transparent;
	content: '';
}
.ui-datepicker  .ui-datepicker-header{
	background: #FFFFFF;
	border:0;
}
.ui-datepicker .ui-datepicker-prev span, .daterangepicker .prev {
	background:url(../../images/left-arrow.png) 0px 0px no-repeat;
	cursor:pointer;
	font-weight:normal;
}
.ui-datepicker .ui-datepicker-prev-hover{
	top:2px;
	left:2px;
}
.ui-datepicker .ui-datepicker-next span, .daterangepicker .next {
	background:url(../../images/right-arrow.png) 0px 0px no-repeat;
	cursor:pointer;
	font-weight:normal;
}
.ui-datepicker .ui-datepicker-next-hover{
	top:2px;
	right:2px;
}

.daterangepicker .prev .fa:before, .daterangepicker .next .fa:before {
content: "";
}

.ui-datepicker  .ui-datepicker-header .ui-state-hover{
	background: #FFFFFF;
	border:0;
	font-weight:normal;
}

.ui-datepicker  .ui-datepicker-calendar{
	border:0;
	width:auto;
}
.ui-datepicker  .ui-datepicker-calendar thead{
	border:0;
}
.ui-datepicker  .ui-datepicker-calendar td{
	background-image: none!important;
	width:30px;
	height:28px;
}
.ui-datepicker  .ui-datepicker-calendar td:hover{
	background: none!important;
	border:0;
}
.ui-datepicker  .ui-datepicker-calendar tr:hover td{
	border:0;
}
.ui-datepicker  .ui-datepicker-calendar th:nth-last-child(1),
.ui-datepicker  .ui-datepicker-calendar th:nth-last-child(2){
	background-color: #F3F3F3!important;
}

.ui-datepicker  .ui-datepicker-calendar td:nth-last-child(1),
.ui-datepicker  .ui-datepicker-calendar td:nth-last-child(2){
	background-color: #F3F3F3!important;
}

.ui-datepicker  .ui-datepicker-calendar td:nth-last-child(1):hover,
.ui-datepicker  .ui-datepicker-calendar td:nth-last-child(2):hover{
	background-color: #EEEEEE!important;
}

.ui-datepicker  .ui-datepicker-calendar th.ui-datepicker-week-col,
.ui-datepicker  .ui-datepicker-calendar td.ui-datepicker-week-col{
	background-color: #F6F6F6!important;
	border-right: solid 1px #DDDDDD!important;
	
}

.ui-datepicker  .ui-datepicker-calendar th.ui-datepicker-week-col{
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
}




.ui-widget-content .ui-state-disabled:hover  .ui-state-default, .ui-widget-content .ui-state-disabled  .ui-state-default:hover,
.ui-datepicker  .ui-datepicker-calendar .ui-state-disabled, .ui-datepicker  .ui-widget-content .ui-state-disabled .ui-state-default{
	filter:Alpha(Opacity=100);
	opacity:1;
	color:#999!important;
}
.ui-datepicker  .ui-datepicker-calendar .ui-state-disabled span {
	color:#999!important;
}
.ui-datepicker  .ui-datepicker-calendar .ui-state-default{
	background:#FFFFFF;
	border:0;
	text-align:center;
	width:28px;
	height:28px;
	padding:0px;
	line-height:26px;
	color:#333333;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.ui-datepicker  .ui-datepicker-calendar td:nth-last-child(1) .ui-state-default,
.ui-datepicker  .ui-datepicker-calendar td:nth-last-child(2) .ui-state-default{
	background-color: #F3F3F3!important;
}
.ui-datepicker  .ui-datepicker-calendar .ui-state-default span{
	color:#333;
}
.ui-datepicker  .ui-datepicker-calendar .ui-state-default.ui-state-hover{
	background-color:#eeeeee;
	color:#333333;
	border:0;
	text-align:center;
	width:28px;
	height:28px;
	padding:0px;
	line-height:26px;
}
.ui-datepicker  .ui-datepicker-calendar td:nth-last-child(1) .ui-state-hover,
.ui-datepicker  .ui-datepicker-calendar td:nth-last-child(2) .ui-state-hover{
	background-color: #EEEEEE!important;
}
.ui-datepicker  .ui-datepicker-calendar .ui-state-default.ui-state-highlight{
	background-color:#eeeeee;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 14px;
	margin: 0;
}
.ui-datepicker  .ui-datepicker-calendar .ui-state-default.ui-state-active{
	background-color:#000000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 14px;
	margin: 0;
	color: #fff;
	text-shadow: 0px -1px 0px rgba(0,0,0,0.6);
	filter: dropshadow(color=#000000, offx=0, offy=-1);
	border-width:1px;
	border-style:solid;
}
/************* Upload field **************/
.upload {
	float:left;
	padding-top:3px;
}
.upload .upload-add-file {
	padding:12px 10px 0;
}
.upload a.btn-small{
	padding:2px 7px;
}
.upload input[type=file]{
	display:none;
}
.upload .file-list{
	float:left;	
}
.upload .first-time{
	padding:4px 10px 6px;
	line-height:2em;
}
.upload .first-time .btn{margin-top:2px;}
.upload .first-time, .upload-file-list li{
	background-color:#fcfcfc;
	border-width:1px 0;
	border-style: solid none;
	line-height:2em;
}
.upload-file-list li{
	padding:3px 10px 3px;
}
.upload .first-time .btn, .upload-file-list li .btn{
	float:right;
}
.upload-file-list li .btn{
	margin-top:3px;
}
.upload-file-list li + li{
	border-top:0 none;
}
.upload .upload-add-file span{
	color:#6e6e6e;
	font-style:italic;
	margin-right:10px;
	line-height:18px;
	position:relative;
	padding-left:20px;
}
.upload .upload-add-file span i{
	color:#999;	
	font-size:1.4em;
	position:absolute;
	top:0;
	left:0;
}
.upload .upload-add-file .btn{
	float:right;
}
.upload .disabled span{
	text-decoration:line-through;
}
/*************Surcharge Daterange picker********************/

.daterangepicker_input:before {
	font-weight: bold;
	content: attr(data-label);
}

.daterangepicker {
	background: url("../../images/bg-global-content.png") repeat  0 0 transparent;
}

.daterangepicker table tbody tr td, .daterangepicker table tbody tr:hover td {
	background-image: none;
}

.daterangepicker .ranges input,
.daterangepicker input.input-mini, .daterangepicker input.input-mini.active {
    border: 0 none;
    font-size: 14px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    background: transparent none;
    width: 80px;
	font-size: 14px !important;
	display: inline;
}

.daterangepicker .calendar table,
.daterangepicker .calendar table thead,
.daterangepicker .calendar table td,
.daterangepicker .calendar table th {
	border: none;
	font-family: Arial, sans-serif;
	font-size: 14px;
}

.daterangepicker .calendar th, .daterangepicker .calendar td {
    min-width: 25px !important;
}

pre.bs-docs-example:after {
	content: "Code";
}
pre.prettyprint.bs-docs-example {
	padding-top:20px
}
/*Spécifique pour la page de login*/
body#login-page{
	background: #theme-selector option:before {
		content:"<span>toto</span>";
		display:inline-block;
		height:12px;
		width:12px;
		margin-right:3px;	
	} repeat 0 0;
} 
/*Spécifique sélection de thème*/
/*#theme-selector option:before {
	content:"<span>toto</span>";
	display:inline-block;
	height:12px;
	width:12px;
	margin-right:3px;
}*/
#theme-selector option {
	/*padding-left:19px;
	background: 3px center no-repeat;*/
	padding-left:8px;
}
#theme-selector .blue {
	background:#5C8BAD;
	color:#fff;
}
#theme-selector .darkgreen {
	background:#789E6E;
	color:#fff;
}
#theme-selector .lightgreen {
	background:#909F57;
	color:#fff;
}
#theme-selector .brown {
	background:#9E8D55;
	color:#fff;
}
#theme-selector .gold {
	background:#CF9532;
	color:#fff;
}
#theme-selector .orange {
	background:#C96209;
	color:#fff;
}
#theme-selector .red {
	background:#A63A2F;
	color:#fff;
}
#theme-selector .purple {
	background:#8A679A;
	color:#fff;
}
.bloc-theme {
	width:472px;
	float:left;
	padding:10px;
	margin-top:9px;
	margin-left:1px;
}
.bloc-theme-right {
	margin-left:10px;
}
.bloc-theme:hover {
	background:pink;
}
.bloc-theme {
	border:transparent 1px solid;
	cursor:pointer;
}
.bloc-theme img {
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
}
/**/
.bloc-theme-blue h3 {
	 color:#4D7691;
 }
.bloc-theme-blue:hover,
.bloc-theme-blue.active {
	background:#e0ebf2;
}
.bloc-theme-blue.active {
	border-color:#5C8BAD;
}
/**/
.bloc-theme-darkgreen h3 {
	 color:#5c7854;
}
.bloc-theme-darkgreen:hover,
.bloc-theme-darkgreen.active {
	background:#e7efe4;
}
.bloc-theme-darkgreen.active {
	border-color:#789e6e;
}
/**/
.bloc-theme-lightgreen h3 {
	color:#6b7541;
}
.bloc-theme-lightgreen:hover,
.bloc-theme-lightgreen.active {
	background:#f0f4e2;
}
.bloc-theme-lightgreen.active {
	border-color:#909f57;
}
/**/
.bloc-theme-brown h3 {
	color:#7d7043;
}
.bloc-theme-brown:hover,
.bloc-theme-brown.active {
	background:#eee7d2;
}
.bloc-theme-brown.active {
	border-color:#9e8d55;
}
/**/
.bloc-theme-gold h3 {
	color:#916919;
}
.bloc-theme-gold:hover,
.bloc-theme-gold.active {
	background:#faedd7;
}
.bloc-theme-gold.active {
	border-color:#cf9532;
}
/**/
.bloc-theme-orange h3 {
	color:#b35707;
}
.bloc-theme-orange:hover,
.bloc-theme-orange.active {
	background:#f9e2ce;
}
.bloc-theme-orange.active {
	border-color:#c96209;
}
/**/
.bloc-theme-red h3 {
	color:#703c36;
}
.bloc-theme-red:hover,
.bloc-theme-red.active {
	background:#f1d9d6;
}
.bloc-theme-red.active {
	border-color:#a63a2f;
}
/**/
.bloc-theme-purple h3 {
	color:#8A679A;
}
.bloc-theme-purple:hover,
.bloc-theme-purple.active {
	background:#ebe3ee;
}
.bloc-theme-purple.active {
	border-color:#8a679a;
}

/****class tool*****/
.bold{font-weight:bold;}
.floatLeft{float:left;}
.floatRight{float:right;}
.floatNone{float:none;}
.infosupp{font-size:0.9em;}
.alignRight{text-align:right;}
.alignLeft{text-align:left;}
.alignCenter{text-align:center;}
.valign-top{vertical-align:top;}
.valign-middle{vertical-align:middle;}
.valign-bottom{vertical-align:bottom;}
.no-margin{margin:0 !important;}
.hundred-percent{width:100%;min-width:1000px;}
.full-width{width:100%;}
.ul-no-style, .ul-no-style li{list-style-type:none;}
.label-block{text-align:left;margin-bottom:5px;}
.red{color:red;}
.ellipsis {
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display:block;
}
hr {
  border-top: 1px solid #d5d5d5;
  border-bottom: 1px solid #ffffff;
}
.stamp {
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}
.stamp {
  display: inline-block;
  padding: 2px 4px;
  font-size: 11.844px;
  font-weight: bold;
  line-height: 14px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #999999;
}
.stamp:empty {
  display: none;
}
a.stamp:hover,
a.stamp:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.stamp-important{
  background-color: #b94a48;
}

.stamp-important[href]{
  background-color: #953b39;
}

.stamp-warning{
  background-color: #f89406;
}

.stamp-warning[href] {
  background-color: #c67605;
}

.stamp-success {
  background-color: #468847;
}

.stamp-success[href] {
  background-color: #356635;
}

.stamp-info {
  background-color: #3a87ad;
}

.stamp-info[href] {
  background-color: #2d6987;
}

.stamp-inverse {
  background-color: #333333;
}

.stamp-inverse[href] {
  background-color: #1a1a1a;
}

.btn .stamp {
  position: relative;
  top: -1px;
}

.btn-mini .stamp{
  top: 0;
}
/********end class tool***********/

/********** multidevise **********/
li.multidevise div.btn-group{
	font-size:13px;
	margin-right:30px;
}
li.multidevise a{
	cursor:pointer;
}
li.multidevise a:hover{
	color:#fff;
}
li.multidevise b.caret{
	border-top-color:#fff;
	vertical-align:baseline;
	margin-top:-3px;
}
li.multidevise .dropdown-toggle:hover{
}
li.multidevise .dropdown-toggle img {
	border:1px solid #c7c7c7;
	margin-top:-1px;
}
li.multidevise ul.dropdown-menu {
	min-width:0;
	left:auto;
	right:-1px;
	right:-3px\9;
	margin-top:-2px;
}
li.multidevise ul.dropdown-menu li {
	display:block;
}
li.multidevise a img,
li.multidevise a span,
li.multidevise a b {
	vertical-align:middle !important;
}
.user-top-pannel li.multidevise ul.dropdown-menu li {
	text-shadow:none;
}
li.multidevise .btn-group.open .dropdown-toggle {
	box-shadow:none;
}
li.multidevise ul.dropdown-menu a img {
	border:1px solid #3b5b70;
	margin-right:3px;
}
li.multidevise ul.dropdown-menu a:hover img {
	border:1px solid #c7c7c7;
}
/********Etiquette*****************/
#etiquette {
	 height:39px;
}
.etiq-container {
	position:absolute;
	z-index:1;
}
.etiq-content{
	display:inline-block;
	height:46px;
	position:relative;
	padding-right: 14px;
	margin-bottom: -5px;
}
.etiq-shadow{
	display:block;
	width:6px;
	height:46px;
	position:absolute;
	left:0;
	top:0;
	background-image: url(../../images/etiquette-shadow.png);
	background-repeat:no-repeat;
}
.etiq-text{
	background-image:url(../../images/etiquette-bg.png);
	background-repeat:repeat-x;
	padding:5px 3px 5px 12px; /*5px 34px 5px 12px*/
	-moz-box-shadow: 0 1px 2px 0  rgba(0,0,0,0.15);
	-webkit-box-shadow: 0 1px 2px 0  rgba(0,0,0,0.15);
	-o-box-shadow: 0 1px 2px 0  rgba(0,0,0,0.15);
	box-shadow: 0 1px 2px 0  rgba(0,0,0,0.15);
	margin-left:1px;
	border-top:1px solid #c8c8c8;
	border-bottom:1px solid #c8c8c8;
	font-size:14px;
	font-weight:bold;
	min-width:125px;
	display:inline-block;
	margin-top:9px;
}
.etiq-text:after{
	content:" ";
	display:inline-block;
	height:33px;
	width:14px;
	position:absolute;
	right:0;
	top:8px;
	background-image:url(../../images/etiquette.png);
	background-repeat:no-repeat;
}
.etiq-alerte{
	color:#d55100;
}
.etiq-label {
	display:inline-block;
	width:125px;
}
a.etiq-expand {
	background: 0 0 url(../../images/bd_expand.png) no-repeat;
	width:17px;
	height:17px;
	display:inline-block;
	text-decoration:none;
}
a.etiq-expand.active {
	background-position:0 -20px;
}
.etiq-detail {
	font-size:13px !important;
	line-height:18px;
	color:#666;
	padding-left:10px;
	padding-right:10px;
	max-width:780px;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display:inline-block;
	white-space:nowrap;
	overflow:hidden;
	display:none;
}
.etiq-label,
.etiq-expand,
.etiq-detail {
	vertical-align:top;
}
/***********************************************************************************************
******************PROTO / n'apparait pas encore officielement dans la charte***************************
*********************************************************************************************/


/*******tableau avec le caption coloré integré avec le thead*********/
.table-header-color caption, .table-header-color thead{
	background: url("../../images/bg-table-odd.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.table-header-color caption{
	padding-left:15px;	
}
/********Pas de ligne de tableau coloré une fois sur 2******/
table.no-odd tbody tr:nth-child(2n+1) td{
	background-image: none;
}




.placeholder { color: #aaa!important; }


/**************************************************/
/********* BANDEAUX ENVIRONNEMENTS SERVEURS *******/
/**************************************************/
#environnement.prod {
    display: none;
}
#environnement.rec {
    background-color: #ff0000;
}
#environnement.dev_integration_tests {
    background-color:#678713;
}
#environnement.dev_local {
    background-color: #ffAA00;
}
#env-wrapper {
    width: 1000px;
    margin: auto;
    padding: 3px;
}
#env-wrapper span {
    color: #FFFFFF;
    line-height: 20px;
}
#env-wrapper i {
    color: #FFFFFF;
    font-size: 10pt;
    margin-left: 10px;
    margin-top: 3px;
    cursor: pointer;
}
#env-wrapper span.title {
    font-weight: bold;
    font-size: 16px;
}
#env-wrapper span.desc {
    font-size: 13px;
    text-align: right;
    padding-left: 5px;
    padding-right: 5px;
    border-left: 1px solid #FFFFFF;
}
#env-wrapper span.desc:first-child {
    border-left: none;
}

[class*="span"] + [class*="span"].selectize-control {
	margin-left:0;
}

/*******************************************************/
/******* Personnalisation de jquery.selectize.js *******/
/*******************************************************/
.selectize-control .selectize-dropdown,
.selectize-control .selectize-input,
.selectize-control .selectize-input input {
	font-size: 14px;
}
.selectize-control .selectize-input {
	padding: 4px;
	border-color: #c0c0c0;
    -moz-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.15);
    -o-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.15);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=2);
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}
.selectize-control .multi .selectize-input > input {
	margin-bottom: 3px;
}
.selectize-control .multi .selectize-input {
	padding: 4px 4px 1px;
}