/*CSS document */
@charset "UTF-8";

/****************************************************************************/
/*								BASE CSS									*/
/****************************************************************************/

/* Reset */
html, body, blockquote, ul, ol, form, img {margin: 0; padding: 0;}
img{border:0}
h1,h2,h3,h4,h5,h6,p{padding: 0; margin: 0; font-size: 100%;}
a{	text-decoration: none;
	-webkit-transition: all 0.25s 0 linear;
       -moz-transition: all 0.25s 0 linear;
        -ms-transition: all 0.25s 0 linear;
         -o-transition: all 0.25s 0 linear;
            transition: all 0.25s 0 linear;
}
:focus {outline: 0;}

/* Html5 */
header, nav, footer, section, aside, article, figure, hgroup{display: block;}
figcaption, time{display: inline-block;}

/* Alert IE */
.alert-ie6{position: fixed; top: 0; left: 0; right: 0; text-align: center; padding: 1em; background: url(../images/red-opacity.png) top left repeat; color: #fff; z-index: 9999;}
.alert-ie6 a{text-decoration: underline; font-weight: bold;}
.alert-ie6 a:hover{text-decoration: none;}

/* base font-size corresponds to 10px and is adapted to rem unit */
html {font-size: 62.5%;}
body {background: #fff url(../images/bg.jpg) top left repeat; color: #000; font-family: "Open Sans", helvetica, arial, sans-serif; font-weight: 400; font-size: 1.4em; line-height: 1.5;}

/* font-sizing for content */
h1, .h1-like {font-size: 1.8571em; /* equiv 26px */ font-weight: 700; line-height: 1.6154em; text-transform: uppercase; color: #27b9d9;}
h2, .h2-like {font-size: 1.7143em; /* equiv 24px */ font-weight: 700; line-height: 1.6154em; text-transform: uppercase;}
h3, .h3-like {font-size: 1.5714em; /* equiv 22px */ font-weight: 300; line-height: 1.6154em; color: #27b9d9;}
h4, .h4-like {font-size: 1.4286em; /* equiv 20px */ font-weight: 300; line-height: 1.6154em;}
h5, .h5-like {font-size: 1.2857em; /* equiv 18px */ font-weight: 300; line-height: 1.6154em;}
h6, .h6-like {font-size: 1.1429em; /* equiv 16px */ font-weight: 300; line-height: 1.6154em;}

	/* alternate font-sizing */
	.smaller {
		font-size: .7143em; /* equiv 10px */
		line-height: 2.1em;
	}
	.small {
		font-size: .8571em; /* equiv 12px */
		line-height: 1.75em;
	}
	.big {
		font-size: 1.1429em; /* equiv 16px */
		line-height: 1.3125em;
	}
	.bigger {
		font-size: 1.2857em; /* equiv 18px */
		line-height: 1.1667em;
	}
	.biggest {
		font-size: 1.4286em; /* equiv 20px */
		line-height: 1.05em;
	}
	.bigfa {
		font-size: 2em; /* equiv 20px */
		line-height: 1.5em;
	}
/* avoid collapsing margins */
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, p:first-child {
    margin-top: 0;
}

/* you shall not pass */
textarea, table, td, th, code, pre, samp, div, p {
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}

/* alignments (blocks and inline) */
.left {float: left;}
.right {float: right;}

.center    { margin: auto;}
.txtleft   {text-align: left!important; }
.txtright  {text-align: right!important; }
.txtcenter {text-align: center!important;  }
.txtbold {font-weight: bold;}
.txtrouge {color: #C00!important;  }
.txtvert {color: #139337!important;  }
.txtgris {color: #cccccc!important;  }
.txtblanc{color: #ffffff !important; }
.txtnoir{color: #000000 !important; }
.fondgris{background-color: #999!important; color:#fff!important; }
.fondgrisclair{background-color: #E4E4E4!important;  }
.fondnoir{background-color: #000!important; color:#fff!important; }
.fondrouge{background-color: #E94E4F!important; color:#fff!important; }

.fondnoiropaque{ display:none;background: rgba(0,0,0,0.7) !important; position: fixed; top: 0; left: 0; right: 0; bottom: 0; text-align: center; z-index: 100000000;}
.fondnoiropaque img {top : 50%; margin-top : -50px; height: 100px; position: absolute;}

.bonPoste{background-color: #e4a72e; color: white;}
.bonTraite{ background-color: #4ba9bf; color: white;}
.bonFacture{ background-color: #33a964; color: white;}

.fleche{font-size: 34px!important;}
.main {cursor: pointer;}

/* fluid, contains floats, can be placed next to a float */
.item {overflow: hidden;}

/* blocks that needs to be placed under floats */
.clear, .line{clear: both;}

/* blocks that can contain floats */
.clearfix:before, .clearfix:after,
.line:before, .line:after,
.mod:before, .mod:after {
	content: ""; display: table;
}

.block{display: block!important;}
.none{display: none!important;}

.clearfix:after,
.line:after,
.mod:after {clear: both;}

.border1{border:1px solid #aaa;border-radius: 4px; background-color: #F7F7F7;}

/* alignments (blocks and inline) */
/* ------------------------------ */

.mod.left,
.col.left {margin-right: 0;}

.mod.right,
.col.right {margin-left: 0;}

/* 1em gutter between elements if parent is .gut */
.line.gut > .left  {margin-right: 14px;}
.line.gut > .right {margin-left: 14px;}

/* "multicolumns" with % gutter */
.line.gut2 > *     {width: 49%;}
.line.gut2 > * + * {margin-left: 2%;}
.line.gut3 > *     {width: 32.333%;}
.line.gut3 > * + * {margin-left: 1.5%;}
.line.gut4 > *     {width: 24%;}
.line.gut4 > * + * {margin-left: 1.333%;}
.line.gut5 > *     {width: 18.97%;}
.line.gut5 > * + * {margin-left: 1.333%;}
.line.gut6 > *     {width: 15.6%;}
.line.gut6 > * + * {margin-left: 1.333%;}

/* #Grid
================================================== */
.grid .row {width: 100%; margin-bottom: 1.25em; zoom: 1;}
.grid .row:after {/* Or @extend clearfix */ content: ""; display: table; clear: both;}
.grid .row .column, .row .columns {margin-bottom: 2%;}
.alpha {margin-left: 0;}
.omega {margin-right: 0;}

.one, .two, .three, .four, .five, .six, .seven, .eight, .nine, .ten, .eleven, .twelve, .thirteen, .fourteen, .fifteen, .sixteen {
  width: 100%; }

.column, .columns {float: left; margin-left: 2%;}
.column:first-child, .columns:first-child {margin-left: 0;}

.one {width: 4.375%;}
.two {width: 10.75%;}
.three {width: 17.125%;}
.four {width: 23.5%;}
.five {width: 29.875%;}
.six {width: 36.25%;}
.seven {width: 42.625%;}
.eight {width: 49.0%;}
.nine {width: 55.375%;}
.ten {width: 61.75%;}
.eleven {width: 68.125%;}
.twelve {width: 74.5%;}
.thirteen {width: 80.875%;}
.fourteen {width: 87.25%;}
.fifteen {width: 93.625%;}
.sixteen {width: 100%;}



/* largeur défini + Margin/Padding T-R-B-L
================================================== */
.w20p {width: 20px !important;}
.w50p {width: 50px !important;}
.w100p {width: 100px !important;}
.w150p {width: 150px;}
.w200p {width: 200px;}
.w230p {width: 230px;}
.w250p {width: 250px;}
.w300p {width: 300px;}
.w350p {width: 350px;}
.w400p {width: 400px;}
.w450p {width: 450px;}
.w500p {width: 500px;}
.w680p {width: 680px;}
.w700p {width: 700px;}
.w800p {width: 800px;}
.w960p {width: 960px;}
.w980p {width: 980px;}
.mw980p {max-width: 980px;}

.w10    { width: 10%; }
.w20    { width: 20%; }
.w25    { width: 25%; }
.w30    { width: 30%; }
.w33    { width: 33.333%; }
.w40    { width: 40%; }
.w45    { width: 45%; }
.w50    { width: 50%; }
.w60    { width: 60%; }
.w66    { width: 66.666%; }
.w70    { width: 70%; }
.w75    { width: 75%; }
.w80    { width: 80%; }
.w90    { width: 90%; }
.w100   { width: 100% !important; }


.mt0, .mtn {margin-top: 0;}
.mt1, .mts {margin-top: 10px;}
.mt2, .mtm {margin-top: 20px;}
.mt3, .mtl {margin-top: 30px;}
.mr0, .mrn {margin-right: 0;}
.mr1, .mrs {margin-right: 10px;}
.mr2, .mrm {margin-right: 20px;}
.mr3, .mrl {margin-right: 30px;}
.mb0, .mbn {margin-bottom: 0;}
.mb1, .mbs {margin-bottom: 10px;}
.mb2, .mbm {margin-bottom: 20px;}
.mb3, .mbl {margin-bottom: 30px;}
.ml0, .mln {margin-left: 0;}
.ml1, .mls {margin-left: 10px;}
.ml2, .mlm {margin-left: 20px;}
.ml3, .mll {margin-left: 30px;}

.pt0, .ptn {padding-top: 0;}
.pt1, .pts {padding-top: 10px!important;}
.pt2, .ptm {padding-top: 20px;}
.pt3, .ptl {padding-top: 30px;}
.pr0, .prn {padding-right: 0;}
.pr1, .prs {padding-right: 10px;}
.pr2, .prm {padding-right: 20px;}
.pr3, .prl {padding-right: 30px;}
.pb0, .pbn {padding-bottom: 0;}
.pb1, .pbs {padding-bottom: 10px !important;}
.pb2, .pbm {padding-bottom: 20px;}
.pb3, .pbl {padding-bottom: 30px;}
.pl0, .pln {padding-left: 0;}
.pl1, .pls {padding-left: 10px;}
.pl2, .plm {padding-left: 20px;}
.pl3, .pll {padding-left: 30px;}

/* switching box model for all elements */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* haslayout for IE6/IE7 */
.ie67 .clearfix,
.ie67 .line,
.ie67 .mod,
.ie67 .row,
.ie67 .col {
	zoom: 1;
}

/* inline-block and table-cell for IE6/IE7 */
/* warning: .col needs width on IE6/IE7 */
.ie67 .btn,
.ie67 .col,
.ie67 .inbl {
	display: inline;
	zoom: 1;
}
.ie8 img {
	width: auto; /* @bugfix for IE8 */
}

/* box-sizing for IE6/IE7 */
/* @source https://github.com/Schepp/box-sizing-polyfill */
.ie67 * {
	behavior: url(/js/boxsizing.htc);
}


/****************************************************************************/
/*								WEB CSS										*/
/****************************************************************************/

/* header */
#header {position: relative; width: 100%; height: 165px; background: #184570; z-index: 0; color: white;} /*black url(../images/header-pattern.jpg) top center no-repeat*/
	#header > .header-top {height: 30px; padding: 5px 0 0 0; margin: 0 0 10px 0; background: #184570; z-index: 100;}
	#header > .header-top .quick {font-size: .8em}
	#header a {color: white;}
	#header a:hover,
	#header .current a {color: #27b9d9;}

		#header > .nav {height: 85px; margin: 0 auto; font-family: "Open Sans Condensed", arial, sans-serif; font-weight: 300;}
		#header > .nav > ul {padding: 0; margin: 0 auto; list-style-type: none;}
		#header > .nav > ul > li {position: relative; float: left; padding: 0; margin: 0; width: 120px; height: 85px; text-align: center; font-size: 1em;}
		#header > .nav > ul > li > a {display: block;}
		#header > .nav > ul > li > a > img {margin: 10px 0 0 0;}
		#header > .nav > ul > li > a > span {display: block; margin: 5px 0 0 0;}
		#header > .nav > ul > li > .arrow {display: none;}
		#header > .nav > ul > li.current > .arrow,
		#header > .nav > ul > li:hover > .arrow {
			display: block; position: absolute; bottom: -1px; left: 50%; margin: 0 0 0 -9px; height: 11px; width: 18px; background: url(../images/nav-arrow.png) top left no-repeat;}

	#header > .subnav {height: 41px; width: 100%; background: #013a72;} /*url(../images/subnav.png) top left repeat-x*/
	#header > .subnav > ul {padding: 0; margin: 0 auto; list-style-type: none;}
	#header > .subnav > ul > li {float: left; padding: 10px 20px; font-size: .9em;}


	.header_alert{color:#bb0221;float: right;}

.notification_alert {
    position:absolute;
    top: 30px;
    right: 30px;
    padding:2px 2px 2px 2px;
    background-color:#bb0221;
    color:white;
    text-align: center;
    width: 20px;
    font-weight:bold;
    font-size:0.75em;
    border-radius:30px;
/*    box-shadow:1px 1px 1px ; */
}

/* Content */
#content {height: auto; margin: 20px 0 20px 0; width: 980px;}
	#content a {color: #27b9d9;}
	#content a:hover {color: #217385;}

	#content > #aside {float: left; padding: 20px; width: 220px; background: white; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	-webkit-box-shadow: 1px 1px 2px #bbb; -moz-box-shadow: 1px 1px 2px #bbb; box-shadow: 1px 1px 2px #bbb;
	}
		#aside > ul {margin: 10px 0; padding: 0; list-style-type: none;}
		#aside > ul > li{margin: 0 0 0 0; padding: 0;}

	#content > #aside ~ * {margin-left: 240px;} /* Si pas de #aside, #main prend width 100% */
	/* Graphique élément fluide -> gut-> mod */
	#content .bloc {padding: 20px; background: white; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	-webkit-box-shadow: 1px 1px 2px #bbb; -moz-box-shadow: 1px 1px 2px #bbb; box-shadow: 1px 1px 2px #bbb;}

	#content > #main {padding: 20px; background: white; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	-webkit-box-shadow: 1px 1px 2px #bbb; -moz-box-shadow: 1px 1px 2px #bbb; box-shadow: 1px 1px 2px #bbb;}

		#main > p {margin: 10px 0;}
		#main > ul {margin: 10px 0; padding: 0; list-style-type: none;}
		#main > ul > li{margin: 0 0 0 0; padding: 0;}
		#main > ol {margin: 10px 0 10px 20px; padding: 0;}
		#main > ol > li{margin: 0 0 0 0; padding: 0;}

		#main table {display: table; table-layout: fixed; border-collapse: collapse; vertical-align: top;}
			#main .table {width: 100%; margin: 10px 0; caption-side: bottom;}
			#main .table caption {padding: 10px; color: #555; font-style: italic;}
			#main .table tbody,
			#main .table thead,
			#main .table tfoot {border: 1px solid #ccc;}
			#main .table tbody tr:nth-child(odd),
			#main .table tbody tr.grey {background: #eee;}
			#main .table thead tr > * + *,
			#main .table tbody tr > * + *,
			#main .table tfoot tr > * + * {border-left: 1px solid #b8b8b8;}
			#main .table tr > :last-child {text-align: right;}

			#main .table tr {
			-webkit-transition: all 0.25s 0 linear;
		       -moz-transition: all 0.25s 0 linear;
		        -ms-transition: all 0.25s 0 linear;
		         -o-transition: all 0.25s 0 linear;
		            transition: all 0.25s 0 linear;
		    }
			#main .table tbody tr:hover {background: #e7e7e7;}
			#main .table th,
			#main .table td {padding: 5px 20px; text-align: left; border-bottom: 1px solid #ccc;}
			#main .table td {color: #555;}


/* ----------------------------- */
/* ==MODULES */
/* ----------------------------- */

	/* JQUERY TAB */
	#main > ul.tabs {float: left; margin: 20px 0 0 0; padding: 0; list-style: none; height: 32px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; width: 100%;}
	#main > ul.tabs li {float: left; margin: 0; padding: 0; height: 32px; line-height: 31px; border: 1px solid #ccc; border-left: none; margin-bottom: -1px; background: #e0e0e0; overflow: hidden; position: relative;}
	#main > ul.tabs li a {text-decoration: none; color: #000; display: block; padding: 0 20px; border: 1px solid #fff; outline: none;}
	#main > ul.tabs li a:hover {background: #ccc;}
	#main > ul.tabs li.active, #main > ul.tabs > li.active a:hover {background: #fff; border-bottom: 1px solid #fff;}
	.tabs-container {position: relative; clear: both; margin: 0; border: 1px solid #ccc; border-top: 0; width: 100%; background: #fff;
		-webkit-border-radius : 0 0 5px 5px;
		   -moz-border-radius : 0 0 5px 5px;
		    -ms-border-radius : 0 0 5px 5px;
		     -o-border-radius : 0 0 5px 5px;
		        border-radius : 0 0 5px 5px;
	}
	.tabs-content {padding: 20px;}
	.tabs-content th {font-weight: bold; color: #013D85; font-size: 1.1em; text-align: left;}



	/* BREADCRUMB */
	.breadcrumb {padding: .4375em .875em; margin: 0 0 1.125em;list-style: none;}
	.breadcrumb li {display: inline-block;}
	.breadcrumb .divider {padding: 0 5px;color: #999;}



/* ----------------------------- */
/* ==FORM */
/* ----------------------------- */

/* buttons */
.btn {display: inline-block;}

/* forms items */
label {cursor: pointer;}
legend {border: 0; white-space: normal;}
button,
input,
select {font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; /* Improves appearance in IE6/7 */}
textarea {overflow: auto; /* Removes default vertical scrollbar on empty textarea in IE6/7/8/9 */
	min-height: 5em; font-size: 1em; vertical-align: top; resize: vertical;}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {cursor: pointer;
	-webkit-appearance: button; /* clickable input types in iOS */
	*overflow: visible; /* Corrects inner spacing displayed oddly in IE7 */
}
input[type="checkbox"],
input[type="radio"] { padding: 0; /* Corrects excess space around these inputs in IE8/9 */
	*width: 13px; *height: 13px; /* Corrects excess space around these inputs in IE7 */
}
input[type="search"] {-webkit-appearance: textfield;}

/* 'x' appears on right of search input when text is entered. This removes it */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	display: none;
}
::-webkit-input-placeholder {color: #777;}
input:-moz-placeholder,
textarea:-moz-placeholder   {color: #777;}

/* Removes inner padding and border in FF3+ */
button::-moz-focus-inner,
input[type='button']::-moz-focus-inner,
input[type='reset']::-moz-focus-inner,
input[type='submit']::-moz-focus-inner {border: 0; padding: 0;}

/* styling begins here */
form {margin: 2em 0 0 0; padding: 1em; border: 1px solid #ccc;}
form .form-help {padding: 0 0 .2em 0; color: #555; font-style: italic; font-size: .9em;}
form label {display: inline-block; min-width: 200px; font-weight: 700;}
form li {list-style: none;}
form li label {font-weight: 400;}
form fieldset {border: 1px solid #ddd; margin: 0 0 2em 0; padding: 10px;}
form fieldset legend{margin: 0 0 2em 0; padding: 0 10px; font-style: italic; font-weight: 700; background: white;}

	form .indent {text-indent: 200px;}
	form .block {display: block;}
	form .inline {display: inline-block;}

form p {padding: .5em 0 .2em 0;}

input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select,
textarea,
button,
input[type="reset"] { padding: .4em 0 .4em .2em; border: 1px solid #aaa; background: #f7f7f7;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	    -ms-border-radius: 4px;
	     -o-border-radius: 4px;
	        border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	  -ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	   -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s,box-shadow linear 0.2s;
  	 -moz-transition: border linear 0.2s,box-shadow linear 0.2s;
  	  -ms-transition: border linear 0.2s,box-shadow linear 0.2s;
  	   -o-transition: border linear 0.2s,box-shadow linear 0.2s;
  	   	  transition: border linear 0.2s,box-shadow linear 0.2s;
}
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
select:focus,
textarea:focus,
input[type="reset"]:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	  -ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	   -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	 	  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
/* select {height: 30px;} */
.input {
  display: inline-block; *display: inline; padding: 2px 15px; margin-bottom: 0; *margin-left: .3em; font-size: 13px; line-height: 20px; *line-height: 18px; text-align: center;
  vertical-align: middle; cursor: pointer; background-repeat: repeat-x;
  border: 1px solid #cccccc;  *border: 0;
  border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #0055cc #0055cc #003580;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.valid{
  background-color: #0074cc;  *background-color: #0055cc;
  background-image: -ms-linear-gradient(top, #0088cc, #0055cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
  background-image: -o-linear-gradient(top, #0088cc, #0055cc);
  background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
  background-image: linear-gradient(top, #0088cc, #0055cc);
}
.valid:hover{
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  text-decoration: none;
  background-color: #0055cc;
  *background-color: #004ab3;
}

.important{
  background-color: #E94E4F;  *background-color: #E94E4F;
  background-image: -ms-linear-gradient(top, #E94E4F, #E94E4F);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E94E4F), to(#E94E4F));
  background-image: -webkit-linear-gradient(top, #E94E4F, #E94E4F);
  background-image: -o-linear-gradient(top, #E94E4F, #E94E4F);
  background-image: -moz-linear-gradient(top, #E94E4F, #E94E4F);
  background-image: linear-gradient(top, #E94E4F, #E94E4F);
}
.important:hover{
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  text-decoration: none;
  background-color: #E94E4F;
  *background-color: #E94E4F;
}


.important2{
	background-color: #139337;  *background-color: #139337;
	background-image: -ms-linear-gradient(top, #139337, #139337);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#139337), to(#139337));
	background-image: -webkit-linear-gradient(top, #139337, #139337);
	background-image: -o-linear-gradient(top, #139337, #139337);
	background-image: -moz-linear-gradient(top, #139337, #139337);
	background-image: linear-gradient(top, #139337, #139337);
  }
  .important2:hover{
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	text-decoration: none;
	background-color: #139337;
	*background-color: #139337;
  }

.annul{
  color: #000000;
  background-color: #ccc;  *background-color: #ccc;
  background-image: -ms-linear-gradient(top, #ccc, #ddd);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cccccc), to(#ddd));
  background-image: -webkit-linear-gradient(top, #cccccc, #ddd);
  background-image: -o-linear-gradient(top, #cccccc, #ddd);
  background-image: -moz-linear-gradient(top, #cccccc, #ddd);
  background-image: linear-gradient(top, #cccccc, #ddd);
}
.annul:hover{
  color: #000000;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  text-decoration: none;
  background-color: #ddd;
  *background-color: #ddd;
}


.input:hover {
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
      -ms-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

.tableaucomplet{border-collapse: collapse;width:100%;}
.tableaucomplet td{border:1px solid #000;padding:5px!important;}
.tableaucomplet th{border:1px solid #000;padding:5px!important;background-color: #E4E4E4;font-weight: bold !important;text-align: center}

.tableaubordbas{border-collapse: collapse;}
.tableaubordbas th{text-align: left;border-bottom:2px solid #000;padding:5px;}
.tableaubordbas td{border-bottom:1px solid #000;padding:5px;}

a.bouton{padding: 10px;background-color: #184570;color: white !important;border-radius: 6px;}
a.boutonsuppr{padding: 10px;background-color: #FC2A1C;color: white !important;border-radius: 6px;}

.cacheloading { display:none; }
#loading{position:fixed; left:0; top:0; width:100%; height:100%; background-image:url("/images/transparentbg.png");}