/* NOTYS MAJ V3.04 - 19.09.2014 */

/*
1.0 Colors infos v3
2.0 Reset
3.0 global v3
4.0 Notys tables et lists - v2 => v3 custom
5.0 layout v3 


*/



/* 1.0 Colors infos --------------------------------------------- 

Boutons :
Actif:

Formulaires et liste :

*/

/* 2.0 Reset ------------------------------------------------- */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* 3.0 Global  ----------------------------------------------------- */
html {
}
* {
	margin: 0px;
	padding: 0px;
}
body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: normal;
	color: #474747;
	background: #fff;
}
b, strong {
	font-weight: bold;
}
/* 4.0 Notys tables et lists - v3 custom --------------------------- */

/************************* Les listes ****************************/
.divListeGlogale {
	background-color: #ffffff;
	width: 812px;
	float: left;
	margin-bottom: 15px;
	border: 1px solid #a7a7a7;
	border-top-color: #fff;
}
body #content .divListeGlogale table td, body #popupWrapper .divListeGlogale table td {
	padding-top: 5px;
	padding-bottom: 4px;
	vertical-align: middle;
}
body .divEnteteListe {
	float: left;
	width: 812px;
	border: 0px solid #a7a7a7;
	border-bottom: 1px solid #fff;
	background: #a5a5a5;
	color: #fff;
}
.divLigneListe {
	float: left;
	overflow-y: scroll;
	overflow-x: hidden;
	width: 100%;
	margin-bottom: 1px;
	border: 0px solid #a7a7a7;
}
.t { /* classe pour les textes */
	text-align: left;
	padding-left: 5px;
}
.n { /* classe pour les nombres */
	text-align: right;
	padding-right: 5px;
}
.i { /* classe pour les images */
	text-align: center;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	color: #1a5a92;
}
.nd { /* classe pour les numéros de document */
	text-align: left;
	padding-left: 5px;
	width: 80px;
}
.radioNd { /* classe pour les numéros de document + Radio Bouton : la width doit-être celle des boutons radio + la width du numéro de document*/
    text-align: left;
    width: 99px;
	padding-left: 5px;  
}
.date { /* classe pour les dates*/
	text-align: left;
	padding-left: 5px;
	width: 65px;
}
.tn { /* classe pour les entêtes de colones montant */
	text-align: right;
	padding-left: 5px;
	padding-right: 35px;
	width: 70px;
}
.m { /* classe pour les montants lier au colonnes tn */
	text-align: right;
	padding-right: 5px;
	width: 105px;
}
.p { /* classe pour les périodes */
	text-align: left;
	padding-left: 5px;
	width: 105px;
}
.texterouge {
	color: #1a5a92;
	text-align: left;
}
.ligneclaire {
	font: 12px Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #5a5a5a;
	background-color: #f4f4f4!important;
	text-decoration: none;
}
.lignefonce {
	font: 12px Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #5a5a5a;
	background-color: /*#e6edf6*/#e9e9e9!important;
	text-decoration: none;
}
.lignefoncegras {
	font-weight: bold;
	font-size: 12px;
	text-transform: none;
	color: #5a5a5a;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
	background-color: /*#e6edf6*/#e9e9e9!important;
	font-variant: normal;
	text-decoration: none;
}
.ligneclairegras {
	font-weight: bold;
	font-size: 12px;
	text-transform: none;
	color: #333333;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #e9e9e9!important;
	font-variant: normal;
	text-decoration: none;
}
.lignegras {
	font-weight: normal;
	font-size: 12px;
	text-transform: none;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fbd4a6!important;
	font-variant: normal;
	text-decoration: none;
}
.divListeInvitation {
	float: left;
	overflow-y: scroll;
	overflow-x: hidden;
	width: 277px;
	height: 120px;
	background-color: #ffffff;
	border-color: #A0BAD4;
	border-width: 1px;
	border-style: solid;
}
.divListeInvitationExt {
	float: left;
	overflow-y: scroll;
	overflow-x: hidden;
	width: 377px;
	height: 120px;
	background-color: #ffffff;
	border-color: #A0BAD4;
	border-width: 1px;
	border-style: solid;
}
/********************************** Les formulaires ************************/
INPUT[type=text], input[type=password] {
	font: 11px Arial, Helvetica, sans-serif;
	height: 11px;
	line-height: 11px;
	vertical-align: top;
	padding: 3px;
}
INPUT[type=checkbox] {
	vertical-align: bottom;
}
SELECT {
	font: 11px Arial, Helvetica, sans-serif;
	height: 20px;
	line-height: 16px;
	vertical-align: middle;
	background-color: #ffffff;
}
SPAN {
	font: 11px Arial, Helvetica, sans-serif;
	height: 18px;
	line-height: 18px;
	vertical-align: middle;
	padding: 0px;
}
TEXTAREA {
	font: 11px Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	padding: 2px;
}
IMG {
	vertical-align: middle;
}
/* 2.0 FORM GENERIQUES */
#content form, #popupWrapper form {
	color: #474747;
}
#content form fieldset, #popupWrapper form fieldset {
	margin: 0 0 10px 0;
}
#content form ul li {
	padding-left: 0!important;
	background: none!important;
}
#content form label, #popupWrapper form label {
	color: #474747;
	cursor: auto;
}
#content form input[type=text], #content form input[type=password], #popupWrapper form input[type=text], #popupWrapper form input[type=password] {
	border: 1px solid #c1c1c1;
	height: 14px;
	color: #1a5a92;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-appearance: none;
}
#content form input[type=text]:focus, #content form input[type=password]:focus, #popupWrapper form input[type=text]:focus, #popupWrapper form input[type=password]:focus {
	border-color: #7ea6c7;
	-moz-box-shadow: 0px 0px 6px #bacad8;
	-webkit-box-shadow: 0px 0px 6px #bacad8;
	box-shadow: 0px 0px 6px #bacad8;
	-webkit-appearance: none;
}
#content form textarea, #popupWrapper form textarea {
	overflow: auto;
	border: 1px solid #c1c1c1;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #1a5a92;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-appearance: none;
}
#content form textarea:focus, #popupWrapper form textarea:focus {
	-moz-box-shadow: 0px 0px 6px #e3e3e3;
	-webkit-box-shadow: 0px 0px 6px #e3e3e3;
	box-shadow: 0px 0px 6px #e3e3e3;
	-webkit-appearance: none;
}
#content form input[type=radio], #popupWrapper form input[type=radio] {
	top: 2px;
	margin: 0 4px 4px 0;
}
#content form input[type=checkbox], #popupWrapper form input[type=checkbox] {
	top: 2px;
}
#content form select, #popupWrapper form select {
	border: 1px solid #c1c1c1;
	float: left;
	height: 22px;
	padding-bottom: 2px;
	padding-top: 2px;
	margin-right: 4px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #1a5a92;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#content form select:focus, #popupWrapper form select:focus {
	-moz-box-shadow: 0px 0px 6px #e3e3e3;
	-webkit-box-shadow: 0px 0px 6px #e3e3e3;
	box-shadow: 0px 0px 6px #e3e3e3;
	-webkit-appearance: none;
}
#content form input[type=submit], #popupWrapper form input[type=submit] {
	border: none;
	text-align: center;
	text-decoration: none;
	outline: none;
}
#content form input[type=submit]:hover, #content form input[type=submit]:focus, #popupWrapper form input[type=submit]:hover, #popupWrapper form input[type=submit]:focus {
	color: #ffffff;
	cursor: pointer;
	background-color: #002d55;
	-moz-box-shadow: inset 0 1px 0px #002d55;
	-webkit-box-shadow: inset 0 1px 0px #002d55;
	box-shadow: inset 0 1px 0px #002d55;
}
#content form input[type=submit]:active, #popupWrapper form input[type=submit]:active {
	outline: none;
}
.saisieObligatoire {
	border-style: inset;
	border-width: 2px;
	border-color: #888!important;
	background: #fbd4a6;
}
.saisieObligatoire:focus {
/*background: #fff;*/
}
.saisieNonObligatoire {
/*background-color: #F2F5F9;
	border-style: inset;
	border-width: 2px;
	border-color: white;*/
}
.saisieImpossible {
	background-color: #e9e9e9;
	border-style: inset;
	border-width: 2px;
	border-color: white;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	cursor: not-allowed;
}
.saisieEnErreur {
	-moz-box-shadow: inset 0 0 6px #e94302!important;
	-webkit-box-shadow: inset 0 0 6px #e94302!important;
	box-shadow: inset 0 0 6px #e94302!important;
	border-color: #e94302!important;
	/* background: #fff; */
	color: #ff0000!important;
}
#content form .required {
	font-size: 19px;
	font-weight: bold;
	color: #e1000f;
}
body #content .saisieImpossible:hover, body #content .saisieImpossible:focus {
	border: 1px solid #c1c1c1!important;
	-moz-box-shadow: none!important;
	-webkit-box-shadow: none!important;
	box-shadow: none!important;
}
body .divFormGlobale {
	clear: left;
	float: left;
	width: 812px;
	border: 1px solid #a7a7a7!important;
	background-color: #eeeeee;
	padding-bottom: 10px;
}
body .divFormGlobale table, body .divFormGlobale table tr, body .divFormGlobale table tr td {
	background-color: transparent;
}
.lt-ie8 body .divFormGlobale {
	float: none;
}
body .divFormGlobale table tr td {
	vertical-align: middle;
	padding-bottom: 5px;
}
.ligneFormulaire {
	width: 812px;
	min-height: 20px;
	float: left;
	padding-top: 10px;
}
.ligneFormulaireReduit {
	width: 812px;
	min-height: 20px;
	float: left;
	padding-top: 8px;
}
.titreFormulaire {
	padding-left: 10px;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: none;
	color: #333300;
	text-decoration: none;
}
.libelleFormulaire {
	width: 145px;
	height: 12px;
	text-align: right;
	float: left;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 12px;
	text-transform: none;
	color: #333333;
	overflow: hidden;
	text-decoration: none;
	vertical-align: top;
	padding-top: 5px
}
.libelleFormulaireLong {
	width: 544px;
	height: 12px;
	text-align: right;
	float: left;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 12px;
	text-transform: none;
	color: #333333;
	overflow: hidden;
	text-decoration: none;
	vertical-align: top;
	padding-top: 5px
}
.libelleFormulaireLibre {
	height: 12px;
	text-align: right;
	float: left;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 12px;
	text-transform: none;
	color: #333333;
	overflow: hidden;
	text-decoration: none;
	vertical-align: top;
	padding-top: 5px;
}
.champFormulaireNormal {
	width: 249px;
	min-height: 18px;
	line-height: 18px;
	padding-left: 5px;
	float: left;
	vertical-align: middle;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
.champFormulaireNormalTexte {
	width: 249px;
	height: 12px;
	text-align: left;
	float: left;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 12px;
	text-transform: none;
	color: #333333;
	overflow: hidden;
	text-decoration: none;
	vertical-align: top;
	padding: 5px 0 0 5px;
}
.champFormulaireLibre {
	min-height: 18px;
	line-height: 18px;
	padding-left: 5px;
	float: left;
	vertical-align: middle;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
.champFormulaireCalendrier {
	width: 249px;
	height: 18px;
	padding-left: 5px;
	float: left;
	vertical-align: middle;
}
.champFormulaireCalendrierLibre {
	height: 18px;
	padding-left: 5px;
	float: left;
	vertical-align: middle;
}
.champFormulairePicker {
	width: 249px;
	height: 18px;
	line-height: 18px;
	padding-left: 5px;
	float: left;
	vertical-align: middle;
}
.champFormulaireLong {
	width: 643px;
	min-height: 18px;
	line-height: 18px;
	padding-left: 5px;
	float: left;
	vertical-align: middle;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
.champFormulaireLongTexte {
	width: 643px;
	height: 12px;
	text-align: left;
	float: left;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 12px;
	text-transform: none;
	color: #333333;
	overflow: hidden;
	text-decoration: none;
	vertical-align: top;
	padding: 5px 0 0 5px;
}
.champFormulaireLongDouble {
	width: 643px;
	height: 18px;
	padding-left: 5px;
	float: left;
	vertical-align: middle;
}
.champDescriptionGrasLong {
	width: 620px;
	font-weight: bold;
	height: 11px;
	text-align: left;
	float: left;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 11px;
	text-transform: none;
	color: #333333;
	overflow: hidden;
	text-decoration: none;
	vertical-align: top;
	padding-top: 5px;
	padding-left: 5px;
}
.champDescriptionGrasNormal {
	width: 249px;
	font-weight: bold;
	height: 11px;
	text-align: left;
	float: left;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 11px;
	text-transform: none;
	color: #333333;
	overflow: hidden;
	text-decoration: none;
	vertical-align: top;
	padding-top: 5px;
	padding-left: 5px;
}
.invisible {
	visibility: hidden;
}
/******************** Les boutons ***********************/
.divBoutonGlobale {
	clear: both;
	display: block;
	margin-bottom: 20px;
	width: 814px;
	white-space: nowrap;
	max-width: 814px;
}
/*****Bouton Retour *****/
.divBoutonRetour {
	padding-top: 10px;
	float: left;
	padding-right: 20px;
	height: 25px;
}
.boutonRetour, #content form input.boutonRetour {
	float: left;
	border: none;
	padding-left: 24px;
	padding-right: 6px;
  /* Hack pour IE7 */
  *padding-left: 12px;
 *padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;
	line-height: 20px;
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #002d55;
	text-align: center;
	text-decoration: none;
	background: #c2c3c4 url(../img/sprites.png) no-repeat 5px -295px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0 1px 0px #919191;
	-webkit-box-shadow: inset 0 1px 0px #919191;
	box-shadow: inset 0 1px 0px #919191;
	-webkit-transition: background-color 0.3s ease-out;
	-moz-transition: background-color 0.3s ease-out;
	-o-transition: background-color 0.3s ease-out;
	-ms-transition: background-color 0.3s ease-out;
	transition: background-color 0.3s ease-out;
}
.boutonRetour:hover {
	background-color: #002d55;
	cursor: pointer;
	color: #fff;
	-moz-box-shadow: inset 0 1px 0px #002d55;
	-webkit-box-shadow: inset 0 1px 0px #002d55;
	box-shadow: inset 0 1px 0px #002d55;
}
.boutonRetourAide {
	float: left;
	border: none;
	padding-left: 24px;
	padding-right: 6px;
  /* Hack pour IE7 */
  *padding-left: 12px;
 *padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;
	line-height: 20px;
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #002d55;
	text-align: center;
	text-decoration: none;
	background: #c2c3c4 url(../img/sprites.png) no-repeat 5px -295px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0 1px 0px #919191;
	-webkit-box-shadow: inset 0 1px 0px #919191;
	box-shadow: inset 0 1px 0px #919191;
	-webkit-transition: background-color 0.3s ease-out;
	-moz-transition: background-color 0.3s ease-out;
	-o-transition: background-color 0.3s ease-out;
	-ms-transition: background-color 0.3s ease-out;
	transition: background-color 0.3s ease-out;
}
.boutonRetourAide:hover {
	background-color: #002d55;
	cursor: pointer;
	color: #fff;
	-moz-box-shadow: inset 0 1px 0px #002d55;
	-webkit-box-shadow: inset 0 1px 0px #002d55;
	box-shadow: inset 0 1px 0px #002d55;
}
/*****Bouton Valider *****/
.divBoutonValid {
	padding-top: 10px;
	float: right;
	padding-left: 0px;
	height: 25px;
}
.boutonValid {
	float: left;
	border: none;
	padding-left: 24px;
	padding-right: 6px;
  /* Hack pour IE7 */
  *padding-left: 12px;
 *padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;
	line-height: 20px;
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background: #91a108 url(../img/sprites.png) no-repeat 5px -395px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0 1px 0px #6c7805;
	-webkit-box-shadow: inset 0 1px 0px #6c7805;
	box-shadow: inset 0 1px 0px #6c7805;
	-webkit-transition: background-color 0.3s ease-out;
	-moz-transition: background-color 0.3s ease-out;
	-o-transition: background-color 0.3s ease-out;
	-ms-transition: background-color 0.3s ease-out;
	transition: background-color 0.3s ease-out;
}
.boutonValid:hover {
	background-color: #002d55;
	cursor: pointer;
	color: #fff;
	-moz-box-shadow: inset 0 1px 0px #002d55;
	-webkit-box-shadow: inset 0 1px 0px #002d55;
	box-shadow: inset 0 1px 0px #002d55;
}
.boutonValidAide {
	float: left;
	border: none;
	padding-left: 24px;
	padding-right: 6px;
  /* Hack pour IE7 */
  *padding-left: 12px;
 *padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;
	line-height: 20px;
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background: #91a108 url(../img/sprites.png) no-repeat 5px -395px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0 1px 0px #919191;
	-webkit-box-shadow: inset 0 1px 0px #919191;
	box-shadow: inset 0 1px 0px #919191;
	-webkit-transition: background-color 0.3s ease-out;
	-moz-transition: background-color 0.3s ease-out;
	-o-transition: background-color 0.3s ease-out;
	-ms-transition: background-color 0.3s ease-out;
	transition: background-color 0.3s ease-out;
}
.boutonValidAide:hover {
	background-color: #002d55;
	cursor: pointer;
	color: #fff;
	-moz-box-shadow: inset 0 1px 0px #002d55;
	-webkit-box-shadow: inset 0 1px 0px #002d55;
	box-shadow: inset 0 1px 0px #002d55;
}
/**********Bouton Fermer **********/
.boutonFermer {
	float: left;
	border: none;
	padding-left: 6px;
	padding-right: 6px;
 *padding-left: 0px; /* Hack pour IE7 */
 *padding-right: 0px; /* Hack pour IE7 */
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	line-height: 20px;
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000910;
	text-align: center;
	text-decoration: none;
	background-color: #d0e2f6;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0 1px 0px #b7c7d8;
	-webkit-box-shadow: inset 0 1px 0px #b7c7d8;
	box-shadow: inset 0 1px 0px #b7c7d8;
	-webkit-transition: background-color 0.3s ease-out;
	-moz-transition: background-color 0.3s ease-out;
	-o-transition: background-color 0.3s ease-out;
	-ms-transition: background-color 0.3s ease-out;
	transition: background-color 0.3s ease-out;
}
.boutonFermer:hover {
	background-color: #002d55;
	cursor: pointer;
	color: #fff;
	-moz-box-shadow: inset 0 1px 0px #002d55;
	-webkit-box-shadow: inset 0 1px 0px #002d55;
	box-shadow: inset 0 1px 0px #002d55;
}
.divBoutonFermer {
	padding-top: 10px;
	float: left;
	padding-right: 20px;
	height: 25px;
}
/*****Boutons scroll *********************/
.boutonAvant {
	float: right;
	border: none;
	padding-left: 6px;
	padding-right: 6px;
  /* Hack pour IE7 */
  *padding-left: 12px;
 *padding-right: 0px;
/*padding-top: 5px;
	padding-bottom: 5px;
	width: 25px;
	margin-left: 10px;
	margin-right: 0px;
	line-height: 20px;
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000910;
	text-align: center;
	text-decoration: none;
	background: #d0e2f6 url(../img/boutonAvant.gif) no-repeat center center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0 1px 0px #b7c7d8;
	-webkit-box-shadow: inset 0 1px 0px #b7c7d8;
	box-shadow: inset 0 1px 0px #b7c7d8;
	-webkit-transition: background-color 0.3s ease-out;
	-moz-transition: background-color 0.3s ease-out;
	-o-transition: background-color 0.3s ease-out;
	-ms-transition: background-color 0.3s ease-out;
	transition: background-color 0.3s ease-out;*/
}
.boutonAvant:hover {
/*background-color: #002d55;
	cursor: pointer;
	color: #fff;
	-moz-box-shadow: inset 0 1px 0px #002d55;
	-webkit-box-shadow: inset 0 1px 0px #002d55;
	box-shadow: inset 0 1px 0px #002d55;*/
}
.boutonAvantInvisible {
	float: right;
	border: none;
	padding-left: 6px;
	padding-right: 6px;
  /* Hack pour IE7 */
  *padding-left: 12px;
 *padding-right: 0px;
	visibility: hidden;
}
.boutonArriere {
	float: right;
	border: none;
	padding-left: 6px;
	padding-right: 6px;
  /* Hack pour IE7 */
  *padding-left: 12px;
 *padding-right: 0px;
/*padding-top: 5px;
	padding-bottom: 5px;
	width: 25px;
	margin-left: 10px;
	margin-right: 0px;
	line-height: 20px;
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000910;
	text-align: center;
	text-decoration: none;
	background: #d0e2f6 url(../img/boutonArriere.gif) no-repeat center center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0 1px 0px #b7c7d8;
	-webkit-box-shadow: inset 0 1px 0px #b7c7d8;
	box-shadow: inset 0 1px 0px #b7c7d8;
	-webkit-transition: background-color 0.3s ease-out;
	-moz-transition: background-color 0.3s ease-out;
	-o-transition: background-color 0.3s ease-out;
	-ms-transition: background-color 0.3s ease-out;
	transition: background-color 0.3s ease-out;*/
}
.boutonArriere:hover {
/*background-color: #002d55;
	cursor: pointer;
	color: #fff;
	-moz-box-shadow: inset 0 1px 0px #002d55;
	-webkit-box-shadow: inset 0 1px 0px #002d55;
	box-shadow: inset 0 1px 0px #002d55;*/
}
.boutonArriereInvisible {
	float: right;
	border: none;
	padding-left: 6px;
	padding-right: 6px;
  /* Hack pour IE7 */
  *padding-left: 12px;
 *padding-right: 0px;
	visibility: hidden;
}
.indexListe {
	float: right;
}
/*****Bouton pièces jointes **************/
.piecejointe {
	float: left;
	border: none;
	padding-left: 24px;
	padding-right: 6px;
  /* Hack pour IE7 */
  *padding-left: 12px;
 *padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 0px;
	margin-right: 20px;
	margin-top: 10px;
	line-height: 20px;
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000910;
	text-align: center;
	text-decoration: none;
	background: #d0e2f6 url(../img/sprites.png) no-repeat 5px -445px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0 1px 0px #b7c7d8;
	-webkit-box-shadow: inset 0 1px 0px #b7c7d8;
	box-shadow: inset 0 1px 0px #b7c7d8;
	-webkit-transition: background-color 0.3s ease-out;
	-moz-transition: background-color 0.3s ease-out;
	-o-transition: background-color 0.3s ease-out;
	-ms-transition: background-color 0.3s ease-out;
	transition: background-color 0.3s ease-out;
}
.piecejointe:hover {
	background-color: #002d55;
	cursor: pointer;
	color: #fff;
	-moz-box-shadow: inset 0 1px 0px #002d55;
	-webkit-box-shadow: inset 0 1px 0px #002d55;
	box-shadow: inset 0 1px 0px #002d55;
}
/*******Bouton avec image à définir à droite ***********/
.boutonImage {
	float: left;
	padding-left: 29px;
	padding-right: 6px;
  /* Hack pour IE7 */
  *padding-left: 17px;
 *padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 0px;
	margin-right: 20px;
	margin-top: 10px;
	line-height: 20px;
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000910;
	text-align: center;
	text-decoration: none;
	background-color: #d0e2f6;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0 1px 0px #b7c7d8;
	-webkit-box-shadow: inset 0 1px 0px #b7c7d8;
	box-shadow: inset 0 1px 0px #b7c7d8;
	-webkit-transition: background-color 0.3s ease-out;
	-moz-transition: background-color 0.3s ease-out;
	-o-transition: background-color 0.3s ease-out;
	-ms-transition: background-color 0.3s ease-out;
	transition: background-color 0.3s ease-out;
	background-repeat: no-repeat;
	background-position: 5px center;
}
.boutonImage:hover {
	color: #ffffff;
	cursor: pointer;
	background-color: #002d55;
	-moz-box-shadow: inset 0 1px 0px #002d55;
	-webkit-box-shadow: inset 0 1px 0px #002d55;
	box-shadow: inset 0 1px 0px #002d55;
}
/*****Bouton autre *****/
.divBoutonAutre {
	min-height: 30px;
}
.boutons {
	float: left;
	border: none;
	padding-left: 6px;
	padding-right: 6px;
 *padding-left: 0px; /* Hack pour IE7 */
 *padding-right: 0px; /* Hack pour IE7 */
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 0px;
	margin-right: 20px;
	margin-top: 10px;
	line-height: 20px;
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000910;
	text-align: center;
	text-decoration: none;
	background-color: #d0e2f6;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0 1px 0px #b7c7d8;
	-webkit-box-shadow: inset 0 1px 0px #b7c7d8;
	box-shadow: inset 0 1px 0px #b7c7d8;
	-webkit-transition: background-color 0.3s ease-out;
	-moz-transition: background-color 0.3s ease-out;
	-o-transition: background-color 0.3s ease-out;
	-ms-transition: background-color 0.3s ease-out;
	transition: background-color 0.3s ease-out;
}
.boutons:hover, .boutons:focus {
	color: #ffffff;
	cursor: pointer;
	background-color: #002d55;
	-moz-box-shadow: inset 0 1px 0px #002d55;
	-webkit-box-shadow: inset 0 1px 0px #002d55;
	box-shadow: inset 0 1px 0px #002d55;
}
#boutonAller {
	background-position: 5px center;
	padding-left: 15px;
	width: 60px;
}
.boutonsAide {
	float: left;
	border: none;
	padding-left: 6px;
	padding-right: 6px;
 *padding-left: 0px; /* Hack pour IE7 */
 *padding-right: 0px; /* Hack pour IE7 */
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 0px;
	margin-right: 20px;
	margin-top: 10px;
	line-height: 20px;
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000910;
	text-align: center;
	text-decoration: none;
	background-color: #d0e2f6;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0 1px 0px #b7c7d8;
	-webkit-box-shadow: inset 0 1px 0px #b7c7d8;
	box-shadow: inset 0 1px 0px #b7c7d8;
	-webkit-transition: background-color 0.3s ease-out;
	-moz-transition: background-color 0.3s ease-out;
	-o-transition: background-color 0.3s ease-out;
	-ms-transition: background-color 0.3s ease-out;
	transition: background-color 0.3s ease-out;
}
.boutonsAide:hover {
	color: #ffffff;
	cursor: pointer;
	background-color: #002d55;
	-moz-box-shadow: inset 0 1px 0px #002d55;
	-webkit-box-shadow: inset 0 1px 0px #002d55;
	box-shadow: inset 0 1px 0px #002d55;
}
/* Bouton supprimer */

.boutons#supprimer {
	padding-left: 24px;
	padding-right: 6px;
  /* Hack pour IE7 */
  *padding-left: 12px;
 *padding-right: 0px;
	color: #fff;
	background: #e5450d url(../img/sprites.png) no-repeat 5px -345px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0 1px 0px #b13105;
	-webkit-box-shadow: inset 0 1px 0px #b13105;
	box-shadow: inset 0 1px 0px #b13105;
	-webkit-transition: background-color 0.3s ease-out;
	-moz-transition: background-color 0.3s ease-out;
	-o-transition: background-color 0.3s ease-out;
	-ms-transition: background-color 0.3s ease-out;
	transition: background-color 0.3s ease-out;
}
.boutons#supprimer:hover {
	background-color: #002d55;
	cursor: pointer;
	color: #fff;
	-moz-box-shadow: inset 0 1px 0px #002d55;
	-webkit-box-shadow: inset 0 1px 0px #002d55;
	box-shadow: inset 0 1px 0px #002d55;
}
.boutonsInactif {
	visibility: hidden;
	float: left;
}
.boutonsForm {
	float: left;
	border: none;
	padding-left: 6px;
	padding-right: 6px;
 *padding-left: 0px; /* Hack pour IE7 */
 *padding-right: 0px; /* Hack pour IE7 */
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 0px;
	margin-right: 20px;
	margin-top: 10px;
	line-height: 20px;
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000910;
	text-align: center;
	text-decoration: none;
	background-color: #d0e2f6;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0 1px 0px #b7c7d8;
	-webkit-box-shadow: inset 0 1px 0px #b7c7d8;
	box-shadow: inset 0 1px 0px #b7c7d8;
	-webkit-transition: background-color 0.3s ease-out;
	-moz-transition: background-color 0.3s ease-out;
	-o-transition: background-color 0.3s ease-out;
	-ms-transition: background-color 0.3s ease-out;
	transition: background-color 0.3s ease-out;
}
.boutonsForm:hover {
	color: #ffffff;
	cursor: pointer;
	background-color: #002d55;
	-moz-box-shadow: inset 0 1px 0px #002d55;
	-webkit-box-shadow: inset 0 1px 0px #002d55;
	box-shadow: inset 0 1px 0px #002d55;
}
/************************ STYLE ***************************************/
.lignefonceplus {
	background-color: #a0bad4;
}
.titremenu {
	background-color: #ffffff;
	background-repeat: repeat-x;
}
.textetitreOld {
	font: bold 15px Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #93a1af;
	text-decoration: none;
}
.textetitre {
	padding: 9px 16px 2px 10px;
	position: relative;
	z-index: 1;
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	/*background: #7ea6c7;*/
	background: #ff5400;
	text-shadow: 0 1px 0 #bf4306;
	-moz-text-shadow: 0 1px 0 #bf4306;
	-webkit-text-shadow: 0 1px 0 #bf4306;
	-webkit-border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
}
/*.textetitre:hover,.textetitre:focus {
	position:relative;
	z-index:1;
	font: bold 13px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	background: #1a5991;
	text-shadow: 0 1px 0 #000;
	-moz-text-shadow: 0 1px 0 #000;
	-webkit-text-shadow: 0 1px 0 #000;
}*/
.textetitre td {
	height: 20px;
	vertical-align: top;
}
.textedetail {
	margin: 0 0 15px 0;
	font: normal 13px Arial, Helvetica, sans-serif;
	text-decoration: none;
	background: #f8f8f8;
}
.textedetail th {
	font-weight: bold;
	color: #1a5a92;
}
.textedetail th, .textedetail td {
	padding: 3px 5px 3px 5px;
}
.textetitrefeuille {
	font: bold 13px Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 1px 0 #858585;
	-moz-text-shadow: 0 1px 0 #858585;
	-webkit-text-shadow: 0 1px 0 #858585;
}
.textetitrefeuilleBlack {
	padding: 11px 0 0 0!important;
	font: bold 13px Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #333300;
	text-decoration: none;
}
body #content table .textetitrefeuille td, body #popupWrapper table .textetitrefeuille td {
	padding-top: 9px;
	padding-bottom: 7px;
	line-height: normal;
}
.texteliste {
	font: 12px Arial, Helvetica, sans-serif;
	vertical-align: middle;
	text-transform: none;
	color: #333333;
	overflow: hidden;
	text-decoration: none;
}
.texteliste a {
	vertical-align: middle;
}
.textevalide {
	font: bold 13px Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #333333;
	text-decoration: none;
}
.textelistegras {
	font: bold 12px Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #333333;
	text-decoration: none;
}
.texteidentification {
	font: bold xx-small Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #515354;
	text-decoration: none;
}
.exclamation {
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #ff0000;
	text-decoration: none;
}
.textMessageErreur {
	font: bold 12pt Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #ff5400;
	text-decoration: none;
}
.textMessageInfo {
	font: bold 12pt Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #05417d;
	text-decoration: none;
}
.textMessageWarning {
	font: bold 12pt Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #ff8716;
	text-decoration: none;
}
.texteToDoList {
	font: bold 16px Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #515354;
	text-decoration: none;
	line-height: 20px
}
.textegt {
	font: bold 24px Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #ff942f;
	text-decoration: none;
	line-height: 20px
}
.textegtblue {
	font: bold 24px Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #3c76da;
	text-decoration: none;
	line-height: 20px
}
.textegtred {
	font: bold 24px Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #ff5400;
	text-decoration: none;
	line-height: 20px
}
.texteliste2 {
	font: 12px Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #4378c9;
	text-decoration: none;
}
.libelleRouge {
	padding-right: 3px;
	padding-left: 3px;
	font-size: 12px;
	vertical-align: middle;
	color: #1a5a92;
	font-family: Arial, Helvetica, sans-serif;
	white-space: nowrap;
}
.formattab {
	font: 6px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.lienrougecolonne {
	font-family: Helvetica, Arial, Tahoma, sans-serif;
	font-weight: bold;
	text-transform: none;
	color: #1a5a92;
	text-decoration: underline;
}
.liennoirtitre {
	font: bold 13px Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #1a5a92;
	text-decoration: underline;
}
.nompersonnesociete {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #515354;
}
#nompersonnesociete {
	background-image: url("../img/chevronHaut.gif");
	background-color: #D9E3EE;
	background-repeat: no-repeat;
	padding: 0 0 0 24px;
}
.libelleLogin {
	font-weight: bold;
	font-size: 14px;
	color: #636c74;
	line-height: normal;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}
.titrepageaide {
	font: bold 30px Arial, Helvetica, sans-serif;
	color: #0033cc;
}
.titreonglet {
	font-weight: bold;
	font-size: 18px;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}
.libellechampsaisieaide {
	font-weight: bold;
	font-size: 12px;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}
.aidetexte {
	font-weight: normal;
	font-size: 12px;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}
.aideintrotexte {
	font-weight: normal;
	font-size: 12px;
	color: #0000cc;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
}
.texteFicheCb {
	padding-right: 3px;
	font-size: 12px;
	vertical-align: middle;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	white-space: nowrap;
	text-align: center;
}
.largeurSelect {
	width: 290px;
}
.iframepopup {
	border-right: #7f9db9 1px solid;
	border-top: #7f9db9 1px solid;
	border-left: #7f9db9 1px solid;
	border-bottom: #7f9db9 1px solid;
	border-collapse: collapse;
}
.iconeBoutonActif {
	cursor: pointer;
}
.iconeBoutonInactif {
	cursor: default;
}
.colorCadre {
	background-color: black;
}
.colorCadreDroitEtBas {
	border-right: black thick;
	padding-right: 1px;
	border-top: black thick;
	margin-bottom: 1px;
	padding-bottom: 1px;
	border-left: black thick;
	margin-right: 1px;
	border-bottom: black thick;
	background-color: black;
}
.inputLibelle {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	border-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-color: #E6EDF6;
}
.celluleTableauIcone {
	border-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	text-align: center;
	vertical-align: middle;
}
.inputLibelleDroit10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	border-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-color: #E6EDF6;
	text-align: right;
}
.inputLibelleDroit12b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #000000;
	border-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-color: #E6EDF6;
	text-align: right;
}
.texteFiltre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: none;
	color: #3A5068;
}
.iconeliste {
	font: 12px Arial, Helvetica, sans-serif;
	vertical-align: middle;
	text-transform: none;
	color: #333333;
	overflow: hidden;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left center;
}
.divhautliste {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: #C6D2DF 1px solid;
}
.divlistendf {
	overflow-y: scroll;
	overflow-x: hidden;
	height: 192px;
	width: 814px;
}
.optionGeneral {
	background-image: url(../img/FondOptionMenu.gif);
	background-repeat: repeat-y;
}
.optionMenuGeneral {
	background-image: url(../img/FondOptionMenu.gif);
	background-repeat: repeat-y;
}
.imageOption {
	background-position: left top;
}
.texteOption {
	font-family: Helvetica condensed, Helvetica, Arial, sans-serif;
	font-weight: bolder;
	color: #3A5068;
	font-size: 13px;
	text-align: middle;
	width: 108px;
	padding-top: 8px;
	padding-left: 1px;
	line-height: 13px;
	text-decoration: none;
}
.ligneOption {
	min-height: 15px;
	cursor: pointer;
	padding-left: 17px;
 *padding-left: 15px; /* pour IE7 et inférieur */
}
.ligneOption table {
	border: 0px;
	border-collapse: separate;
	border-spacing: 0px;
}
.texteMenu {
	padding: 0px;
	margin: 0px;
	font-family: Helvetica condensed, Helvetica, Arial, sans-serif;
	font-weight: bolder;
	color: #3A5068;
	font-size: 13px;
	text-align: left;
	vertical-align: top;
	min-width: 53px;
	height: 57px;
	padding-top: 20px;
	line-height: 13px;
	text-decoration: none;
	white-space: normal;
}
.imageMenu {
	padding: 0px;
	margin: 0px;
	height: 54px;
	padding-top: 23px;
	vertical-align: top;
	padding-left: 5px;
}
.menuGeneral {
	text-decoration: none;
	cursor: pointer;
	padding: 0px;
	margin: 0px;
}
.libelleOption {
	font-family: Helvetica condensed, Helvetica, Arial, sans-serif;
	font-weight: bolder;
	color: #3A5068;
	font-size: 13px;
	text-align: left;
	vertical-align: top;
	padding-top: 8px;
	letter-spacing: 0px;
	width: 89px;
}
.tiretOption {
	background-image: url(../img/optionHautTiret.gif);
	background-repeat: repeat-x;
	width: 5px;
}
.imgtop {
	position: relative;
	left: 0px;
	top: 0px;
	height: 100px;
	width: 12px;
}
.imgbottom {
	position: relative;
	left: 0px;
	bottom: 0px;
	height: 100px;
	width: 12px;
}
.imgcenter {
	position: relative;
	left: 0px;
	bottom: 0px;
	max-height: 100%;
	height: 68px;
	width: 12px;
}
.tablePatiente {
	display: none;
	vertical-align: middle;
	text-align: center;
	margin-top: 150px;
}
.textmessage {
	font: bold 12pt Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #05417d;
	text-decoration: none;
	line-height: 20px;
	max-height: 20px;
	white-space: nowrap;
}
.lienbleucolonne {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	white-space: nowrap;
	text-decoration: underline;
	color: #1a5a92;
	font-weight: bold;
}
.rougeBarre {
	text-decoration: line-through;
	color: #ff5400;
}
.rouge {
	color: #1a5a92;
}
.rougeGras {
	color: #ff5400;
	font-weight: bold;
}
.montantrouge {
	color: #ff5400;
}
.ligneAide {
	padding-left: 10px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 12px;
	text-transform: none;
	color: #333333;
	text-decoration: none;
	overflow: hidden;
	float: left;
}
/*
.libelleFormulaire {
  width: 145px;
  height: 12px;
  text-align: right;
  float: left;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 12px;
  text-transform: none;
  color: #333333;
  overflow: hidden;
  text-decoration: none;
  vertical-align: top;
  padding-top: 5px
}*/

.imgParametre {
	margin: 0 26px 0 0;
}
#menuParametre {
	position: relative;
	background-image: url(../img/bandeau_fin_g_h.gif);
	width: 50px;
	height: 24px;
}
#menuParametre:hover div {
	display: block;
}
#menuParametre .containerMenuParametre {
	display: none;
	z-index: 10;
	position: absolute;
	float: left;
	text-align: left;
	white-space: nowrap;
	left: 0px;
 *margin-top: 24px; /* Hack pour IE7 */
	font-size: 13px;
	line-height: 20px;
	font-family: Helvetica condensed, Helvetica, Arial, sans-serif;
	font-weight: bold;
	background-color: white;
	border: 1px solid #A0BAD4;
	padding: 4px;
}
.containerMenuParametre:hover {
	display: block;
}
.containerMenuParametre li {
	list-style-type: none;
}
.lienParametre {
	color: #3A5068;
	text-decoration: none;
}
.lienParametre:hover {
	color: #FF942E;
}
.imageConsigne {
	text-align: center;
	float: left;
	padding: 10px 20px 10px 0;
}
.imageConsigneOption {
	text-align: center;
	float: left;
	padding: 20px 0 0 0;
}
.texteConsigne {
	font: bold 13px Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #3A5068;
	text-decoration: none;
}
.texteEnteteDocument {
	font: bold 14px Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #333333;
	text-decoration: none;
	margin: 0 70px 10px 70px;
	width: 638px;
}
/******************** Ajout provisoire pour page NdF ***************************/
body .divFormGlobale .libelleChampFormulaire {
	padding-right: 5px;
	font-size: 12px;
	vertical-align: middle;
	color: #474747;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	overflow: hidden;
}
/* 5.0 Layout v3 ------------------------------------------------------------- */
body {
	background: #fff;
}
#wrapper {
	position: relative;
	display: block;
	width: 100%;
	min-width: 980px;
	text-align: left;
	background: #fff;
}
#wrapper #header, #wrapper #aside, #wrapper #header {
	display: block;
	position: relative;
}
#wrapper #header {
	margin: 0 0 20px 180px;
}
#wrapper #aside {
	position: absolute;
	left: 0;
	top: 0;
	width: 160px;
	background: transparent;/* -moz-box-shadow: inset -5px 0 8px #dddddd;
  -webkit-box-shadow:inset  -10px 0 10px #dddddd;
  box-shadow:inset  -10px 0 10px #dddddd;*/
}
#wrapper #content {
	margin: 0 0 0 180px;
}
/* 5.1 header v3 ------------------------------------------------------------- */
#wrapper #header {
	display: block;
	background: #fff;
}
#wrapper #header-top {
	display: block;
	border-bottom: 5px solid #dfdfdf;
	height: 30px;
	background: #1a5a92;
}
#wrapper #header .infos {
	display: block;
	float: left;
	padding: 10px 0 0 10px;
	max-width: 600px;
	font-size: 11px;
	color: #fff;
}
#wrapper #header #topmenu {
	position: relative;
	z-index: 10;
	display: block;
	float: right;
	margin: 3px 0 0 0;
	width: 180px;
	height: 30px;
}
#wrapper #header #topmenu li {
	position: relative;
	display: block;
	float: left;
	z-index: 10;
	zoom: 1;
}
#wrapper #header #topmenu li a {
	display: block;
	float: left;
	margin: 0 3px;
	height: 25px;
	width: 25px;
	z-index: 10;
	text-indent: -9999px;
	zoom: 1;
	background: transparent url(../img/topmenu-sprites.png) no-repeat left top;
	-webkit-transition: background-color 0.3s ease-out;
	-moz-transition: background-color 0.3s ease-out;
	-o-transition: background-color 0.3s ease-out;
	-ms-transition: background-color 0.3s ease-out;
	transition: background-color 0.3s ease-out;
}
#wrapper #header #topmenu li a.parametres {
	background-position: 0 top;
}
#wrapper #header #topmenu li a.calendar {
	background-position: -25px top;
}
#wrapper #header #topmenu li a.calc {
	background-position: -50px top;
}
#wrapper #header #topmenu li a.help {
	background-position: -75px top;
}
#wrapper #header #topmenu li a.disconnect {
	background-position: -100px bottom;
}
#wrapper #header #topmenu li:hover a, #wrapper #header #topmenu li:focus a, #wrapper #header #topmenu li a:hover, #wrapper #header #topmenu li a:focus {
	background-color: #255a8e;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#wrapper #header #topmenu li:hover a.parametres, #wrapper #header #topmenu li:focus a.parametres, #wrapper #header #topmenu li a.parametres:hover, #wrapper #header #topmenu li a.parametres:focus {
	background-position: 0 bottom;
}
#wrapper #header #topmenu li:hover a.calendar, #wrapper #header #topmenu li:focus a.calendar, #wrapper #header #topmenu li a.calendar:hover, #wrapper #header #topmenu li a.calendar:focus {
	background-position: -25px bottom;
}
#wrapper #header #topmenu li:hover a.calc, #wrapper #header #topmenu li:focus a.calc, #wrapper #header #topmenu li a.calc:hover, #wrapper #header #topmenu li a.calc:focus {
	background-position: -50px bottom;
}
#wrapper #header #topmenu li:hover a.help, #wrapper #header #topmenu li:focus a.help, #wrapper #header #topmenu li a.help:hover, #wrapper #header #topmenu li a.help:focus {
	background-position: -75px bottom;
}
#wrapper #header #topmenu li:hover a.disconnect, #wrapper #header #topmenu li:focus a.disconnect, #wrapper #header #topmenu li a.disconnect:hover, #wrapper #header #topmenu li a.disconnect:focus {
	background-position: -100px top;
}
#wrapper #header #topmenu ul {
	position: absolute;
	display: none;
	top: 25px;
	left: 3px;
	width: 140px;
	background: #719ac3!important;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#wrapper #header #topmenu ul li {
	float: none;
}
#wrapper #header #topmenu ul li a {
	display: block;
	padding: 6px 5px 0 5px;
	border-top: 1px dotted #fff;
	float: none;
	margin: 0;
	width: auto;
	text-indent: 0;
	text-decoration: none;
	color: #fff;
	background-image: none;
	background-color: #719ac3!important;
}
#wrapper #header #topmenu ul li:first-child a {
	border-top: none;
}
#wrapper #header #topmenu li ul li a:hover, #wrapper #header #topmenu li ul li a:focus {
	background: #255a8e!important;
}
#wrapper #header #topmenu li:hover ul, #wrapper #header #topmenu li:focus ul {
	display: block;
}
#wrapper #header #header-footer {
	position: relative;
	display: block;
	clear: both;
	padding: 10px 0;
	margin: 0 20px 10px 0;
	border-bottom: 1px solid #afc5db;
}
#wrapper #header #header-footer #filter {
	position: absolute;
	display: block;
	top: 14px;
	right: 0px;
	padding: 4px 10px 4px 5px;
	color: #1a5a92;
	background: #d0e2f6;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0 0 3px #bacfe6;
	-webkit-box-shadow: inset 0 0 3px #bacfe6;
	box-shadow: inset 0 0 3px #bacfe6;
}
#wrapper #header #header-footer #filter a {
	padding: 0 0 0 22px;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
	color: #1a5a92;
	text-shadow: 0 1px 0 #e9f1fa;
	-moz-text-shadow: 0 1px 0 #e9f1fa;
	-webkit-text-shadow: 0 1px 0 #e9f1fa;
	background: transparent url(../img/sprites.png) no-repeat left 2px;
}
#wrapper #header #header-footer .message {
	position: relative;
	display: block;
	padding: 6px 10px 0px 0;
	max-width: 550px;
	font-size: 17px;
	font-weight: normal;
	color: #444444;
}
#wrapper #header #header-footer .message img {
	margin: 0 5px 0 0;
	vertical-align: text-top;
}
#wrapper #header #header-footer .message.textMessageInfo {
	color: #1a5a91
}
#wrapper #header #header-footer .message.textMessagevalid {
	color: #91a108;
}
#wrapper #header #header-footer .message.textMessageWarning {
	color: #eb7b03;
}
#wrapper #header #header-footer .message.textMessageErreur {
	color: #f91d00;
}
/* 5.2 aside v3 ---------------------------------------------------------- */
#wrapper #aside #logo-societe {
	display: block;
	padding: 10px 0;
	text-align: center;
	background: #fff;
}
#wrapper #aside #logo-notys {
	display: block;
	margin: 30px 0 6px;
	text-align: center;
	background: transparent;
}
#wrapper #aside #id-version {
	display: block;
	margin: 0 0 20px;
	text-align: center;
	font-size: 11px;
	background: transparent;
}
#wrapper #aside #leftmenu {
	display: block;
	padding: 0;
	text-align: left;
	background: transparent;
}
#wrapper #aside #leftmenu li {
	display: block;
	padding: 5px 0 5px 5px;
	margin: 0 0 1px 0;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	font-size:12px;
	color: #14568f;
	background: #b2d1f0 url(../img/leftmenu-sprites.png) no-repeat right -45px;
	text-shadow: 0 1px 0 #dee9f4;
	-moz-text-shadow: 0 1px 0 #dee9f4;
	-webkit-text-shadow: 0 1px 0 #dee9f4;
	-moz-box-shadow: inset 0 -3px 3px #accae8;
	-webkit-box-shadow: inset 0 -3px 3px #accae8;
	box-shadow: inset 0 -3px 3px #accae8;
	-webkit-transition: background-color 0.2s ease-out;
	-moz-transition: background-color 0.2s ease-out;
	-o-transition: background-color 0.2s ease-out;
	-ms-transition: background-color 0.2s ease-out;
	transition: background-color 0.2s ease-out;
}
#wrapper #aside #leftmenu li.active {
	padding-bottom: 0;
	color: #fff;
	background: #1a5a92 url(../img/leftmenu-sprites.png) no-repeat right 5px;
	text-shadow: 0 1px 0 #114a7c;
	-moz-text-shadow: 0 1px 0 #114a7c;
	-webkit-text-shadow: 0 1px 0 #114a7c;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#wrapper #aside #leftmenu li:hover, #wrapper #aside #leftmenu li:focus {
	color: #fff;
	background-color: #1a5a92;
	background-position: right -95px;
	-moz-text-shadow: 0 1px 0 #114a7c;
	-webkit-text-shadow: 0 1px 0 #114a7c;
	text-shadow: 0 1px 0 #114a7c;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	cursor: pointer;
}
#wrapper #aside #leftmenu li ul {
	display: none;
	margin: 5px 0 0 -5px;
	padding: 0;
	background: #fff;
}
#wrapper #aside #leftmenu li.active ul {
	display: block;
}
#wrapper #aside #leftmenu li ul li {
	display: block;
	padding: 0px;
	text-transform: none;
	text-decoration: none;
	font-weight: normal;
	color: #666666;
	background: #b2d1f0;
	-moz-text-shadow: 0 1px 0 #dee9f4;
	-webkit-text-shadow: 0 1px 0 #dee9f4;
	text-shadow: 0 1px 0 #dee9f4;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#wrapper #aside #leftmenu li.active ul {
	-moz-box-shadow: 0 3px 3px #dfdfdf;
	-webkit-box-shadow: 0 3px 3px #dfdfdf;
	box-shadow: 0 3px 3px #dfdfdf;
}
#wrapper #aside #leftmenu li ul li a {
	position: relative;
	display: block;
	padding: 4px 20px 4px 5px;
	text-decoration: none;
	text-transform: none;
	font-weight: normal;
	line-height: 15px;
	color: #666666;
	text-shadow: none;
	-moz-text-shadow: none;
	-webkit-text-shadow: none;
	-webkit-transition: background-color 0.2s ease-out;
	-moz-transition: background-color 0.2s ease-out;
	-o-transition: background-color 0.2s ease-out;
	-ms-transition: background-color 0.2s ease-out;
	transition: background-color 0.2s ease-out;
}
#wrapper #aside #leftmenu li ul li a:hover, #wrapper #aside #leftmenu li ul li a:focus, #wrapper #aside #leftmenu li ul li.active a {
	color: #fff;
	background: #a5a5a5;
	cursor: pointer;
}
#wrapper #aside #leftmenu li ul li:hover a:before, #wrapper #aside #leftmenu li ul li.active a:before {
	position: absolute;
	display: block;
	content: ">";
	right: 10px;
	z-index: 20;
}
/* 5.3 Home content  --------------------------------------------------------- */

#wrapper #content .grid_66-33 {
	position: relative;
	display: block;
}
#wrapper #content .grid_66-33 .column1 {
	position: relative;
	display: block;
	width: 490px;
	float: left;
	margin: 0 20px 20px 0;
}
#wrapper #content .grid_66-33 .column2 {
	position: relative;
	display: block;
	width: 300px;
	float: left;
	margin: 0 0 15px 0;
}
#wrapper #content #direct-access {
	position: relative;
	display: block;
	width: 490px;
	margin: 5px 0 15px 0;
}
#wrapper #content #direct-access .grid_50-50_left {
	float: left;
	margin: 0 10px 10px 0
}
#wrapper #content #direct-access .grid_50-50_right {
	margin: 0 0 10px 0
}
#wrapper #content #direct-access .grid_100 {
	clear: both;
	margin: 0 0 10px 0
}
#wrapper #content #todo {
	float: left;
	display: block;
	width: 490px;
	margin: 5px 0 20px 0;
	background: #e9e9e9;
}
#wrapper #content #todo h2 {
	display: block;
	width: 440px;
	text-transform: uppercase;
	padding: 8px 10px 6px 40px;
	font-weight: bold;
	color: #fff;
	background: #ff5400 url(../img/sprites.png) no-repeat 15px -246px;
	text-shadow: 0 1px 0 #b73c00;
	-moz-text-shadow: 0 1px 0 #b73c00;
	-webkit-text-shadow: 0 1px 0 #b73c00;
}
#wrapper #content #todo li {
	display: block;
	padding: 6px 15px;
	border-bottom: 2px solid #fff;
	border-top: 1px solid #cdcdcd;
}
#wrapper #content #todo li:first-child {
	border-top: none;
}
#wrapper #content #todo a {
	font-weight: bold;
	color: #ff5400;
}
#wrapper #content #todo a:hover {
	text-decoration: none;
}
#wrapper #content #infos {
	position: relative;
	display: block;
	width: 490px;
	margin: 5px 0 20px 0;
	background: #e9e9e9;
}
#wrapper #content #infos h2 {
	display: block;
	width: 440px;
	text-transform: uppercase;
	padding: 8px 10px 6px 40px;
	font-weight: bold;
	color: #14568f;
	background: #b2d1f0 url(../img/picto-msg-info.png) no-repeat;
	background-position: center left 15px;
	text-shadow: 0 1px 0 #b2d1f0;
	-moz-text-shadow: 0 1px 0 #b2d1f0;
	-webkit-text-shadow: 0 1px 0 #b2d1f0;
}
#wrapper #content #infos li {
	display: block;
	padding: 6px 15px;
	border-bottom: 2px solid #fff;
	border-top: 1px solid #cdcdcd;
}
#wrapper #content #infos li:first-child {
	border-top: none;
}
#wrapper #content #infos a {
	font-weight: bold;
	color: #ff5400;
}
#wrapper #content #infos a:hover {
	text-decoration: none;
}
#wrapper #content .tools {
	position: relative;
	display: block;
	margin: 0 0 15px 0;
	background: #e9e9e9;
}
#wrapper #content .tools h2 {
	display: block;
	text-transform: uppercase;
	padding: 8px 10px 6px 22px;
	font-weight: bold;
	color: #474747;
	background-color: #fff;
	background-image: url(../img/sprites.png);
	background-repeat: no-repeat;
}
#wrapper #content .tools ul {
	max-height: 145px;
	overflow: auto;
}
#wrapper #content .tools li {
	display: block;
	padding: 8px 10px;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #cdcdcd;
}
#wrapper #content .tools li:first-child {
	border-top: none;
}
#wrapper #content .tools a {
	display: block;
	font-weight: bold;
	color: #ff5400;
}
#wrapper #content .tools a:hover {
	text-decoration: none;
}
#wrapper #content .tools#suppleant li {
	display: block;
	padding: 6px 10px;
	border-bottom: none;
	border-top: 1px solid #cdcdcd;
}
#wrapper #content .tools#suppleant h2 {
	background-position: 0 -45px;
}
#wrapper #content .tools#suppleant a {
	font-weight: normal;
	text-decoration: none;
	color: #474747;
}
#wrapper #content .tools#suppleant a:hover {
	text-decoration: underline;
	color: #ff5400;
}
#wrapper #content .tools#consignes ul {
	border-top: 1px solid #cdcdcd;
}
#wrapper #content .tools#consignes h2 {
	background-position: 0 -95px;
}
#wrapper #content .tools#dashboard ul {
	border-top: 1px solid #cdcdcd;
}
#wrapper #content .tools#dashboard h2 {
	background-position: 0 -144px;
}
#wrapper #content .tools#dashboard li {
	display: block;
	width: 137px;
	float: left;
	padding: 5px 5px 5px 10px;
	margin: 0;
	border-bottom: none;
	border-top: none;
	border-right: 1px solid #fff;
	font-size: 12px;
}
#wrapper #content .tools#dashboard li:nth-child(even) {
	border-right: none;
	padding-right: 0;
}
.lt-ie9 #wrapper #content .tools#dashboard li {
	width: 134px;
} /* correctif marges < ie9 */
/* 5.4 Ajouts form et listes --------------------------------------------------------- */
/* test accordeon */
/*
.accordeon-toggle1,.accordeon-toggle2 {
	display: block;
	float: right;
	margin: 0 0 0 10px;
	height: 15px;
	width: 15px;
	background: transparent url(../img/toggle-sprites.png) no-repeat left -100px;
}
.accordeon-toggle1-active, .accordeon-toggle2-active {
	background: transparent url(../img/toggle-sprites.png) no-repeat left 0;
}*/

/* position des boutons toggle à 100% de largeur du conteneur bleu titre */
.accordeon-toggle1, .accordeon-toggle2 {
	display: block;
	height: 15px;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 5;
	right: 0;
	top: 8px;
	width: 812px;
	background: url(../img/toggle-sprites.png) no-repeat scroll right -100px transparent;
}
.accordeon-toggle1-active, .accordeon-toggle2-active {
	background: transparent url(../img/toggle-sprites.png) no-repeat right 0;
}
.accordeon-toggle1 span, .accordeon-toggle2 span {
	position: absolute;
	top: -9999px;
}
.accordeon-content1, .accordeon-content2 {
	display: block;
	height: 0px;
	overflow: hidden;
	-webkit-transition: height 0.3s ease-out;
	-moz-transition: height 0.3s ease-out;
	-o-transition: height 0.3s ease-out;
	-ms-transition: height 0.3s ease-out;
	transition: height 0.3s ease-out;
}
.accordeon-content1-active {
	border: 1px solid #c1c1c1;
	display: block;
	height: 90px;
	overflow: hidden;
}
.accordeon-content2-active {
	display: block;
	height: 225px;
	overflow: hidden;
}
#aideBatch {
	background: url(../img/aide.png) no-repeat scroll;
}
#aideBatch:hover {
	background: url(../img/aide-on.png) no-repeat scroll;
	background-color: #255a8e;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
/* 5.5 popups --------------------------------------------------------- */
#popupWrapper {
	-moz-box-shadow: 0px 0px 8px #888;
	-webkit-box-shadow: 0px 0px 8px #888;
	box-shadow: 0px 0px 8px #888;
}
#popupWrapper .dialog, #popupWrapper .dialog-header, #popupWrapper .dialog-body {
	border: none;
}
#popupWrapper #CalendrierTool table {
	border-spacing: 1px;
	border-collapse: separate;
}
#popupWrapper #CalendrierTool table td {
	padding: 2px;
}
/* 5.6 Connect --------------------------------------------------------- */


body.connect {
	display: block;
	position: relative;
	background: #DCE9F4;/*background:url(../uploads/bg-connect-01.jpg) no-repeat center top;*/
}
.connect #wrapper {
	display: block;
	position: relative;
	text-align: center;
	min-width: 450px;
	margin: 0 auto;
	background: #DCE9F4;
}
.connect #wrapper #header {
	position: relative;
	margin: 0;
	background: #fff;
}
.connect #wrapper #header #header-top {
	position: relative;
	margin: 0 auto;
	height: 35px;
	border-bottom: 8px solid #A9D1F2;
}
.connect #wrapper #header #header-top #header-top-inner {
	position: relative;
	margin: 0 auto;
	max-width: 960px;
}
.connect #wrapper #header #header-middle {
	position: relative;
	margin: 0 auto;
	max-width: 750px;
	min-width: 680px;
	height: 200px;
}
.connect #wrapper #header #header-middle #logo-societe {
	display: block;
	position: relative;
	float: left;
	width: 220px;
}
.connect #wrapper #content {
	margin: 0;
	text-align: center;
	clear: both;
	border-top: 8px solid #A9D1F2;
}
.connect #wrapper #content #content-inner {
	position: relative;
	margin: 0 auto;
	max-width: 750px;
	min-width: 680px;
}
.connect #wrapper #header #lang {
	display: block;
	float: right;
	height: 20px;
	margin: 5px 5px 0 0;
	text-align: right;
	position: relative;
	max-width: 250px;
	z-index: 10;
}
.connect #wrapper #header #lang li {
	display: inline;
	margin: 0 5px 0 0;
	position: relative;
	z-index: 10;
	color: #f2f2f2;
}
.connect #wrapper #header #lang li a {
	color: #f2f2f2;
}
.connect #wrapper #header #lang li a span {
	position: absolute;
	top: -9999px;
}
.connect #wrapper #header #header-footer {
	display: block;
	float: right;
	clear: none;
	padding: 0;
	width: 450px;
	height: 130px;
	text-align: left;
}
.connect #wrapper #header #header-footer .message {
	display: block;
	font-size: 24px;
	line-height: 22px;
	letter-spacing: -1px;
	font-weight: normal;
	max-width: 100%;
	padding: 0;
	position: relative;
	color: #e98e00
}
.connect #wrapper #header #header-footer .message h1 {
	font-size: 32px;
	font-weight: bold;
	line-height: 30px;
	color: #1a5a91
}
.connect #wrapper #header #header-footer h2 {
	bottom: 20px;
	font-size: 19px;
	font-weight: bold;
	letter-spacing: -0.5px;
	position: absolute;
}
.connect #wrapper #header #header-footer {
	position: inherit;
	border-bottom: none;
	margin: 70px 0 0 0;
}
.connect #wrapper #logo-notys {
	display: block;
	left: 65px;
	margin: 0;
	position: absolute;
	text-align: center;
	top: 20px;
}
.connect #wrapper #id-version {
	display: block;
	font-size: 11px;
	margin: 0 0 15px;
	text-align: center;
}
.connect #wrapper #content .infos {
	clear: none;
	display: block;
	float: right;
	max-width: 450px;
	padding: 0;
	margin: 25px 0 0px;
	text-align: left;
	text-shadow: 0 1px 0 #ebf2f8;
	-moz-text-shadow: 0 1px 0 #ebf2f8;
	-webkit-text-shadow: 0 1px 0 #ebf2f8;
}
.connect #wrapper form {
	display: block;
	position: relative;
	padding: 0;
	padding: 30px 0 0 300px;
	width: 450px;
	clear: both;
	border: none !important;
	text-align: left;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: transparent;
	text-shadow: 0 1px 0 #E8F0F7;
	-moz-text-shadow: 0 1px 0 #E8F0F7;
	-webkit-text-shadow: 0 1px 0 #E8F0F7;
}
.connect #wrapper form p {
	display: block;
	margin-bottom: 20px;
	font-weight: bold;
	color: #474747;
}
.connect #wrapper #content form input[type="text"], .connect #wrapper #content form input[type="password"] {
	position: relative;
	vertical-align: inherit;
	width: 180px;
	font-size: 15px;
	height: 20px;
	border-color: #1a5a91!important;
	background: #fff;
	-moz-box-shadow: 0 1px 0 #E8F0F7;
	-webkit-box-shadow: 0 1px 0 #E8F0F7;
	box-shadow: 0 1px 0 #E8F0F7;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.connect #wrapper #content form input[type="text"], .connect #wrapper #content form input[type="password"] {
	top: -2px;
}
}
.lt-ie9 .connect #wrapper #content form input[type="text"], .lt-ie9 .connect #wrapper #content form input[type="password"] {
	padding: 5px 4px 0 4px;
}
.lt-ie8 .connect #wrapper #content form input[type="text"], .lt-ie8 .connect #wrapper #content form input[type="password"] {
	top: -3px;
}
.connect #wrapper #content form input[type="text"]:focus, .connect #wrapper #content form input[type="password"]:focus {
	border-color: #7ea6c7;
	-moz-box-shadow: 0 0 6px #1a5a91;
	-webkit-box-shadow: 0 0 6px #1a5a91;
	box-shadow: 0 0 6px #1a5a91;
}
.connect #wrapper #content form label {
	display: inline-block;
	min-width: 150px;
	height: 26px;
	padding-top: 1px;
	padding-right: 8px;
	font-size: 17px;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	color: #1a5a91;
}
.lt-ie9 .connect #wrapper #content form label {
	vertical-align: middle;
	height: 24px;
}
.connect #wrapper #content form span.society-name {
	display: inline-block;
	font-size: 14px;
	position: relative;
	top: -2px;
	color: #333;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.connect #wrapper #content form span.society-name {
	top: -3px;
}
}
.connect #wrapper #content form input[type="checkbox"], .connect #wrapper #content form input[type="radio"] {
	position: relative;
	vertical-align: inherit;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.connect #wrapper #content form input[type="checkbox"], .connect #wrapper #content form input[type="radio"] {
	top: -1px;
}
}
.connect #wrapper #content form .boutonValid {
	float: right;
	font-size: 18px;
	margin: 5px 130px 25px 0;
	padding: 4px 22px;
	background: #91a108;/*-webkit-transition: padding 0.3s ease-out;  
   -moz-transition: padding 0.3s ease-out;    
   -o-transition: padding 0.3s ease-out;  
   -ms-transition: padding 0.3s ease-out;   
   transition: padding 0.3s ease-out;  */
}
.connect #wrapper #content form .boutonValid:hover {
	background: #002d55
}
.connect #wrapper #content .connect-links {
	clear: both;
	display: block;
	margin: 0 0 50px;
 padding:padding: 0 30px 0 0;
	position: relative;
	text-align: left;
}
.connect #wrapper #content .connect-links a {
	margin: 0 0 0 20px;
	color: #ff5400;
}
.connect #wrapper #content .connect-links a:hover {
	text-decoration: none;
	color: #222;
}
.connect #wrapper #content .connect-links a:first-child {
	margin: 0 20px;
}
.lt-ie8 .connect #wrapper #content .connect-links a:first-child {
	margin: 0 10px;
}
.connect #wrapper #content .textMessageErreur {
	display: block;
	clear: both;
	padding: 20px 0;
	font-size: 17px;
	font-weight: normal;
	color: #f91d00;
}
#BoutonListeTri{
  display:block;
  padding:0 5px ;
  width:24px;
  background-image: url(../img/bt_menu.gif);
  background-repeat: no-repeat;
}
#BoutonListeTri ul{
 display:none;
 position:absolute;
 top:15px;
}
#BoutonListeTri:hover:first-child ul{
 display:block;
}
#BoutonListeTri ul li a{
  color:#fff;
  text-decoration:none;
  border-top: 1px dotted #fff;
  padding: 6px 20px 0;
  text-indent: 0;
  height: 25px;
  display:block;
  z-index:20;
  width:125px;
  background-repeat: no-repeat;
  background-position: 5px;
  text-shadow: 0 0 0 #fff;
  transition: background-color 0.3s ease-out 0s;
}
#BoutonListeTri ul li{
  background-color:#719ac3;
}
#BoutonListeTri ul li:first-child a{
  border-top: none;
}
#BoutonListeTri ul li:hover a{
  background-color:#255a8e;
}
#BoutonListeTri ul li:hover .lienMenuTri:before {
  content: ">";
  display: block;
  position: absolute;
  right: 10px;
  z-index: 20;
}
#BoutonListeTriAsc a{
  background-image: url(../img/boutonAsc.gif);
  background-repeat: no-repeat;
}
#BoutonListeTriAsc ul{
 display:none!important;
 left:165px;
 top:0;
 z-index:-99;
}
#BoutonListeTriAsc:hover ul{
 display:block!important;
 z-index:20;
}
#BoutonListeTriAsc ul li a{
  color:#fff;
  text-decoration:none!important;
  border-top: 1px dotted #fff!important;
  padding: 6px 20px 0;
  text-indent: 0;
  height: 25px;
  display:block;
  width:150px;
  background-repeat: no-repeat;
  background-position: 5px;
  background-color:#719ac3!important;
}
#BoutonListeTriAsc ul li:first-child a{
  border-top: none!important;
}
#BoutonListeTriAsc ul li:hover a{
  background-color:#255a8e!important;
}
#BoutonListeTriDesc a{
  background-image: url(../img/boutonDesc.gif);
  background-repeat: no-repeat;
}
#BoutonListeTriDesc ul{
 display:none!important;
 left:165px;
 top:31px;
 z-index:-99;
}
#BoutonListeTriDesc:hover ul{
 display:block!important;
 z-index:20;
}
#BoutonListeTriDesc ul li a{
  color:#fff;
  text-decoration:none!important;
  border-top: 1px dotted #fff;
  padding: 6px 20px 0;
  text-indent: 0;
  height: 25px;
  display:block;
  z-index:10;
  width:150px;
  background-repeat: no-repeat;
  background-position: 5px;
  background-color:#719ac3!important;
}
#BoutonListeTriDesc ul li:first-child a{
  border-top: none!important;
}
#BoutonListeTriDesc ul li:hover a{
  background-color:#255a8e!important;
}
.hintBanque{
  border: 1px solid #000;
  background-color:#fff;
  padding: 5px;
}
/* fin */