#progress {
	width: 800px;
	/*float: left;*/
}

	#progress #barre {
		float: left;
		margin-right: 20px;
		margin-left: 20px;
		margin-top: 0px;
	}

		#progress #barre #todo {
			background-repeat: no-repeat;
		}

			#progress #barre #todo #done {
				background-repeat: no-repeat;
				float: left;
			}

#conteneur #progress #next a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
	cursor: pointer;
}

#conteneur #progress #prev a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
	cursor: pointer;
}

.divcommandbar {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 30px;
	background-color: white;
	border-bottom: solid 1px black;
	text-align: left;
	z-index: 10000;
	position: expression("absolute");
	width: expression("101%");
	top: expression(document.body.scrollTop + this.offsetHeight - this.offsetHeight);
	left: expression(document.body.scrollLeft + this.offsetWidth - this.offsetWidth);
}

.tablecontent {
	position: absolute;
	top: 30px;
	left: 0px;
}

A.button_actionbis {
	BACKGROUND-IMAGE: url(/_images/bthover.gif);
	BORDER-BOTTOM: #808080 1px solid;
	TEXT-ALIGN: center;
	BORDER-LEFT: #808080 1px solid;
	PADDING-BOTTOM: 1px;
	BACKGROUND-COLOR: #f5f5f5;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px;
	BORDER-COLLAPSE: collapse;
	FONT-FAMILY: Verdana;
	BACKGROUND-POSITION: center center;
	COLOR: #222222;
	FONT-SIZE: 10px;
	BORDER-TOP: #808080 1px solid;
	CURSOR: pointer;
	BORDER-RIGHT: #808080 1px solid;
	TEXT-DECORATION: none;
	PADDING-TOP: 1px;
	BORDER-BOTTOM-COLOR: #f29400;
	BORDER-TOP-COLOR: #f29400;
	BORDER-RIGHT-COLOR: #f29400;
	BORDER-LEFT-COLOR: #f29400;
}

body {
	font-family: Arial;
	font-size: 8pt;
	line-break: strict;
}

/***** Titres *****/
h1 /* titre choix des langues */ {
	font-family: Verdana;
	font-size: 16px;
	font-weight: bold;
}

h2 /* titre des fames*/ {
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
}

/*****  Menu Frames  *****/
td.button {
	text-align: center;
	font-family: Verdana;
	color: #222222;
	font-size: 10px;
}

td.ButtonUp {
	font-size: 8pt;
	background-color: #b5bed6;
	border: #08246b solid 1px;
	cursor: hand;
	padding: 0px 3px 2px 1px;
}

td.ButtonDown {
	font-size: 8pt;
	background-color: #b5bed6;
	border: #08246b solid 1px;
	cursor: hand;
	padding: 1px 2px 1px 2px;
}

td.ButtonOn {
	font-size: 8pt;
	background-color: #d6d7de;
	border: #08246b solid 1px;
	cursor: hand;
	padding: 1px 2px 1px 2px;
}

td.ButtonOff {
	font-size: 8pt;
	border: none;
	padding: 1px 2px 1px 2px;
}
/*  modif nécessaire pour changement couleur et interop firefox
td.ButtonOff:hover
{
font-size: 8pt;
    background-color: #f5eff5;
    border: #441f44 solid 1px;
    cursor: hand;
    padding: 0px 3px 2px 1px
}
td.buttonOff a, td.buttonOn a, td.buttonUp a, td.buttonDown a 
{
	color:#8e2275;
	text-decoration:underline
}
td.buttonOff a:hover, td.buttonOn a:hover, td.buttonUp a:hover, td.buttonDown a:hover
{
	color:#8e2275;
	text-decoration:none;
}
*/

a {
	text-decoration: none;
}

td.cell a {
	text-decoration: underline;
}


/***** BOUTTONS FORMULAIRES ET TABLEUR  *****/
a.button_modification /*OK, Annuler sur editeur modalité*/ {
	font-family: Arial;
	font-size: 8pt;
	text-align: center;
	text-decoration: underline;
	color: #0000ff;
}

	a.button_modification:hover {
		text-decoration: none;
	}

a.button_selection /*Aucun - Tous*/ {
	font-family: Arial;
	font-size: 8pt;
	text-align: center;
	text-decoration: underline;
	color: #0000ff;
}

	a.button_selection:hover /*Aucun - Tous*/ {
		text-decoration: none;
	}

input.button_link /* boutons dans les vues */ {
	background-image: url(/_images/bt.gif);
	background-position: center center;
	background-color: #f5f5f5;
	border: 1px solid #808080;
	border-collapse: collapse;
	text-align: center;
	font-family: Verdana;
	color: #222222;
	font-size: 12px;
	text-decoration: none;
	cursor: pointer;
}

input.button_link.disabled /* boutons dans les vues */ {
	background-image: none;
	background-color: #f5f5f5;
	color: #aaa;
	border-color: #aaa;
	cursor: default;
}
input.button_popup /* boutons dans les vues */ {
	background-image: url(/_images/bt.gif);
	background-position: center center;
	background-color: #f5f5f5;
	border: 1px solid #808080;
	border-collapse: collapse;
	text-align: center;
	font-family: Verdana;
	color: #222222;
	font-size: 12px;
	text-decoration: none;
	cursor: pointer;
	width:100%;
}

input.button_popup.disabled /* boutons dans les vues */ {
	background-image: none;
	background-color: #f5f5f5;
	color: #aaa;
	border-color: #aaa;
	cursor: default;
}


input.button_navigation /* Suivant precedent enregistrer + navigation fiches */ {
	background-image: url(/_images/bt.gif);
	background-position: center center;
	background-color: #f5f5f5;
	border: 1px solid #808080;
	border-collapse: collapse;
	text-align: center;
	font-family: Verdana;
	color: #222222;
	font-size: 10px;
	text-decoration: none;
	cursor: pointer;
}

	input.button_navigation:hover {
		border: 1px solid #f29400;
		background-image: url(/_images/bthover.gif);
	}

select.button_navigation {
	text-align: center;
	font-family: Verdana;
	font-size: 10px;
	text-decoration: none;
	cursor: pointer;
}

input.edit_navigation /* textbox choix fiches */ {
	font-family: Verdana;
	font-size: 10px;
	width: 40px;
}


a.button_action /*  Supprimer valider */ {
	background-image: url(/_images/bt.gif);
	background-position: center center;
	background-color: #f5f5f5;
	border: 1px solid #808080;
	border-collapse: collapse;
	text-align: center;
	font-family: Verdana;
	color: #222222;
	font-size: 10px;
	padding: 1px 5px;
	text-decoration: none;
	cursor: pointer;
}

input.button_action {
	background-image: url(/_images/bt.gif);
	background-position: center center;
	background-color: #f5f5f5;
	border: 1px solid #808080;
	border-collapse: collapse;
	text-align: center;
	font-family: Verdana;
	color: #222222;
	font-size: 10px;
	width: 70px;
	text-decoration: none;
	cursor: pointer;
}

.button_action:hover {
	border-color: #f29400;
	background-image: url(/_images/bthover.gif);
}

img.button_link /* boutons dans les vues */ {
	text-decoration: none;
	cursor: pointer;
}



/***** Table des observations  *****/
table.table {
	border-left: solid 1px #aaaaaa;
	border-top: solid 1px #aaaaaa;
	font-size: 8pt;
}

tr.row1 {
	font-family: Arial;
	font-size: 8pt;
	text-align: center;
	background-color: #ffffff;
	background-image: url('/_images/degrade.gif');
}

	tr.row1 td, th {
		border-right: solid 1px #aaaaaa;
		border-bottom: solid 1px #aaaaaa;
		font-weight: bold;
		border-collapse: collapse;
	}

tr.row {
	font-family: Arial;
	font-size: 8pt;
}

tr.oddrow {
	font-family: Arial;
	font-size: 8pt;
	background-color: #f5f5f5;
}

td.column1 {
	border-left: solid 0px;
	border-top: solid 0px;
	border-right: solid 1px #aaaaaa;
	border-bottom: solid 1px #aaaaaa;
	color: #441f4a;
	font-weight: bold;
	font-family: Arial;
	font-size: 8pt;
	text-align: left;
	vertical-align: top;
	background-color: #ffffff;
	background-image: url('/_images/degrade.gif');
	background-repeat: repeat-x;
}

td.cell {
	border-left: solid 0px;
	border-top: solid 0px;
	border-right: solid 1px #aaaaaa;
	border-bottom: solid 1px #aaaaaa;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 8pt;
}

.divmodif {
	font-family: Arial;
	font-size: 8pt;
}

td a {
	color: #0000ff;
}

td.combo {
	vertical-align: middle;
	font-family: Arial;
	font-size: 9pt;
}

td.cell_modify {
}

td.cell_modified {
	border-left: solid 0px;
	border-top: solid 0px;
	border-right: solid 1px #B9D0FA;
	border-bottom: solid 1px #B9D0FA;
	background-color: #FFE0E0;
}

input.edit_modify {
	font-family: Arial;
	font-size: 8pt;
}

select.combo_modify {
	font-family: Arial;
	font-size: 8pt;
}


/*****  TABLE 2  : fiches ******/
.table2_survey {
	font-size: 12pt;
	text-align: center;
	font-weight: bold;
	color: #f29400;
	border: 0px;
	border-collapse: collapse;
}

.table2_title {
	font-size: 11pt;
	font-weight: bold;
	background-color: #f5eff5;
	color: #8e2275;
	border-top: 1px #441f44 solid;
	border-collapse: collapse;
	border-bottom: 0px;
	border-left: 0px;
}

.table2_group {
	font-size: 9pt;
	font-weight: bold;
	color: #441f44;
	border-top: 1px #f5eff5 solid;
	border-right: 1px #f5eff5 solid;
	border-bottom: 0px;
	border-left: 0px;
}

.table2_variable {
	font-size: 8pt;
	margin-left: 15px;
	color: #441f44;
	border-top: 1px #f5eff5 solid;
	border-right: 1px #f5eff5 solid;
	border-bottom: 0px;
	border-left: 0px;
}


/****** Barre de Progression *****/
table.progress {
	border: none;
	vertical-align: middle;
	height: 24px;
	width: 100px;
	background-image: url('/_images/progress.png');
	background-position: bottom center;
	background-repeat: no-repeat;
}

	table.progress td {
		height: 24px;
		border: none;
		background-repeat: repeat-x;
		background-position: top left;
		border: none;
	}

td.td_done {
	background-image: url('/_images/pbOn_grey.gif');
}

td.td_todo {
	background-image: url('/_images/pbOff_grey.gif');
}




/****** Modalité image séléctionnée *****/
img.checked {
	border: solid 3px;
}


/*****  Choix des langues  *****/
td.culture {
	padding: 3px 20px;
	font-family: Verdana;
	font-size: 12px;
	vertical-align: middle;
}

	td.culture a {
		vertical-align: middle;
	}

	td.culture img {
		vertical-align: middle;
	}





/*****  Signature  *****/
p.signatureSphinx {
	font-family: Verdana;
	font-size: 10px;
	margin: 5px;
	padding: 4px 0px 4px 0px;
	border-top: 1px solid #f0f0f0;
	text-align: left;
	vertical-align: middle;
}

	p.signatureSphinx a {
		height: 16px;
		color: #aaaaaa;
		text-decoration: none;
		background: url(_images/oeilSig.gif) center left no-repeat;
		padding: 2px 2px 2px 20px;
		vertical-align: middle;
	}

		p.signatureSphinx a:hover {
			color: #441f44;
			background: url(_images/oeilSigViolet.gif) center left no-repeat;
		}


/*****  Horloge  *****/
.timer {
	font-family: Verdana;
	font-size: 10px;
	width: 60px;
	text-align: center;
}



/***** Classe pour page d'erreur ********/
#erreur {
	margin-top: 20px;
	text-align: center;
	font-family: Arial;
	font-size: 12px;
}

	#erreur img {
		border: none;
	}

#erreurMainDiv {
	width: 550px;
	margin: auto;
	background-color: #f5eff5;
}

.erreurBandeau {
	background-color: #441f4a;
	height: 24px;
	margin: auto;
	vertical-align: middle;
	width: 100%;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	vertical-align: middle;
}

div.erreurBandeau {
	background-image: url(../_images/bandeau.gif);
	background-position: left top;
	height: 24px;
}

.erreurBandeau td {
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	vertical-align: middle;
}

.erreurBandeau p, .erreurBandeau span {
	font-weight: bold;
	color: #ffffff;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
}

	.erreurBandeau p a, .erreurBandeau span a {
		color: #ffffff;
		text-decoration: underline;
		cursor: hand;
	}

#erreur p a:hover, #erreur span a:hover {
	text-decoration: none;
}

#erreur p.emailWebmaster {
	font-size: 12px;
	text-align: left;
	margin-left: 5px;
	padding-right: 25px;
}

#erreur span.copyRight {
	font-size: 10px;
	text-align: center;
	display: none;
}

#erreur p.drapeaux {
	text-align: right;
	margin-right: 5px;
}

#erreur a.logo {
	width: 80px;
	float: left;
	text-align: center;
	vertical-align: middle;
	margin: 25px;
}

#erreur div.texte {
	display: none;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 130px;
}

	#erreur div.texte p {
		display: none;
		text-align: left;
		color: #441f4a;
	}

.redalert {
	border: 2px solid red !important;
}
/* effets CSS3 */

.rounded {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	overflow: hidden;
}

.shadow {
	-webkit-box-shadow: 3px 3px 3px #aaa;
	-moz-box-shadow: 3px 3px 3px #aaa;
	box-shadow: 3px 3px 3px #aaa;
}

#overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 60000;
	background-color: #fff;
	background-image: url(/_modeles/img/fiche/loading.gif);
	background-position: center 100px;
	background-repeat: no-repeat;
}

/**********Alerte Eureka************/
.inputerror {
	position: relative;
	overflow: hidden;
	border: 1px solid #D70000;
	-o-box-shadow: 0 0 2px #D70000 inset;
	-webkit-box-shadow: 0 0 2px #D70000 inset;
	-moz-box-shadow: 0 0 2px #D70000 inset;
	box-shadow: 0 0 2px #D70000 inset;
	-o-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.eurekaerror {
	position: absolute;
	top: 5px;
	right: 5px;
	padding: 0;
	margin: 0;
	text-align: center;
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	z-index: 10000;
	color: #D70000;
}
/**********FIN Alerte Eureka************/

textarea {
	resize: none;
	overflow: auto;
}
/* FIN effets CSS3*/

table {
	page-break-inside: avoid;
}

/**********Default Sliders************/
/*Round*/
/*Horizontal*/
.grey-regle-slideRound-h {
	position: relative;
	background: url("/_skins/grey/SlideRound/regle-h.gif") repeat-x scroll 50% 50%;
	text-align: left;
	cursor: pointer;
	margin-left: 10px;
}

.grey-curseur-slideRound-h {
	height: inherit;
	position: absolute;
	width: 1.2em;
	z-index: 3;
	background: url("/_skins/grey/SlideRound/pouce-h.gif") no-repeat scroll 50% 50%;
	margin-left: -0.2em;
}

.grey-extg-slideRound-h {
	background: url("/_skins/grey/SlideRound/extremiteg-h.gif") no-repeat scroll 50% 50%;
	position: absolute;
	left: -0.4em;
	width: 1em;
	//height:expression(this.parentNode.currentStyle['height']);
	height: inherit;
}

.grey-extd-slideRound-h {
	background: url("/_skins/grey/SlideRound/extremited-h.gif") no-repeat scroll 50% 50%;
	position: absolute;
	right: -0.4em;
	width: 1em;
	//height:expression(this.parentNode.currentStyle['height']);
	height: inherit;
}

.grey-graduation-slideRound-h {
	background: url("/_skins/grey/SlideRound/graduation-h.gif") no-repeat scroll 50% 50%;
	position: absolute;
	z-index: 2;
	//height:expression(this.parentNode.currentStyle['height']);
	height: inherit;
	width: 5px;
}

/*Vertical*/
.grey-regle-slideRound-v {
	position: relative;
	background: url("/_skins/grey/SlideRound/regle-v.gif") repeat-y scroll 50% 50%;
	text-align: left;
	cursor: pointer;
	margin-top: 10px;
}

.grey-curseur-slideRound-v {
	background: url("/_skins/grey/SlideRound/pouce-v.gif") no-repeat scroll 50% 50%;
	height: 10px;
	width: 16px;
	position: absolute;
	z-index: 3;
}

.grey-extg-slideRound-v {
	background: url("/_skins/grey/SlideRound/extremiteh-v.gif") no-repeat scroll 50% 50%;
	position: absolute;
	top: -6px;
	//width:expression(this.parentNode.currentStyle['width']);
	width: inherit;
	height: 10px;
}

.grey-extd-slideRound-v {
	background: url("/_skins/grey/SlideRound/extremiteb-v.gif") no-repeat scroll 50% 50%;
	position: absolute;
	bottom: -0.6em;
	//width:expression(this.parentNode.currentStyle['width']);
	width: inherit;
	height: 10px;
}

.grey-graduation-slideRound-v {
	background: url("/_skins/grey/SlideRound/graduation-v.gif") no-repeat scroll 50% 50%;
	position: absolute;
	z-index: 2;
	//width:expression(this.parentNode.currentStyle['width']);
	width: inherit;
	height: 5px;
}
/*FIN Round*/
/*Square*/
/*Horizontal*/
.grey-regle-slideSquare-h {
	position: relative;
	background: url("/_skins/grey/SlideSquare/regle-h.gif") repeat-x scroll 50% 50%;
	text-align: left;
	cursor: pointer;
	/*margin-left:10px;*/
}

.grey-curseur-slideSquare-h {
	height: inherit;
	position: absolute;
	width: 20px;
	z-index: 3;
	background: url("/_skins/grey/SlideSquare/pouce-h.gif") no-repeat scroll 0% 50%;
	margin-left: -2px;
}

.grey-extg-slideSquare-h {
	background: url("/_skins/grey/SlideSquare/extremiteg-h.gif") no-repeat scroll 0% 50%;
	position: absolute;
	left: -2px;
	width: 20px;
	//height:expression(this.parentNode.currentStyle['height']);
	height: inherit;
}

.grey-extd-slideSquare-h {
	background: url("/_skins/grey/SlideSquare/extremited-h.gif") no-repeat scroll 0% 50%;
	position: absolute;
	right: -18px;
	width: 20px;
	height: inherit;
	//height:expression(this.parentNode.currentStyle['height']);
}

.grey-graduation-slideSquare-h {
	background: url("/_skins/grey/SlideSquare/graduation-h.gif") no-repeat scroll 50% 50%;
	position: absolute;
	z-index: 2;
	//height:expression(this.parentNode.currentStyle['height']);
	height: inherit;
	width: 5px;
}
/*Vertical*/
.grey-regle-slideSquare-v {
	position: relative;
	background: url("/_skins/grey/SlideSquare/regle-v.gif") repeat-y scroll 50% 50%;
	text-align: left;
	cursor: pointer;
	/*margin-top:10px;*/
}

.grey-curseur-slideSquare-v {
	background: url("/_skins/grey/SlideSquare/pouce-v.gif") no-repeat scroll 50% 0%;
	height: 20px;
	width: 16px;
	position: absolute;
	z-index: 3;
	margin-top: -2px;
}

.grey-extg-slideSquare-v {
	background: url("/_skins/grey/SlideSquare/extremiteh-v.gif") no-repeat scroll 50% 0%;
	position: absolute;
	top: -2px;
	//width:expression(this.parentNode.currentStyle['width']);
	width: inherit;
	height: 20px;
}

.grey-extd-slideSquare-v {
	background: url("/_skins/grey/SlideSquare/extremiteb-v.gif") no-repeat scroll 50% 0%;
	position: absolute;
	bottom: -18px;
	//width:expression(this.parentNode.currentStyle['width']);
	width: inherit;
	height: 20px;
}

.grey-graduation-slideSquare-v {
	background: url("/_skins/grey/SlideSquare/graduation-v.gif") no-repeat scroll 50% 0%;
	position: absolute;
	z-index: 2;
	//width:expression(this.parentNode.currentStyle['width']);
	width: inherit;
	height: 5px;
}
/*FIN Square*/
/*Triangle*/
/*Horizontal*/
.grey-regle-slideTriangle-h {
	position: relative;
	background: url("/_skins/grey/SlideTriangle/regle-h.gif") repeat-x scroll 50% 50%;
	text-align: left;
	cursor: pointer;
	margin-left: 10px;
}

.grey-curseur-slideTriangle-h {
	height: 16px;
	position: absolute;
	width: 5px;
	z-index: 3;
	background: url("/_skins/grey/SlideTriangle/pouce-h.gif") no-repeat scroll 50% 50%;
	margin-left: 0px;
}

.grey-extg-slideTriangle-h {
	background: url("/_skins/grey/SlideTriangle/extremiteg-h.gif") no-repeat scroll 50% 50%;
	position: absolute;
	left: 0px;
	width: 5px;
	//height:expression(this.parentNode.currentStyle['height']);
	height: inherit;
}

.grey-extd-slideTriangle-h {
	background: url("/_skins/grey/SlideTriangle/extremited-h.gif") no-repeat scroll 50% 50%;
	position: absolute;
	right: -4px;
	width: 5px;
	//height:expression(this.parentNode.currentStyle['height']);
	height: inherit;
}

.grey-graduation-slideTriangle-h {
	background: url("/_skins/grey/SlideTriangle/graduation-h.gif") no-repeat scroll 50% 50%;
	position: absolute;
	z-index: 2;
	//height:expression(this.parentNode.currentStyle['height']);
	height: inherit;
	width: 5px;
}
/*Vertical*/
.grey-regle-slideTriangle-v {
	position: relative;
	background: url("/_skins/grey/SlideTriangle/regle-v.gif") repeat-y scroll 50% 50%;
	text-align: left;
	cursor: pointer;
	margin-top: 10px;
	z-index: 2;
}

.grey-curseur-slideTriangle-v {
	height: 5px;
	position: absolute;
	width: 16px;
	z-index: 4;
	background: url("/_skins/grey/SlideTriangle/pouce-v.gif") no-repeat scroll 50% 0%;
}

.grey-extg-slideTriangle-v {
	background: url("/_skins/grey/SlideTriangle/extremiteh-v.gif") no-repeat scroll 50% 100%;
	position: absolute;
	top: -15px;
	//width:expression(this.parentNode.currentStyle['width']);
	width: inherit;
	height: 20px;
}

.grey-extd-slideTriangle-v {
	background: url("/_skins/grey/SlideTriangle/extremiteb-v.gif") no-repeat scroll 50% 100%;
	position: absolute;
	bottom: -5px;
	//width:expression(this.parentNode.currentStyle['width']);
	width: inherit;
	height: 20px;
	display: block;
}

.grey-graduation-slideTriangle-v {
	background: url("/_skins/grey/SlideTriangle/graduation-v.gif") no-repeat scroll 50% 0%;
	position: absolute;
	z-index: 3;
	//width:expression(this.parentNode.currentStyle['width']);
	width: inherit;
	height: 5px;
}
/*FIN Triangle*/
/***********************************/

/*Nouveau boutons*/
/***********************************/
a.button_action_large {
	color: #FFF;
	display: block;
	float: left;
	font: bold 14px arial, sans-serif;
	height: 30px;
	margin-right: 6px;
	padding-right: 10px; /* sliding doors padding */
	text-decoration: none;
}

	a.button_action_large p {
		margin: 0px;
		float: left;
		padding-top: 5px;
		padding-left: 5px;
	}

	a.button_action_large span {
		display: block;
		line-height: 14px;
		padding: 3px 5px 27px 10px;
	}

	a.button_action_large img {
		float: left;
		border: 0;
	}

	a.button_action_large:hover {
		background-position: bottom right;
		color: #000;
		outline: none; /* hide dotted outline in Firefox */
	}

		a.button_action_large:hover span {
			background-position: bottom left;
		}

a.b_a_l_grey {
	background: transparent url('/_modeles/img/button/button_action_large_a_grey.png') no-repeat scroll top right;
}

	a.b_a_l_grey span {
		background: transparent url('/_modeles/img/button/button_action_large_span_grey.png') no-repeat;
	}
/*FIN Nouveau boutons*/
/***********************************/


/*CodeList*/
.codelist {
	text-align: left;
	border: 1px solid #C1C1C1;
	z-index: 50000;
	display: none;
	border-radius: 4px 4px 4px 4px;
	position: absolute;
}

.codelist-header {
	position: relative;
	zoom: 1;
	background: rgb(226,226,226); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}

	.codelist-header a.close {
		display: block;
		cursor: pointer;
		position: relative;
		float: right;
		background-image: url('/_images/close.png');
		padding: 5px;
		height: 15px;
		width: 25px;
		background-repeat: no-repeat;
		background-position: right center;
	}

	.codelist-header a.filter {
		display: inline-block;
		cursor: pointer;
		position: relative;
		vertical-align: middle;
		background-image: url('/_images/jsFilter.gif');
		background-repeat: no-repeat;
		background-position: center;
		height: 16px;
		width: 16px;
		padding: 5px;
	}

	.codelist-header a.showfilter {
		background-image: url('/_images/jsFilter.gif');
	}

	.codelist-header a.removefilter {
		background-image: url('/_images/jsRemFilter.gif');
	}

	.codelist-header a:hover {
		-webkit-box-shadow: 1.1px 1.3px 3px rgba(0, 0, 0, 0.2) inset;
		-moz-box-shadow: 1.1px 1.3px 3px rgba(0, 0, 0, 0.2) inset;
		box-shadow: 1.1px 1.3px 3px rgba(0, 0, 0, 0.2) inset;
	}

.codelist select {
	border: 1px solid #C1C1C1;
	font-size: 11px;
	margin: 5px;
}

.codelist #headerCompleteListe {
	padding: 1px;
}

.codelist .tableWrapper {
	width: 100%;
	overflow-x: auto;
	overflow-y: auto;
	border-top: 1px solid #C1C1C1;
	background: none repeat scroll 0 0 #FFFFFF;
}

.codelist-loading {
	background-color: #FFFFFF;
	background-image: url("/_images/loading.gif");
	background-position: center center;
	background-repeat: no-repeat;
}

.codelist table {
	border-collapse: collapse;
	text-align: left;
	/*width:100%;*/
	margin: 0px;
	padding: 0px;
}

.codelist th {
	padding: 5px 20px 5px 5px;
	border-right: none;
	background-color: #FBFBFB;
	text-align: left;
}

.codelist tr {
	background-color: #FFF;
	border-top: 1px solid #ccc;
}

.codelist td {
	font-size: 11px;
	/*border-top: 1px solid #d0e3fa;*/
	padding: 2px 5px;
	cursor: pointer;
	white-space: nowrap;
}

.codelist tr:hover {
	background: rgb(201,230,237); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(201,230,237,1) 0%, rgba(185,225,234,1) 49%, rgba(201,230,237,1) 50%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(201,230,237,1)), color-stop(49%,rgba(185,225,234,1)), color-stop(50%,rgba(201,230,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(201,230,237,1) 0%,rgba(185,225,234,1) 49%,rgba(201,230,237,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(201,230,237,1) 0%,rgba(185,225,234,1) 49%,rgba(201,230,237,1) 50%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(201,230,237,1) 0%,rgba(185,225,234,1) 49%,rgba(201,230,237,1) 50%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(201,230,237,1) 0%,rgba(185,225,234,1) 49%,rgba(201,230,237,1) 50%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9e6ed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
/* tables */
table.tablesorter thead tr .header {
	background-image: url(/_images/ascdesc.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	font-size: 11px;
}

table.tablesorter thead tr .headerSortUp {
	background-image: url(/_images/asc.gif);
}

table.tablesorter thead tr .headerSortDown {
	background-image: url(/_images/desc.gif);
}

table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: #DEDEDE;
}

/*FIN CodeList*/
/***********************************/


/*SphinxDrag*/

div.sphinxdrag {
}

.drag-container {
	margin: 0;
	background-color: #FAFAFA;
	border: 1px solid #CCCCCC;
	text-align: center;
}

	.drag-container.display-top {
		padding: 2%;
	}

	.drag-container.display-left {
		float: left;
		width: 46%;
		height: 100%;
		padding: 2%;
	}

.drop-wrapper {
	background-repeat: no-repeat;
	background-position: center;
}
	.drop-wrapper.display-custom {
		position:relative;
		margin: auto !important;
	}
	.drop-wrapper.display-top {
		height: 100%;
		margin: 0;
		padding: 1% 0;
		text-align: center;
	}

	.drop-wrapper.display-left {
		float: right;
		width: 47%;
		height: 100%;
		padding: 0 1%;
		margin: 0;
	}

.draggable.custom-state-active {
	background: #eee;
}

.draggable li {
	display: inline-block;
	*display: inline; /* IE < 8 */
	*zoom : 1; /* IE < 8 : à tester pas forcement nécessaire */
	vertical-align: top;
	margin: 0 0.4em 0.4em 0;
	text-align: center;
	list-style: none outside none;
	position: relative;
	overflow:hidden;
}
.draggable li.with-text {
	border: 1px solid #AAAAAA;
	color: #222222;
	border-radius: 3px;
	text-shadow: 1px 1px 1px #ffffff;
	background-color: #F2F2F2;
	padding: 0.4em;
	line-height: 1.3;
	font-size: 100%;
}
	.draggable li:after {
		clear: both;
	}

	.draggable li h5 {
		font-size: 12px;
		margin: 0 0;
		cursor: move;
	}

	.draggable li img {
		/*width: 100%;*/
		cursor: move;
		max-height: 100%;
		max-width: 100%;
	}

.drop-container {
	border: 1px solid #D3D3D3;
	color: #555555;
	background-repeat: no-repeat;
	background-position: center;
	margin-bottom: 1em;
	background-color: #FAFAFA;
}
.drop-wrapper.display-cell .drop-container,.drop-wrapper.display-row .drop-container {
	min-height: 150px;
}
.drop-wrapper.display-cell .drop-container {
	display: inline-block;
	*display: inline; /* IE < 8 */
*zoom : 1; /* IE < 8 : à tester pas forcement nécessaire */
	min-width: 15%;
	margin-right: 10px;
	vertical-align: top;
}

.drop-wrapper.display-cell.display-left .drop-container {
	min-width: 200px;
}

.drop-container h4 {
	line-height: 16px;
	border: 1px solid #D3D3D3;
	background-color: #F2F2F2;
	border-radius: 3px;
	text-shadow: 1px 1px 1px #ffffff;
	margin: 0.4em;
	padding: 5px;
	text-align: center;
}

.drop-container ul {
	margin: 0.4em;
	padding: 5px;
	text-align: center;
}
.drop-wrapper.display-custom .drop-container ul{
	margin: 0;
	padding: 0;
}
.drop-container h4 .ui-icon {
	float: left;
}

.drop-container .draggable h5 {
	font-size: 9px;
}

.drop-container .draggable li {
	width: auto;
}

.ui-state-highlight {
	background-color: #FBF9EE !important;
	border: 1px solid #FCEFA1;
	box-shadow: 0 0 5px #E3D68B;
}
.ui-state-hover {
	background-color: #EEF1FB !important;
	border: 1px solid #A1BBFC;
	box-shadow: 0 0 5px #8BB5E3;
}

a.ui-icon-remove {
	background-image: url('/_images/close.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 0;
	right: 0;
	display: none;
}

.drop-container .draggable li:hover a.ui-icon-remove {
	display: block;
}

.front-index {
	z-index: 50000;
}
/*FIN SphinxDrag*/
/***********************************/

input[type=text] {
padding: 2px 0;
}