/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}


/******************************/
/*         global             */
/******************************/

/* Set defaults margin to 0 for cross browser consistency  */
* {
	margin:0;
	padding:0;
}

html,body { 
	font-family:Arial, Helvetica, sans-serif; 
	-webkit-font-smoothing:antialiased;
	font-size:13px;
	margin:0px; 
	padding:0px;
	height:100%; 
	border:none; 
	overflow-y:auto;
	color:#303F48;
}

body.wait, body.wait *{
	cursor:wait !important;   
}

input, textarea, select, .gfi-field {
	font-size:14px;
}

.gfiWhiteHeader {
	height:25px;
	width:40px;	
	/*background:transparent url("../Images/Gfi4net/Divers/gfiBlanc-38-25.png") no-repeat;*/
}

.gfiAide {
	height:25px;
	width:40px;	
	/*background:transparent url("../Images/Gfi4net/Divers/gfi_aide.png") no-repeat;*/
}

#modalLayer, #deskModalLayer, #pageModalLayer, #waitLayer {
	top: 0px;
	left: 0px;
	background: #333A;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 5000;
}

#pageModalLayer {
	top: 0px;
	left: 0px;
	background: #333A;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 5000;
}

.popupContent {
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	width: 600px;
	height: 400px;
	/*position: absolute;*/
	position: fixed !important;
	z-index: 5000;
	border: 1px solid #0173C7;
	box-shadow: 5px 3px 10px #888888;
	border-radius: 8px;
}

.popupContent H1 {
	height:25px;
	margin:0px;
	padding:3px;
	color:#ffffff;
	background-color:#005573;
	font-size:1.2em;
	flex: unset;
	border-radius: 8px 8px 0px 0px;
}

.popupSubContent {
	height:calc(100% - 20px);
}

.loader {
	height:40px;
	width:40px;	
	background:transparent url("../Images/Gfi4net/Divers/loader2.gif") no-repeat;
}

.move {
	cursor:move;
}

.pointer {
	cursor:pointer;
}

/******************************/
/*    Master Page layout      */
/******************************/

#tabMainContent {
	position:relative;
	/*width:1150px;
	margin:auto;*/
	height:100%;
}

#tabPage {
	position:relative;
	/*width:1150px;*/
	height:calc(100% - 10px);
	padding-top:10px;
	/*margin:auto;*/
	margin-left: 20px;
}
/*
#tabMainData {
	float:left;
	width:950px;
	height:100%;
}
*/
#tabMainDataWide {
	/*float:left;*/
	width: calc(100% - 200px);
	height:100%;
}

#tabListFicheMainContent {
	float:left;
	width:1300px;
	margin:auto;
}

#tabListFichePage {
	float:left;
	width:1300px;
}

#tabListFicheMainData {
	float:inherit;
	 max-width:950px;	
	 width:100%
}

.tabChapterContent {
	float:left;
	/*width:790px;*/
	min-width:550px;
	margin-left:10px;
	margin-right:10px;
}

.tabChapterContentWide {
	float:left;
	width: calc(100% - 400px);
	margin-left:10px;
	margin-right:10px;
}


/******************************/
/*     Taille des icones      */
/******************************/
.gfi-basicimage{
	font-size: 13px;
	filter: alpha(opacity=100);
	opacity: 1;
	position: relative;
	left: 0px;
	top: 2px;
	height:20px;
	width:22px;
}

.gfi-toolbarimage {
	font-size: 11px;
	color:#FFFFFF;
	filter: alpha(opacity=100);
	opacity: 1;
	cursor:pointer;
	position: relative;
	left: 0px;
	top: 0px;
	height:20px;
}

.gfi-actionbarimage {
	font-size: 14px;
	color:#303F48;
	filter: alpha(opacity=50);
	opacity: 0.5;
	cursor:pointer;
	position: relative;
	left: 0px;
	top: 0px;
	height:22px;
	margin-right:3px;
	float:left;
}

.gfi-chapterimage {
	font-size: 25px;
	color:#FFFFFF;
	filter: alpha(opacity=100);
	opacity: 1;
	cursor:pointer;
	position: relative;
}

.gfi-themebutton {
	font-size: 35px;
	color:#FFFFFF;
	filter: alpha(opacity=60);
	opacity: 0.6;
	cursor:pointer;
	top:-4px;
}

.gfi-actionbarimage:hover, .gfi-themebutton:hover, .gfi-chapterimage:hover:before {
	filter : alpha(opacity=100);
	opacity : 1;
}

.gfi-themeselector {
	font-size: 30px;
	color:#0173C7;
	cursor:pointer;
	width: 35px;
	height: 35px;
	margin-top: 3px;
}
/******************************/
/*     couleurs et textes     */
/******************************/

.smaller1, .gfi-smaller1 {
	font-size:12px;
}

.smaller2, .gfi-smaller2 {
	font-size:11px;
}

.bigger1, .gfi-bigger1 {
	font-size:15px;
}

.bigger2, .gfi-bigger2 {
	font-size:16px;
}

.blanc, .gfi-blanc {
	color:#FFFFFF !important;
}

.orange, .gfi-orange {
	color:#0173C7 !important;
}

.grisf, .gfi-gris {
	color:#303F48 !important;
}
 
.gfi-noir {
	color:#000000 !important;
}
 
.gris, .gfi-grisc {
	color:#aaaabb !important;
}
 
.gras, .gfi-gras {
	font-weight:bold;
}

.italic, .gfi-italic {
	font-style:italic;
}

.oblig, .gfi-oblig {
	color:#0173C7;
	font-weight:bold;
}

input.uppercase { 
	text-transform:uppercase; 
}

.greyLine, .gfi-greyLine {
	background-color:#FAFAFA;
}

.separator-o, .gfi-separator-o {
	font-size: 1px;
	margin:10px 0px;
	height:1px;
	width:100%;
	border-style:solid;
	border-width:1px 0px 0px;
	border-color:#f7be81;
	clear:both;
}

.separator-g, .gfi-separator-g {
	font-size: 1px;
	margin:10px 0px;
	height:1px;
	width:100%;
	border-style:solid;
	border-width:1px 0px 0px;
	border-color:#aaaabb;
	clear:both;
}


.overLine, .gfi-overLine {
	background-color:#fef1e4;
}

.selectedLine, .gfi-selectedLine {
	background-color:#fdcea0;
}

.centre, .gfi-centre {
	text-align:center;
}

.greyframe, .gfi-greyframe {
	border:1px solid #E6E6E6;
}

.gfi-helptext {
	font-size:10px;
	color:#aaaabb;
}
/******************************/
/*           Items            */
/******************************/
.blockTitle {
	color:#FFFFFF;
	font-weight:bold;
	font-size:1.2em;
	background-color:#0173C7;
}

a {
	text-decoration:none;
	border-bottom-width:0px;
	border-color:#303f48;
	color:#303f48;
}

a:hover {
	text-decoration:none;
/*	border-bottom-width:1px;
	border-bottom-style:solid;   */
}

a.null {
	text-decoration:none;
}

.hlOrange {
	color:#0173C7;
	border-color:#0173C7;
	border-bottom-width:0px;
}

.hlOrange:hover {
	border-bottom-width:1px;
	border-bottom-style:solid;   
	border-color:#0173C7;
}

.hlBlanc {
	color:#FFFFFF;
	border-color:#FFFFFF;
	border-bottom-width:0px;
}

.hlBlanc:hover {
	border-bottom-width:1px;
	border-bottom-style:solid;   
	border-color:#FFFFFF;
}

.hlGris {
	color:#aaaabb;
	text-decoration:none;
	border-bottom-width:0px;
	border-color:#aaaabb;	 	
}

.hlGris:hover {
	text-decoration:none;
	border-bottom-width:1px;
	border-bottom-style:solid;   
}

INPUT, SELECT, textarea {
	border: 1px solid #489CDB ;
	background-color:white;
	display: block;
	resize: none;
	padding:5px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	margin-bottom: 4px;
}

SELECT {
	padding: 4px;
}

div ~ label, input ~ label, textarea ~ label , select ~ label {
  position: absolute;
  top: -3px;
	left:10px;
	background-color:white;
	padding:0px 5px;
	color:#aaaabb;
}

input:not([type="radio"]):not([type="checkbox"]):focus ~ label, textarea:focus ~ label, select:focus ~ label {
  color: rgb(72, 156, 219);
}


input[data-val-required] ~ label:after, textarea[data-val-required] ~ label:after, select[data-val-required] ~ label:after,
div.input-group.date[data-daterequired="true"] ~label:after /* For select the label of input date generated by GfiDate */
 {
	content:" *";
	color:#489CDB ;
	top:2px;
	position:relative;
}

input[data-val-required], textarea[data-val-required], select[data-val-required] {
	border-width:1px 1px 1px 3px;
}

input[readonly], input[readonly="readonly"]
{
	border: 1px solid grey;
}


TEXTAREA {
	font-family: Arial, Helvetica, sans-serif; 
}

FIELDSET {
	position:relative;
	margin:0.6em 5px 0.6em 0px;
	padding: 1em 8px 0.6em 8px;
	border:1px solid #E6E6E6;
	display:inline-block;
	width:calc(100% - 23px);
	box-sizing:content-box;
}

LEGEND {
	float:left;
	margin:-1.4em 0 0 0;
	line-height:1em;
	padding: 1px 4px 1px 4px;
	color:#FFFFFF;
	font-weight:bold;
	background-color:#0173C7;
}

UL {
	margin:10px 0px 10px 5px;
}

LI {
	margin:0px 0px 4px 0px;
}

SPAN {
	word-wrap: break-word;
}

.gfi-input-filter {
	padding:2px;
	background:url("../Images/Gfi4net/Divers/filter-o.png") no-repeat right;  
}
.gfi-input, .gfi-text, .gfi-field {
  position: relative;
  padding: 5px 5px;
  min-height: 17px
}

.gfi-field {
  min-height:17px;
}

.gfi-field[disabled]
{
    border-color: transparent;
}

.gfi-btnradio {
	top: 1px;
	position: relative;
}

.gfi-field, .gfi-radiogroup {
	border: 1px solid #E6E6E6;	
	display: inline-block;
}

.gfi-radiogroup {
	padding: 4px 10px 0px 5px;
}

.gfi-text {
	top:2px;
}

.gfi-grille {
	padding:5px 0px;
	display:inline-block;
}

.gfi-inputlist  {
  position: relative;
  padding: 1px 0px 1px 5px;
}

.gfi-floatl {
	float:left;
}

.gfi-floatr {
	float:right;
}

.gfi-clear {
	clear:both;
}

.gfi-clearl {
	clear:left;
}

.gfi-clearr {
	clear:right;
}

.LabelTop, .gfi-labelTop{
	vertical-align:top;
}

a.imageButton {
	border-bottom-width:0px;
	opacity: 0.5;
}

a.gfi-noborder {
	border-bottom-width:0px;
}

a.imageButton:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

.rowHeight, .gfi-rowspace {
	margin-bottom:4px;
}

.rowHeight SPAN {
	line-height:20px;
}

.gfi-minw500 {
	min-width: 500px;
}

.gfi-border-edit {
	border-color: #f7be81;
}

.gfi-rowup {
	position: relative;
	top :-5px
}

.gfi-font-family {
	font-family: Arial,Helvetica,sans-serif;
}

/* Style à utiliser pour matérialier les données affichées */
.gfi-outputField {

}

ul.espace {
	list-style-type:square;
	margin-left:5px;
	color:#0173C7;
	padding-left:25px;
}

ul.espace li {
	margin-bottom:10px;
}

.s40 {
	width:40px;
}

.s60 {
	width:60px;
}

.s80 {
	width:80px;
}

.s90 {
	width:90px;
}

.s100 {
	width:100px;
}

.s120 {
	width:120px;
}

.s140 {
	width:140px;
}

.s150 {
	width:150px;
}

.s160 {
	width:160px;
}

.s180 {
	width:180px;
}

.s200 {
	width:200px;
}

.s220 {
	width:220px;
}

.s240 {
	width:240px;
}

.s250 {
	width:250px;
}

.s270 {
	 width:270px;
}

.s300 {
	 width:300px;
}

.s350 {
	 width:350px;
}

.s400 {
	 width:400px;
}

.s450 {
	 width:450px;
}

.s500 {
	 width:500px;
}

.s550 {
	 width:550px;
}

.s600 {
	 width:600px;
}

/* Position of the loader for an input field while retrieving data from the server. */
.gfi-input-loader, .gfi-input-loader-autocomplete, .gfi-input-loader-choixsurliste, .gfi-input-loader-dropdown {
    position: absolute;
    top: 13px;
}


/********************************
  Inputs particuliers
 ********************************/
.gfi-datePicker {
	 background:url("../Images/Gfi4net/Divers/calendrier-o.png") no-repeat right;  	
	 width:100px;
}

 .gfi-displaydate {
	 width:100px;
}
 
 .gfi-autocomplete {
	 background:url("../Images/Gfi4net/Divers/liste-o.png") no-repeat right;  	
}

.gfi-choixsurliste {
	 float:left;
}
  
.gfi-choixsurliste-button {
	 float:left;
	 padding: 0px 5px 8px 0px;
}

.gfi-choixsurliste-button a {
	 margin: 8px;
     top: 4px;
}

.gfi-dropdown-group-item {

}

.ui-autocomplete {
	 max-height:160px;
	 overflow-y:auto;
	 overflow-x:hidden;
	 z-index:9000000000 !important;
}

.controlGroup {
	 display:inline-block;
	 vertical-align:top;
}

/******************************/
/* Pictos de popup et boutons */
/******************************/

.o-alerteWarning {
	font-size:45px;
	speak:none;
	color:#0173C7;
	float:left;
	font-family:font3; 
}

.o-alerteWarning:before {
	content:'\E150';
	filter:alpha(opacity=50);
	opacity:0.5;
}

/*.btnPopup {
    color: #f9f9f9;
    filter: alpha(opacity=80);
    cursor: pointer;
    text-decoration: none;
    background: #0173c7;
    margin: 0px 5px;
    padding: 6px;
    border-radius: 4px;
}

.btnPopup:hover {
    color: #f9f9f9;
	border-style:solid;
	border-width:0px 0px 0px 0px;
	border-color:#0173C7;
	filter:alpha(opacity=100);
	opacity:1;
    text-decoration:none;
}

.btnPopup:focus {
    text-decoration:none !important;
}*/

.tabToolbar {
	float:left;	
	width:150px;
	top:20px;
	background-color:#FFFFFF;
	opacity:1;
	filter:alpha(opacity=100);
	box-shadow:3px 3px 5px #A4A4A4;
}

.toolButtonImg {
	margin-right:5px;
}

.toolButton {
	background-color:#0173C7;
	padding:6px 10px 8px 3px;	
	border-width:0px 0px 1px 4px;
	border-color:#A4A4A4;
	border-style:solid;	
	color:#ffffff;
	opacity:0.7;
	filter:alpha(opacity=70);	  	
}

.toolButton:hover {
	border-width:0px 0px 1px 4px;
	border-color:#303f48;
	border-style:solid;
	cursor:pointer;
	opacity:1;
	filter:alpha(opacity=100);   
	color:#ffffff;
	background-color:#0173C7;	
}

.toolSeparator {
	opacity:0.6;
	filter:alpha(opacity=60);
	border-width:0px 0px 1px 4px;	
	border-color:#A4A4A4;
	border-style:solid;	
	padding-left:5px;
	padding-top:3px;
	height:16px;	
}

.toolHandle {
	padding:0px 10px;	
	background-color:#cccccc;
	color:#303f48;
	height:15px;	
	border-width:1px 0px 1px 4px;
	border-color:#A4A4A4;
	border-style:solid;	
	opacity:0.7;
	filter:alpha(opacity=70);	
}

.toolHandle:hover {
	border-width:1px 0px 1px 4px;
	border-style:solid;
	cursor:move;
	opacity:1;
	filter:alpha(opacity=100);
	color:#ffffff;
	background-color:#303f48;
}

/**************************************/
/*           Liste multipage          */
/**************************************/

.o-premier, .o-dernier {
	font-size:20px;
	speak: none;
	color:#0173C7;
	float:left;
	font-family:font3; 
	margin-top:-4px;
	cursor:pointer;
}

.o-precedent, .o-suivant {
	font-size:22px;
	speak:none;
	color:#0173C7;
	float:left;
	font-family: font3; 
	margin-top:-4px;
	cursor:pointer;
}

.o-precedent:before {
	filter:alpha(opacity=50);
	opacity:0.5;
	content:'\E192';
}

.o-suivant:before {
	filter:alpha(opacity=50);
	opacity:0.5;
	content:'\E195';
}

.o-dernier:before {
	filter:alpha(opacity=50);
	opacity:0.5;
	content:'\E17B';
}

.o-premier:before {
	filter:alpha(opacity=50);
	opacity:0.5;
	content:'\E17A';
}

.o-precedent:hover:before, .o-dernier:hover:before, 
.o-premier:hover:before, .o-suivant:hover:before {
	opacity:1;
	filter:alpha(opacity=100);
}

/**************************************/
/* Déplacement haut/bas/gauche/droite */
/**************************************/

.o-right, .o-left, .o-up, .o-down {
	font-size:28px;
	speak:none;
	color:#0173C7;
	font-family:font3; 
	margin-top:-4px;
	cursor:pointer;
	text-align:center;
}

.o-right:before {
	filter:alpha(opacity=50);
	opacity:0.5;
	content:'\E199';
}

.o-left:before {
	filter:alpha(opacity=50);
	opacity:0.5;
	content:'\E196';
}

.o-up:before {
	filter:alpha(opacity=50);
	opacity:0.5;
	content:'\E198';
}

.o-down:before {
	filter:alpha(opacity=50);
	opacity:0.5;
	content:'\E197';
}

.o-right:hover:before, .o-left:hover:before, 
.o-down:hover:before, .o-up:hover:before {
	opacity:1;
	filter:alpha(opacity=100);
}

/********************************
  Images 
 ********************************/

.b-annuler {
	cursor:pointer;
	font-size:14px;
	speak:none;
	color:#ffffff;
	float:left;
	font-family:font3; 
	margin-top:2px;
    text-decoration: none !important;
}

.b-annuler:before {
	content:'\E306';
}


.b-annuler:hover {
    color: white;
}

.b-annuler:hover:before {
	filter:alpha(opacity=100);
	opacity:1;
} 

.gfi-tooltip {
	color:#aaaabb;
	font-family:font2;
}

.gfi-tooltip:before {
	content:'\E12E';
}

/******************************/
/*     Page de connexion      */
/******************************/
.gfiWhiteAccueil {
	height:40px;
	width:60px;	
	background:transparent url("../Images/Gfi4net/Divers/gfiBlanc-60-40.png") no-repeat;
}

.backgroundConnection {
	background:#FFFFFF url("../Images/Gfi4net/Divers/fond_connexion.png")  no-repeat;	
}

#connexionMainContent {
	position: relative;
	left: 50%;
	top: 50%;
	border: 1px solid #303f48;
	box-shadow: 5px 3px 10px #888888;
	margin-left: -270px;
	margin-top: -110px;
	width: 540px;
	height: 220px;
	/*background-color: #303f48;*/
	background-color: #232d4b;
}

#connexionMainContent .leftPanel {
	background:#ffffff url("../Images/login_background.png") no-repeat;
	/*background: #ffffff;*/
	background-size:544px 224px;
	height:200px;	
	padding:10px;
	float:left;
	width:240px;
}

#connexionMainContentProduit {
	background: #ffffff url("../Images/logo_inetum_pep_premium.png") no-repeat;
	/*background: #ffffff;*/
	background-size: 211px 78px;
	height: 200px;
	padding: 10px;
	float: left;
	width: 240px;
}

#connexionMainContent > div {
	left:0px !important;
}

#connexionMainContent .rightPanel {
	float:left;
	width:260px;
	/*margin-left:15px;*/
	margin: 0px;
	height:200px;	
	color:#ffffff;
}

#connexionMainContent H1 {
	margin:5px 0px 20px 0px;
	padding:0px;
	color:#ffffff;
	font-size: 1.2em;
	font-weight: normal;
}

#hlConnexion, #hlCancel {
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    border-bottom-width: 0px;
    border-color: #ffffff;
    margin: 5px 12px;
}
	
#hlConnexion:hover {
	text-decoration:none;
	border-bottom-width:1px;
	border-bottom-style:solid;   
}

#hlCancel {
    opacity: 0.5;
}

#hlEnregistrer {
	margin-left:85px;
	font-size:16px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	border-bottom-width:0px;
	border-color:#ffffff;	 
}
	
#hlEnregistrer:hover {
	text-decoration:none;
	border-bottom-width:1px;
	border-bottom-style:solid;   
}

.externalbutton {
	text-align: justify;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	border-bottom-width: 0px;
	border-color: #ffffff;
	width: 50%;
}

.externalbutton:hover {
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
/********************************
  Page d'aide en ligne
 ********************************/

#helpMainContent {
	width:100%;
	height:100%;
}

#helpMainContent .indexPanel {
	background:transparent url("../Images/Gfi4net/Divers/fond1px_aide.png") 0px 32px repeat-x;
	border:1px solid #303f48 ;
	box-shadow:5px 3px 10px #888888;
	padding-top:2px;
}

#helpMainContent .helpPanel {
	margin-left:10px;
}

#helpMainContent .helpPanel H1 {
	color:#303f48;
	background:transparent url("../Images/Gfi4net/Divers/bandeau.png")  no-repeat;
	font-weight:bold;	
	font-size:22px;
	margin-top:0px;		
}

#helpMainContent .helpPanel H2 {
	text-align:left;
	color:#0173C7;
	font-weight:bold;	
	font-size:16px;
	margin-top:0px;
	border-color:#0173C7;
	border-width:0px 0px 1px;
	border-style:solid;		
}

#helpMainContent .helpPanel H3 {
	text-align:left;
	color:#303f48;
	font-weight:bold;	
	font-size:0.9em;
	margin-top:0px;
	border-color:#303f48;
	border-width:0px 0px 1px;
	border-style:solid;		
}

#helpMainContent .helpPanel H4 {
	text-align:left;
	color:#303f48;
	font-weight:bold;	
	font-size:12px;
	margin-top:0px;
}

#helpMainContent LABEL {
	float:left;
	width:5em;
	margin-right:12px;
	padding-top:4px;
}

ul.ulHelp {
	list-style-type:none;
	padding-left:20px;	
}


ul.ulHelp li {
	margin:5px
}

.hlHelp {
	color:#303F48;
}

.hlHelp:hover {
	text-decoration:none;
	border-bottom-width:1px;
	border-bottom-style:solid;   	
	border-color:#303F48;
}

#helpTabs {
	overflow:hidden;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
}

#helpTabs li {
	float:left;
	margin:0 -15px 0 0;
}

#helpTabs a {
	float:left;
	position:relative;
	padding:0 20px;
	height:0; 
	line-height:30px;
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
	border-right:30px solid transparent;
	border-bottom:30px solid #303f48;
	border-bottom-color:#303f48;
	opacity:0.3;
	filter:alpha(opacity=30);	  
}

#helpTabs a:hover, #helpTabs a:focus {
	border-bottom-color:#0173C7;
	opacity:1;
	filter:alpha(opacity=100);
}

#helpTabs a:focus {
	outline:0;
}

#helpTabs #current {
	z-index:3;
	border-bottom-color:#303f48;
	opacity:1;
	filter:alpha(opacity=100);	  
}

#helpTabs a {
	height:0; 
	line-height:30px;
	border-right:30px solid transparent;
	border-bottom:30px solid #303f48;	  
}

.tabFrame {
	width:100%;
	height:99%;
	border:0px;
}

/********************************
  Page d'erreur
 ********************************/
#errorMainContent {
	position:relative;
	left:50%;
	top:50%;
	border:1px solid #0173C7;
	margin-left:-450px;
	margin-top:-250px;	
	width:900px;
	height:500px;
	background-color:#303f48;
	/*box-shadow:5px 3px 10px #888888;*/
    box-shadow:none;
}

#errorMainContent .leftPanel H1 {
	margin:0px 0px 10px 0px;
	padding:0px;
	color:#303f48;
	font-size:1.3em;
	text-align:center;
}

#errorMainContent .leftPanel {
	height:480px;	
	padding:10px;
	float:left;
	width:670px;
	background:#ffffff url("../Images/Gfi4net/Divers/info.png") 0px 10px no-repeat;
	overflow: auto;
}

#errorMainContent .rightPanel {
	float:left;
	width:180px;
	padding:10px;
}
	
#errorMainContent .leftPanel H2 {
	margin:0px 0px 15px 0px;
	padding:0px;
	color:#0173C7;
	font-size:1.2em;
	text-align:center;
}

#errorMainContent .rightPanel H1 {
	margin:0px 0px 10px 0px;
	padding:0px;
	color:#ffffff;
	font-size:1.3em;
	text-align:center;
}

.input-validation-error {
	/*background-color:#fef7ec;*/
	border:1px solid red !important;
}

.message {
	color:#303F48;
	padding:0px;
	min-height:50px;
	cursor:pointer;
}

.info{
	background-color:#FFFFFF;
	border-color:#48b4ff;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.error {
	background-color:#de4343;
	border-color:#c43d3d;
}
		 
.warning {
	background-color:#FFFFFF;
	border-color:#d99a36;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.success{
	background-color:#61b832;
	border-color:#55a12c;
}


.validation-summary-errors ul, #message_summary_body ul {
	list-style-type:square;
	font-size:1em;
	margin-left:5px;
	color:#303F48;
	padding-left:80px;
}

.validation-summary-errors li {
	margin:4px;
	filter:alpha(opacity=100);
	opacity:1;
}

.validation-summary-valid { 
	display:none; 
}

.errorPanel, .infoPanel {
	box-shadow:3px 3px 5px #A4A4A4;
	width:640px;
	z-index:1000;
	margin-left:-390px;
	left:50%;
	position:absolute;
	background-color:#FFFFFF;
	border:1px solid #A4A4A4;
}

.errorHandle {
		/*background-size: 40px 40px;
		background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
							transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
							transparent 75%, transparent);		
		 animation: animate-bg 5s linear infinite;*/     
	padding:0px 10px;	
	/*background-color:#cccccc;*/
	background-color:#0173C7;
	color:#FFFFFF;
	height:15px;	
	opacity:0.7;
	filter:alpha(opacity=70);	  	
}

.errorHandle:hover, .infoHandle:hover {
	cursor:move;
	color:#FFFFFF;
	opacity:1;
	filter:alpha(opacity=100);
}


.infoHandle {
	padding:0px 10px;	
	background-color:#48b4ff;
	color:#FFFFFF;
	height:15px;	
	opacity:0.7;
	filter:alpha(opacity=70);	 
}

.b-warning {
	font-size:40px;
	speak:none;
	color:#0173C7;
	float:left;
	font-family:font3; 
	margin-top:-5px;
	margin-left:5px;
}

.b-warning:before {
	content:'\E150';
} 

.b-info {
	font-size:40px;
	speak: none;
	color:#48b4ff;
	float:left;
	font-family:font3; 
	margin-top:-5px;
	margin-left:5px;
}

.b-info:before {
	content:'\E14D';
} 

.b-success {
	font-size:40px;
	speak: none;
	color:#48ee58;
	float:left;
	font-family:font3; 
	margin-top:-5px;
	margin-left:5px;
}

.b-success:before {
	content:'\F058';
} 

.b-error {
	font-size:40px;
	speak:none;
	color:#fb4d30;
	float:left;
	font-family:font3; 
	margin-top:-5px;
	margin-left:5px;
}

.b-error:before {
	content:'\F057';
} 

.message-summary-hidden { 
	display:none; 
}


/********************************************************
  Redéfinition des style du jqGrid et datepicker pour un 
  affichage conforme à la gcharte graphique GFI 
********************************************************/
.ui-widget.ui-widget-content.ui-jqgrid {
    border: 0px solid transparent !important;
}

.ui-widget-content {
	border:1px solid #a8a8a8 !important;
}

.ui-widget-content .ui-state-default {
	border-spacing:0px 0px !important;
	font-weight:bold !important;
	color:#0173C7 !important;
	background:#f2f2f2 !important;
}

.ui-corner-all {
	border-radius:7px !important;
}

.ui-widget-content .ui-state-hover  {
	background:rgba(128, 168, 227, 0.5) !important; 
}

.ui-jqgrid tr.jqgrow td {
	border-color:#a8a8a8 !important;
}

.ui-jqgrid-sortable .s-ico {
	margin-right:20px !important;
	float:right !important;
}

.ui-search-menu { 
	position:absolute; 
	padding:2px 5px; 
	z-index:99999999;
}

.ui-datepicker-header, .ui-widget-header {
	border:1px solid #a8a8a8 !important;
	background:#ccc !important;
	color:#222 !important;
	font-weight:bold !important;
}

/*.ui-state-hover, .ui-widget-content .ui-state-hover{
	border:0px !important;
}*/

.ui-widget-content .ui-state-highlight {
	background: rgba(1, 115, 199, 0.75) !important;
	border:0px !important;
	/*line-height:0 !important;*/
	/*background:#f7be81 !important;*/
	/*border: 1px solid #a8a8a8 !important;*/
    color:white !important;
    opacity:1;
}

/* Curseur pointer pour les lignes de jqGrid*/
.ui-jqgrid tr.jqgrow {
	cursor: pointer;
}

.ui-pg-input {
	padding:0px;
	display:inline;
}
/********************************************
				Barre de filtrage 
********************************************/
.gfi-filterBar {
	float:left;	
	width:235px;
	left:0px;
	top:20px;
    display: inline-block;
	box-shadow: 3px 3px 5px #A4A4A4;
	border-width: 0px 1px 0px 4px;
	border-color:#C8C8C8;
	border-style:solid;
    margin-right: 10px;
	background-color:#FFFFFF;
	z-index:100000;
}

.gfi-filterBar .rowHeight {
    padding-left: 5px;
}

.gfi-filterBar-blockHandle {
	padding:0px 10px;	
	background-color:#cccccc;
	color:#303f48;
	height:15px;	
	border-width:1px 0px 0px 0px;
	border-color:#A4A4A4;
	border-style:solid;	
	opacity:0.7;
	filter:alpha(opacity=70);	  	
}

.gfi-filterBar-blockHandle:hover {
    border-width: 1px 0px 0px 0px;
    border-style: solid;
    cursor: move;
    opacity: 1;
    filter: alpha(opacity=100);
    color: #ffffff;
    background-color: #303f48;
}

.gfi-filterBar-blockTitle {
    background-color: #0173C7;
    border-width: 1px 0px 0px 0px;
    border-color: #C8C8C8;
    border-style: solid;
    color: #ffffff;
    padding: 3px 10px 4px 3px;
    margin-bottom: 4px;
    height: 18px;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.gfi-filterBar-blockContent {
    margin-left: 5px;
    margin-bottom: 5px;
}

.gfi-filterBar-groupingResult {
    display: block;
    margin: 5px 3px
}

.gfi-filterBar-groupingResult-title {
    font-style: italic;
}

.gfi-filterBar-groupingResult-value {
    padding-left: 30px;
    cursor:pointer;
}

.gfi-filterBar-groupingResult-value-link:hover {
    text-decoration: underline;
}

.filterBlockFavoris {
	background-color:#0173C7;
	border-width:1px 0px 1px 0px;
	border-color:#C8C8C8;
	border-style:solid;
	cursor:pointer;
	color:#ffffff;
	padding:3px 10px 4px 3px;
	margin-top:4px;		
	opacity:0.7;
	filter:alpha(opacity=70);	 
}

.filterBlockFavoris:hover {
	opacity:1;
	filter:alpha(opacity=100);	 
}

/*********************************************
	  Liste des résultats de la recherche
 *********************************************/
.gfi-searchResultsContainer {
    display: inline-block;
    vertical-align: top;
    top: 20px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.gfi-searchResultsEmpty {
    display: inline-block;
    vertical-align: middle;
    top: 20px;
    height: 100%;
    overflow: hidden;
    text-align: center;
    font-size: 14px;
    padding-top: 10%;
}

.gfi-searchResults-searchResultLine {
    width: 100%;
    height: 22px;
}

/*
.gfi-searchResults-searchResultLine:hover {
    background-color: #fef1e4;
}
*/

tbody .gfi-searchResults-searchResultLine:hover {
    background-color: #489CDB;
    color:white;
}

[data-gfi4net-search-result-container-link]:hover {
    cursor: pointer;
}

[data-gfi4net-search-result-line-column-link]:hover {
    cursor: pointer;
    text-decoration: underline;
}

.gfi-searchResults-sortableColumnTitle {
    text-decoration: underline;
}


/*********************************************
	  Référentiel
 *********************************************/
.ReferentielDomainDiv {
    color: #0173C7;
    width: 26%;
    padding: 5px;
    float: left;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #E6E6E6;
    margin: 5px 0px 15px 0px;
    margin-left: 10px;
    min-height: 250px;
    max-height: 250px;
    overflow: auto;
}

.referentiel-traitements ul {
	color:#0173C7;
	list-style-type:square;
	margin-left:5px;
	padding-left:15px;
}

/*******************/
/*	  Tableau       */
/*******************/
.tabBorder {
	border:1px solid #a8a8a8 !important;
	padding:5px;
}
.tabHeader {
	border-spacing: 0px 0px !important;
	font-weight: bold !important;
	/*color: #0173C7 !important;*/
	color: #f2f2f2 !important;
	/* background:#f2f2f2 !important; */
	background-color: #2985CA !important;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #a8a8a8;
	padding: 5px;
}

.tabHeader label {
	top: 0px;
	left: 0px;
	background-color: transparent;
	visibility: visible;
	color: #f2f2f2;
}

/********************/
/* Iframes de popup */
/********************/
.popupIframe {
	width:100%;
	height:calc(100% - 5px);
	border:0px none;
	overflow-y:auto;
}

/*******************/
/*  ComplexEntity  */
/*******************/
.actionBar {
	right:10px;
	position:relative;
	clear:both;
	float:right;
	background-color:#ffffff;
	padding:0px 10px;
	bottom:calc(-0.6em - 3px); /* = - padding-bottom du fieldset -3px */
	height:5px;
}
fieldset > .actionBar > *, fieldset > form > .actionBar > * {
	margin-top:-0.6em;
}

.actionBarButtonSeparator {
	float:left;
	padding:3px 15px;
}

fieldset form {
	overflow-y:inherit;
}

.actionBarLink {
	float:left;
	padding:4px 5px 0px 5px;
}

/*******************/
/*   Chapitres     */
/*******************/

.gfi-indexSeparator {
	width:4px;
	background-color:#0173C7;
	margin-top:1px;
	height:calc(100% - 5px);
	float:left;
}

.gfi-chapterButton, .gfi-chapterButtonDisabled, .gfi-chapterButtonSelected {
	margin:1px;
	height:50px;
	width:180px;
}

.gfi-chapterButton {
	background-color:#cccccc;
	cursor:pointer;
}

.gfi-chapterButton:hover {
	background-color:#303f48;
}

.gfi-chapterButtonSelected {
	background-color:#0173C7;
	cursor:pointer;
	margin-right:0px;
	width:181px;
}

.gfi-chapterButtonDisabled {
	opacity:0.6;
	cursor:default;
	background: repeating-linear-gradient( -45deg, #dddddd, #dddddd 10px, #cccccc 10px, #cccccc 20px );
	color:#FFFFFF;
}

.gfi-chapterButtonDisabled .gfi-chapterimage {
	color: #FFFFFF;
}


.gfi-formimage {
	font-size: 17px;
}


/*****************************/
/*   Div Modification saved  */
/*****************************/
.gfi-divConteneurModificationSaved {
	margin: 5px auto;
	width: 100%;
	text-align: center;
	display: table;
}

.gfi-divContentModificationSaved {
	background: #f2f2f2;
	border: 1px solid #e6e6e6;  
	display: inline-block;
	padding: 2px 25px 2px 15px;
	margin: 0 auto;
}

.gfi-divImageModificationSaved {
	font-size: 28px;
	color: #0173C7;
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
}

.gfi-divTextModificationSaved {
	color: #212121;
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
}

/******************************/
/*   Fonts pour les images    */
/******************************/

@font-face {
	 font-family: "font1";
	 src: url('../Gfi4Net/Font/font1.eot');
	 src: url('../Gfi4Net/Font/font1.eot?#iefix') format('embedded-opentype'),
		  url('../Gfi4Net/Font/font1.ttf') format('truetype');
	 font-weight:normal;
	 font-style:normal;
}

@font-face {
	font-family: "font2";
	src: url('../Gfi4Net/Font/font2.eot');
	src: url('../Gfi4Net/Font/font2.eot?#iefix') format('embedded-opentype'),
		 url('../Gfi4Net/Font/font2.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;  
}

@font-face {
	font-family: "font3";
	src: url('../Gfi4Net/Font/font3.eot');
	src: url('../Gfi4Net/Font/font3.eot?#iefix') format('embedded-opentype'),
		 url('../Gfi4Net/Font/font3.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}

/****************************/
/*       Pictogrammes       */
/****************************/

/*** font1 ***/

.gfi-sortAsc, .gfi-sortDesc, .gfi-application, .gfi-planification {
	speak: none;
	font-family: font1; 
	position: relative;
	left:4px;
}

.gfi-planification:before {
	content:'\F0EC';
}

.gfi-sortAsc:before {
	content:'\F1C3';
}

.gfi-sortDesc:before {
	content:'\F1C4';
}

.gfi-application:before {
	content:'\F019';
} 

/*** font2 ***/

.gfi-list, .gfi-mozaic, .gfi-user, .gfi-group, .gfi-parametre, .gfi-disconnect, .gfi-drawer, .gfi-back, .gfi-tooltip  {
	speak: none;
	font-family: font2; 
	left:4px;
	position: relative;
}

.gfi-tooltip {
	color:#aaaabb;
}

.gfi-tooltip:before {
	content:'\E12E';
}

.gfi-back:before {
	content: '\E086';
}

.gfi-drawer:before {
	content: '\E0C1';
}

.gfi-group:before {
	content:'\E3A2';
}

.gfi-user:before {
	content:'\E3A1';
}

.gfi-mozaic:before {
	content:'\E218';
}

.gfi-list:before {
	content:'\E219';
}

.gfi-parametre:before {
	content:'\E3BE';
} 

.gfi-disconnect:before {
	content:'\E2D6';
}

/*** font3 ***/

.gfi-refresh, .gfi-next, .gfi-prev, .gfi-import, .gfi-contact, .gfi-send, .gfi-download, .gfi-phone, .gfi-nophone, .gfi-mail, .gfi-nomail, .gfi-collapse, .gfi-expand, .gfi-cancel, 
.gfi-edit, .gfi-alert, .gfi-message, .gfi-modify, .gfi-note, .gfi-favorite, .gfi-adress, .gfi-calendar, .gfi-delete, .gfi-add, .gfi-remove, .gfi-edit, .gfi-left, .gfi-right, 
.gfi-referentiel, .gfi-desk, .gfi-traitement, .gfi-help, .gfi-info, .gfi-expandleft, .gfi-publish, .gfi-export, .gfi-duplicate, .gfi-advanced, .gfi-paramdesk, .gfi-conftrtdesk, 
.gfi-page, .gfi-search, .gfi-initialize, .gfi-print, .gfi-date, .gfi-oldphone, .gfi-forbiden, .gfi-checked, .gfi-unchecked, .gfi-erase, .gfi-more, .gfi-up, .gfi-down {
	speak: none;
	font-family: font3;
	left: 4px;
	position: relative;
}

 .gfi-loupe {
	speak: none;
	font-family: font3;
	position: relative;
}

.gfi-up:before {
	content: '\F106';
}

.gfi-down:before {
	content: '\F107';
}

.gfi-more:before {
	content: '\E1A7';
}

.gfi-erase:before {
	content: '\E14A';
}

.gfi-unchecked:before {
	content: '\F096';
}

.gfi-checked:before {
	content: '\F046';
}

.gfi-forbiden:before {
	content: '\E401';
}

.gfi-oldphone:before {
	content: '\E0C9';
}

.gfi-date:before {
	content: '\E202';
}

.gfi-print:before {
	content: '\E0EF';
}


.gfi-advanced:before {
	content: '\E1A7';
}

.gfi-duplicate:before {
	content: '\E3B4';
}

.gfi-export:before {
	content: '\E383';
}

.gfi-publish:before {
	content: '\E16B';
}

.gfi-refresh:before {
	content: '\E151';
}

.gfi-next:before {
	content: '\E1A1';
}

.gfi-prev:before {
	content: '\E19E';
}

.gfi-import:before {
	content: '\E384';
}

.gfi-contact:before {
	content: '\E34C';
}

.gfi-send:before {
	content: '\E0CE';
 }

.gfi-download:before {
	content: '\F019';
}

.gfi-phone:before {
	content: '\E2F8';
}

.gfi-nophone:before {
	content: '\E2F9';
}

.gfi-mail:before {
	content: '\E2CB';
    content: '\E2CB';
    position: absolute;
    bottom: 0;
    left: 3px;
}

.gfi-nomail:before {
	content: '\E2CC';
}

.gfi-collapse:before {
	content: '\F077';
}

.gfi-expand:before {
	content: '\F078';
}

.gfi-cancel:before {
	content: '\E350';
}

.gfi-edit:before {
	content: '\E349';
}

.gfi-alert:before {
	content: '\E230';
}

.gfi-message:before {
	content: '\E3B8';
}

.gfi-modify:before {
	content: '\E305';
}

.gfi-note:before {
	content: '\E3EE';
}

.gfi-favorite:before {
	content: '\E074';
}

.gfi-adress:before {
	content:'\E0DB';
}

.gfi-calendar:before {
	content:'\E201';
}

.gfi-left:before {
	content:'\F053';
}

.gfi-right:before {
	content:'\F054';
}

.gfi-remove:before {
	content:'\F057';
}

.gfi-add:before {
	content:'\F067';
}

.gfi-delete:before {
	content:'\E4A8';
}

.gfi-referentiel:before {
	content:'\E292';
}

.gfi-desk:before {
	content:'\E339';
} 

.gfi-traitement:before {
	content:'\E22E';
} 

.gfi-loupe:before {
	content:'\E2E1';
} 

.gfi-help:before {
	content:'\E14E';
}

.gfi-info:before {
	content:'\E14C';
}

.gfi-expandleft:before {
	content:'\E19E';
}

.gfi-paramdesk:before {
	content:'\E0F4';
}

.gfi-conftrtdesk:before {
	content:'\E064';
}

.gfi-page:before {
	content:'\E414';
} 

.gfi-search:before {
	content:'\E2E1';
}

.gfi-initialize:before {
	content:'\E153';
}

/* Masquage des checkbox */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: relative;
  left:3px;
  top:10px;
}
 
/* Label décalé pour laisser la place à la nouvelle checkbox */
/* Utilisation de ~ au lieu de + car le helper Html.CheckBox intercale
   un INPUT HIDDEN entre la checkbox et le label */
[type="checkbox"]:not(:checked) ~ label,
[type="checkbox"]:checked ~ label {
  position: relative;
  padding-left: 25px;
  padding-top: 3px;
  left:0px;
  cursor: pointer;    
  vertical-align: top;
  width: auto;
  visibility: visible;
  background-color: transparent;
  color: #303f48;
  top: -10px;
  /*font-size: 12px;*/
}

/* Design des checkboxes */
[type="checkbox"]:not(:checked) ~ label:before,
[type="checkbox"]:checked ~ label:before {
  content: '';
  position: absolute;
  left:0; 
  top: 2px;
  width: 15px; height: 15px; 
  border: 1px solid #f7be81;
  background: #ffffff;
}
 
/* Design de la coche */
[type="checkbox"]:not(:checked) ~ label:after,
[type="checkbox"]:checked ~ label:after {
	speak: none;
	font-family: font3; 
    position: absolute;
    content: '\E305';
    top: 1px;
    left: 3px;
    font-size: 12px;
    color: #0173C7;
    font-weight: normal; 
}
/* Aspect si "pas cochée" */
[type="checkbox"]:not(:checked) ~ label:after {
    opacity: 0; 
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0); /* mise à l'échelle à 0 */
}
/* Aspect si "cochée" */
[type="checkbox"]:checked ~ label:after {
    opacity: 1; 
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); /* mise à l'échelle 1:1 */
}

/* style désactivé */
[type="checkbox"]:disabled:not(:checked) ~ label:before,
[type="checkbox"]:disabled:checked ~ label:before {
  border-color: #bbb;
  background-color: #ddd;
}
/* style de la coche (si cochée/désactivée) */
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}

/* style du labal désactivé */
[type="checkbox"]:disabled ~ label {
  color: #aaa;
}
 
/* aspect au focus de l'élément */
[type="checkbox"]:checked:focus ~ label:before,
[type="checkbox"]:not(:checked):focus ~ label:before {
  border: 1px dotted #f7be81;
}

/********************************************/
/* Masquage des radios */
[type="radio"]:not(:checked),
[type="radio"]:checked {
  position: relative;
  left:3px;
  top:9px;
}
 
/* Label décalé pour laisser la place au nouveau radio */
[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
  position: relative; 
  padding-left: 25px; 
  left:0px;
  padding-top: 2px; 
  cursor: pointer;   
  vertical-align: top;
  width: auto;
  visibility: visible;
  background-color: transparent;
  color: #303f48;
  top: -10px;  
  /*font-size: 12px;*/
}

/* Style des radio */
[type="radio"]:not(:checked) + label:before,
[type="radio"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 1px;
    width: 15px;
    height: 15px;
    border: 1px solid #f7be81;
    background: #ffffff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%; 
}
 
/* Style de la coche */
[type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:after {
    /*content: '✔';*/
	speak: none;
	font-family: font3; 
    position: absolute;
    content: '\E305';
    top: 1px;
    left: 2px;
    font-size: 12px;
    color: #489CDB ;
    font-weight: normal;
    /*-moz-transition: all 0.1s;
    -o-transition: all 0.1s;
    -webkit-transition: all 0.1s;
    transition: all 0.1s;*/
} 

/* Aspect décoché */
[type="radio"]:not(:checked) + label:after {
    opacity: 0; 
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0); 
}

/* Aspect cochée */
[type="radio"]:checked + label:after {
    opacity: 1; /* coche opaque */
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); 
}

/* Aspect désactivé */
[type="radio"]:disabled:not(:checked) + label:before,
[type="radio"]:disabled:checked + label:before {
  border-color: #bbb;
  background-color: #ddd;
}

/* Styles de la coche (si coché/désactivé) */
[type="radio"]:disabled:checked + label:after {
  color: #999;
}

/* style du label  désactivé */
[type="radio"]:disabled + label {
  color: #aaa;
}

/* Style au focus de l'élément */
[type="radio"]:checked:focus + label:before,
[type="radio"]:not(:checked):focus + label:before {
  border: 1px dotted #f7be81;
}