body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.75em;
	line-height: 1.5em;
	color: rgb(102, 102, 102);
	margin-top: 0px;
	margin-bottom: 0px;
	background: none repeat scroll 0% 0% rgb(255, 255, 255);
	text-align: center;
}

html {
	overflow-y: scroll; /*quand passe d'une page avec scroll vers page sans scroll, on dirait qu'il y a un décallage : avec overflow la barre de scroll est toujours affiche*/
}

ul {
	list-style-image: url('../../../images/puce.gif');
	margin: 5px 0px 5px 35px;
	padding: 0px;
}

img {
	border-width: 0px;
}

h1 {
	font: xx-small/1em "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: rgb(51, 51, 51);
	margin: 0px;
}

h2 {
	font: bold 1.1em/1em "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: rgb(12, 106, 137);
	text-transform: uppercase;
	padding-bottom: 5px;
	text-align: left;
	margin: 0px;
}

h3 {
	font-size: 1em;
	letter-spacing: 1px;
	color: rgb(131, 179, 195);
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	margin: 0px 0px 10px;
}

p {
	text-align: left;
}

a:active {
	color: rgb(102, 102, 102);
	text-decoration: none;
}

a:link {
	color: rgb(61, 136, 161);
	text-decoration: none;
}

a:visited {
	color: rgb(61, 136, 161);
	text-decoration: none;
}

a:hover {
	color: rgb(102, 102, 102);
	text-decoration: underline;
}

#page {
	position: relative;
	width: 954px;
	margin: 0px auto;
	text-align: left;
}

#bandeau_etat {
	position: relative;
	top: 0px;
	left: 0px;
}

#bandeau_etat img.ecusson {
	position: absolute;
	top: 2px;
	left: 0px;
}

#bandeau_etat h1 {
	height: 52px;
	margin-left: 38px;
}

#bandeau_etat h1 span.ligne1 {
	letter-spacing: 0px;
}

#bandeau_etat h1 span.ligne2 {
	letter-spacing: 1px;
	word-spacing: -2px;
}

#bandeau_etat h1 span.ligne3 {
	letter-spacing: 1px;
	word-spacing: -2px;
}

#icones {
	position: absolute;
	top: 15px;
	right: 0px;
}

#bandeau_petit {
	position: relative;
	top: 0px;
	left: 0px;
	height: 50px;
	background: url('../../../images/img_band_haut_01_pt.jpg') no-repeat scroll
		0% 0% white;
	
}

#bandeau_menu {
	font-size: 0.9em;
	position: relative;
	border-top: 1px solid white;
	top: 0px;
	left: 0px;
	height: 19px;
	overflow: hidden;
}

#bandeau_menu a {
	color: rgb(255, 255, 255);
}

#bandeau_menu span {
	height: 19px;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 1px;
	text-align: center;
}

#bandeau_menu span.ge {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 180px;
	text-align: left;
	/*padding-top: 3px;*/
	color: rgb(255, 255, 255);
	background-color: rgb(12, 106, 137);
}

#bandeau_menu span.acc {
	position: absolute;
	top: 0px;
	left: 181px;
	width: 147px;
	background-color: rgb(61, 136, 161);
}

#bandeau_menu span.org {
	position: absolute;
	top: 0px;
	left: 329px;
	width: 148px;
	background-color: rgb(100, 160, 180);
}

#bandeau_menu span.themes {
	position: absolute;
	top: 0px;
	left: 478px;
	width: 147px;
	background-color: rgb(131, 179, 195);
}

#bandeau_menu span.vie {
	position: absolute;
	top: 0px;
	left: 626px;
	width: 148px;
	background-color: rgb(156, 194, 207);
}

#bandeau_menu span.date {
	position: absolute;
	top: 0px;
	left: 775px;
	width: 179px;
	font-weight: normal;
	text-transform: none;
	background-color: rgb(192, 216, 224);
	margin-right: 0px;
}

#contenu_en_colonnes {
	display:table;
	width:100%;
	padding-bottom: 15px;
}

#contenu_row{
	display:table-row;	
}


/* position du menu à gauche */ 
#menu_gauche {
	display:table-cell;
	padding-top:10px;
	width: 165px;
}

#page.hideMenuGauche #menu_gauche{
	display:none;
}


/* position du menu deoulant a droite  */ 
#menu_droit {
	display: none;
	position: absolute;
	left: 775px;
	top: 121px;
	width: 179px;
	height: auto;
	z-index: 1000 !important;
}

#menu_activator {
	float:right;
	cursor: pointer;
	padding-top:0px;
}

#menu_activated{
	display: inline;
}

#page.hideMenuGauche #menu_activated{
	display: none;
}

#menu_deactivated{
	display: none;
}

#page.hideMenuGauche #menu_deactivated{
	display: inline;
}


#colonne_separation {
	display:table-cell;
	width: 15px;
	padding-right: 10px;
	background: url('../../../images/separation.png') repeat-y scroll 0% 0% transparent;
}

#page.hideMenuGauche #colonne_separation{
	display:none;
}


/* position div contenu de la page */
#colonne_centre {
	display:table-cell;
}

/* div qui contient le contenu injecté par la prestation */
#contenu_body {
	/*left: 0px;
	width: auto;*/
}

/* rendu de l'onglet sélectionné dans le menu de droite */
.selected-menu, .selected-menu a{
	color:#005C7D !important;
	background-color:#F3F7F9 !important;
}

.selected-menu  span{
	border-top :none !important;
	padding-right: 11px; !important;
	background-image:url('../../../images/Arrow2.jpg')!important;
	background-position:center!important;
}

/* la div d'info compte */
#comptepp {
	background: #005c7d url("../../../images/avatar.png") no-repeat 8px 8px;
	width: 126px;
	margin-left: 775px;
	color: #fff;
	height: 46px;
	padding: 5px 8px 0 45px;
	position: relative;
	z-index: 1;
}

#comptepm {
	background: #005c7d url("../../../images/avatarPm.png") no-repeat 8px 8px;
	width: 126px;
	margin-left: 775px;
	color: #fff;
	height: 46px;
	padding: 5px 8px 0 45px;
	position: relative;
	z-index: 1;
}

#comptepp p,#comptepm p {
	margin: 0;
	line-height: 14px;
}

#comptepp p .email,#comptepm p .email {
	font-size: 11px;
}

#puce_situation {
	float:left;
	width: 15px;
	line-height: 1.2em;
	border: 1px solid rgb(192, 216, 224);
}

#situation {
	line-height: 1.3em;
	color: rgb(156, 194, 207);
	font-weight: bold;
	padding-left: 19px;
	margin-bottom: 15px;
}

#situation span {
	color: rgb(102, 102, 102);
	font-weight: normal;
}

#situation a:link,#situation a:visited,#situation a:active {
	color: rgb(156, 194, 207);
}

#situation a:hover {
	color: rgb(102, 102, 102);
	text-decoration: none;
}

#texte_central h2,#colonne_centre h2 {
	padding: 1px 1px 1px 4px;
	margin-bottom: 15px;
	border-left: 15px solid rgb(100, 160, 180);
}


.note {
	padding: 6px;
	border: 1px solid rgb(204, 204, 204);
	background-color: rgb(243, 247, 249);
}

#slide_changer_couleurs_liens {
	display: none;
	z-index: 1000;
	position: absolute;
	top: 18px;
	width: 251pt;
	background: none repeat scroll 0% 0% white;
	overflow: hidden;
}

#barre_noire {
	background-color: rgb(154, 154, 154);
	width: 13px;
	top: 0px;
	right: 0px;
	float: right;
	position: absolute;
	height: 900px;
	margin-top: 18px;
	border: 1px solid rgb(154, 154, 154);
}

#menu_couleurs_liens {
	padding: 20px;
	margin: 0px 3px 0px 0px;
	border: 1px solid rgb(154, 154, 154);
	float: right;
	right: 17px;
	position: relative;
	top: 0px;
	width: 204pt;
	height: 100%;
	background-color: white;
}

#basculer_slide_couleur {
	position: absolute;
	cursor: pointer;
	right: 0px;
	top: 0px;
	width: 18px;
	height: 15px;
	background: url('../../../images/ic_couleur_lien.png') no-repeat scroll
		right top white;
}

#fermer_slide_couleur {
	float: right;
	cursor: pointer;
	left: 15px;
	bottom: 15px;
	position: relative;
}

#menu_couleurs_liens a {
	display: block;
	padding-bottom: 3px;
	padding-right: 20px;
}

#menu_couleurs_liens a img {
	margin-right: 10px;
	border: 1px solid rgb(154, 154, 154);
}


#compte {
	background: url('../../../images/avatar.png') no-repeat scroll 8px 8px
		rgb(0, 92, 125);
	width: 126px;
	margin-left: 775px;
	color: rgb(255, 255, 255);
	height: 42px;
	padding: 9px 8px 0px 45px;
	position: relative;
	z-index: 1;
}

#compte p {
	margin: 0px;
	line-height: 14px;
}

#compte p .email {
	font-size: 11px;
}

#bandeau_menu {
	border-top: 0px none ! important;
}

#bandeau_menu span {
	border-top: 1px solid rgb(255, 255, 255);
}

#bandeau_menu span.fa {
	border-top: 0px none;
	font-size: 1.5em;
	margin-right: 0.2em;
}

#bandeau_menu span.date {
	border-top: 0px none;
	background: none repeat scroll 0% 0% rgb(0, 92, 125);
	position: absolute;
	padding: 0px;
	margin: 0px;
}

#bandeau_menu span.date ul {
	clear: both;
	display: block;
	margin: 0px ! important;
}

#bandeau_menu span.date ul,#bandeau_menu span.date ul li {
	padding: 0px;
	margin: 0px;
	background: none repeat scroll 0% 0% transparent;
	list-style: none outside none;
	text-align: left;
}

#bandeau_menu span.date ul li {
	padding-left: 22px;
	margin-left: 0px;
	margin-right: 0px;
	padding-right: 0px;
	float: left;
	text-align: left;
	font-weight: bold;
}
#bandeau_menu span.date ul li span{
	border-top :none;
	padding-right: 11px;!important;
	background-image:url('../../../images/Arrow1.jpg');
	background-repeat:no-repeat;
	background-position:center;
	}

#bandeau_menu span.date li#aide {
	width: 48px;
	border-top: 1px solid rgb(255, 255, 255);
	border-right: 1px solid rgb(255, 255, 255);border-right: 1px solid rgb(255, 255, 255);
	position: relative;
	z-index: 1;
}

#bandeau_menu span.date ul li#moncompte {
	border-top: 1px solid rgb(255, 255, 255);
	width: 86px;
	position: relative;
	z-index: 1;
}


#espace_aide,#espace_compte {
	position: relative;
	display: none;
	padding-top: 9px;
	background-color: rgb(255, 255, 255);
}

#footer {
	text-align: center;
	font-size: 0.9em;
	margin-top: 2px;
	margin-left: 180px;
	margin-bottom: 10px;
}

.hideMenuGauche #footer {
	margin-left: 0px;
}


/** Div contenant les étapes (ex : Etape 1 sur 6) */

#progressionEtape {
	position:absolute;
	right:2px;
	width:130px;
	height:20px;
	border:1px solid rgb(12, 106, 137);
	text-align:center;
	color:rgb(12, 106, 137);
	font-weight: bold;
	line-height:20px; /* Same as height */
	margin:auto;
}

/** Div contenant les boutons en bas d'un formulaire */

.buttonsForm {
	text-align: center;
	margin-top: 20px;
}

/** Séparation entre les boutons */
.buttonsForm input {
	margin-left: 10px;
}

/** Séparation entre les boutons */
.buttonsForm button {
	margin-left: 10px;
}


/**
* style pour les boutons "changer" dans la barre mandat 
*/
.changeButton, .changeButton:visited, .changeButton:link{
	font-family: inherit;
	color:  #0C6A89;
	background-color: #D6D9DB;
    background-image: linear-gradient(top, #F3F7F9, #D6D9DB);
	background-image: -moz-linear-gradient(top, #F3F7F9, #D6D9DB);
	background-image: -ms-linear-gradient(top, #F3F7F9, #D6D9DB);
	background-image: -o-linear-gradient(top, #F3F7F9, #D6D9DB);
	background-image: -webkit-linear-gradient(top, #F3F7F9, #D6D9DB);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#F3F7F9', EndColorStr='#D6D9DB');
	height: 1.8em;
	border: 0px;
	border-radius: 2px;	
	font-size: 1em;
	/*line-height: 1.8em;*/
	vertical-align:middle;
	cursor: pointer;	
	text-decoration: none; 
	display: inline-block; 
	box-sizing: border-box;
	padding-top: 0px;
	padding-bottom: 0px;
	white-space:nowrap;
}

/** supprime le liseret focus du bouton pour que boutons et liens aient le même rendu */
.changeButton::-moz-focus-inner { 
	padding: 0; 
	border-style: none; 
}
/** pour que les liens soient affichés sous forme de boutons */
a.changeButton {
	appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    text-decoration: none; 
    display: inline-block; 
	padding: 0px 0.5em;
}
/** activation du bouton, survol, focus, clique */
.changeButton:hover:enabled, .changeButton:active:enabled {
    color:  #0C6A89;
    background-color: #F3F7F9;        
    background-image: linear-gradient(top, #F3F7F9, #EAEDEF);
	background-image: -moz-linear-gradient(top, #F3F7F9, #EAEDEF);
	background-image: -ms-linear-gradient(top, #F3F7F9, #EAEDEF);
	background-image: -o-linear-gradient(top, #F3F7F9, #EAEDEF);
	background-image: -webkit-linear-gradient(top, #F3F7F9, #EAEDEF);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#F3F7F9', EndColorStr='#EAEDEF');     
	/*text-shadow: 0px 0px 2px #41656D;	*/
}
/** améliore un peu la visu du bouton focus quand on navigue sans souris */
.changeButton:focus {
	outline: rgba(96, 148, 160, 1) thin dotted ;
}
/** tons ternes pour rendu du bouton désactivé */
.changeButton:disabled{
	font-family: inherit;
	font-style: italic;
	color:  #ababab;
	background-color: #f5f6f7;
    background-image: linear-gradient(top, #f5f6f7, #d8d9da);
	background-image: -moz-linear-gradient(top, #f5f6f7, #d8d9da);
	background-image: -ms-linear-gradient(top, #f5f6f7, #d8d9da);
	background-image: -o-linear-gradient(top, #f5f6f7, #d8d9da);
	background-image: -webkit-linear-gradient(top, #f5f6f7, #d8d9da);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f6f7', EndColorStr='#d8d9da');
	cursor: default;	
}

/**
* style pour les boutons standards
*/
.standardButton, .standardButton:visited, .standardButton:link{
	font-family: inherit; /* pour éviter la police systéme */
	color: #fff;	
	background-color: #6398A5;
    background-image: linear-gradient(top, #6398A5, #49717A);
	background-image: -moz-linear-gradient(top, #6398A5, #49717A);
	background-image: -ms-linear-gradient(top, #6398A5, #49717A);
	background-image: -o-linear-gradient(top, #6398A5, #49717A);
	background-image: -webkit-linear-gradient(top, #6398A5, #49717A);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#6398A5', EndColorStr='#49717A');
	height: 2em;
	border: 0px;
	border-radius: 2px;	
	font-size: 1em;
	line-height: 2em; 		/** pour aligner les 2 tailles de fonts quand on rajoute un caractère "after" **/ 
	vertical-align:middle;  /** idem **/
	cursor: pointer;	
	text-decoration: none; 
	display: inline-block; 
	box-sizing: border-box;
	padding-top: 0px;
	padding-bottom: 0px;
	white-space:nowrap;
}

/** supprime le liseret focus du bouton pour que boutons et liens aient le même rendu */
.standardButton::-moz-focus-inner { 
	padding: 0; 
	border-style: none; 
}
/** pour que les liens soient affichés sous forme de boutons */
a.standardButton {
	appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    text-decoration: none; 
    display: inline-block; 
	padding: 0px 0.5em;
}
/** activation du bouton, survol, focus, clique */
.standardButton:hover:enabled, .standardButton:active:enabled {
    background-color: #71AEBC;        
    background-image: linear-gradient(top, #71AEBC, #6398A5);
	background-image: -moz-linear-gradient(top, #71AEBC, #6398A5);
	background-image: -ms-linear-gradient(top, #71AEBC, #6398A5);
	background-image: -o-linear-gradient(top, #71AEBC, #6398A5);
	background-image: -webkit-linear-gradient(top, #71AEBC, #6398A5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#71AEBC', EndColorStr='#6398A5');   
	text-shadow: 0px 0px 2px #41656D;	
}
/** améliore un peu la visu du bouton focus quand on navigue sans souris */
.standardButton:focus {
	outline: rgba(96, 148, 160, 1) thin dotted ;
}
/** tons ternes pour rendu du bouton désactivé */
.standardButton:disabled{
	color: #e6e6e6;	
	background-image: linear-gradient(top, rgba(200, 200, 200, 0.5), rgba(200, 200, 200, 0.5));
	background-image: -moz-linear-gradient(top, rgba(200, 200, 200, 0.5), rgba(200, 200, 200, 0.5));
	background-image: -ms-linear-gradient(top, rgba(200, 200, 200, 0.5), rgba(200, 200, 200, 0.5));
	background-image: -o-linear-gradient(top, rgba(200, 200, 200, 0.5), rgba(200, 200, 200, 0.5));
	background-image: -webkit-linear-gradient(top, rgba(200, 200, 200, 0.5), rgba(200, 200, 200, 0.5));
	font-style: italic;
}

/**
* style additionnel pour que le bouton apparaissent plus grand en hauteur (bouton new sur les pages de gestion) 
*/
.tallerButtonStyle{
	height: 2.25em!important;
}
/**
* style additionnel pour que le bouton soit cadré à droite (bouton new sur les pages de gestion)
*/
.rightSideButtonStyle{
	left: -25px!important;
	float: right!important;
}
/**
* style additionnel pour ajouter le symbole + à droite du bouton (bouton new sur les pages de gestion)
*/
.addButtonStyle::after{
    content:"+";
    display: inline-block;
    font-size: 1.3em;
    margin-left: 0.25em;
	vertical-align:top;
}

/**
* style pour les boutons "suivant >" dans les formulaires 
*/
.nextButton , .nextButton:visited, .nextButton:link {
	font-family: inherit;
	color:  #fff;	
	background-color: #6398A5;
    background-image: linear-gradient(top, #6398A5, #49717A);
	background-image: -moz-linear-gradient(top, #6398A5, #49717A);
	background-image: -ms-linear-gradient(top, #6398A5, #49717A);
	background-image: -o-linear-gradient(top, #6398A5, #49717A);
	background-image: -webkit-linear-gradient(top, #6398A5, #49717A);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#6398A5', EndColorStr='#49717A');
	height: 2em;
	border: 0px;
	border-radius: 2px;	
	font-size: 1em;
	line-height:2em;
	vertical-align:middle;
	cursor: pointer;
	outline: 0;
	box-sizing: border-box;
	padding-top: 0px;
	padding-bottom: 0px;
	white-space:nowrap;
}

.nextButton::-moz-focus-inner { 
	padding: 0; 
	border-style: none; 
}

a.nextButton {
	appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    text-decoration: none; 
    display: inline-block; 
	padding: 0px 0.5em;
}

.nextButton:hover, .nextButton:active {
    background-color: #71AEBC;        
    background-image: linear-gradient(top, #71AEBC, #6398A5);
	background-image: -moz-linear-gradient(top, #71AEBC, #6398A5);
	background-image: -ms-linear-gradient(top, #71AEBC, #6398A5);
	background-image: -o-linear-gradient(top, #71AEBC, #6398A5);
	background-image: -webkit-linear-gradient(top, #71AEBC, #6398A5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#71AEBC', EndColorStr='#6398A5');   
	text-shadow: 0px 0px 2px #41656D;	 
}

.nextButton:focus {
	outline: rgba(96, 148, 160, 1) thin dotted ;
}
/** ajoute le caractere >  droite du bouton */
.nextButton::after{
    content:">";
    display: inline-block;
    font-size: 1.2em;
    margin-left: 0.25em;
	vertical-align:top; /** en alignant ce bloc avec celui du bouton on aligne le texet du bouton et le > */
}

/**
* style pour les boutons "< previous" dans les formulaires 
*/
.previousButton, .previousButton:visited, .previousButton:link  {	
	font-family: inherit;
	color:  #4F6977;
	background-color: #E1EEF4;
    background-image: linear-gradient(top, #E1EEF4, #C7D1D6);
	background-image: -moz-linear-gradient(top, #E1EEF4, #C7D1D6);
	background-image: -ms-linear-gradient(top, #E1EEF4, #C7D1D6);
	background-image: -o-linear-gradient(top, #E1EEF4, #C7D1D6);
	background-image: -webkit-linear-gradient(top, #E1EEF4, #C7D1D6);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#E1EEF4', EndColorStr='#C7D1D6');
	border: 0px;
	border-radius: 2px;
	height: 2em;
	font-size: 1em;
	cursor: pointer;
	line-height:2em;
	vertical-align:middle;
	outline: 0;
	box-sizing: border-box;
	padding-top: 0px;
	padding-bottom: 0px;
	white-space:nowrap;
}

.previousButton::-moz-focus-inner { 
	padding: 0; 
	border-style: none; 
}

a.previousButton {
	appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    text-decoration: none; 
    display: inline-block; 
	padding: 0px 0.5em;
}

.previousButton:hover, .previousButton:active {
	background-color: #E8F4F9;        
    background-image: linear-gradient(top, #E8F4F9, #D7E1E5);
	background-image: -moz-linear-gradient(top, #E8F4F9, #D7E1E5);
	background-image: -ms-linear-gradient(top, #E8F4F9, #D7E1E5);
	background-image: -o-linear-gradient(top, #E8F4F9, #D7E1E5);
	background-image: -webkit-linear-gradient(top, #E8F4F9, #D7E1E5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#E8F4F9', EndColorStr='#D7E1E5');    	
}

.previousButton:focus {
	 outline: rgba(96, 148, 160, 1) thin dotted ;
}

.previousButton::before{
    content:"<";
    display: inline-block;
    font-size: 1.2em;
	margin-right: 0.25em;
	vertical-align:top;
}


/**
* style pour les boutons "soumettre" dans les formulaires 
*/
.submitButton, .submitButton:visited, .submitButton:link {
	font-family: inherit;
	color:  #fff;
	background-color: #6398A5;
    background-image: linear-gradient(top, #6398A5, #49717A);
	background-image: -moz-linear-gradient(top, #6398A5, #49717A);
	background-image: -ms-linear-gradient(top, #6398A5, #49717A);
	background-image: -o-linear-gradient(top, #6398A5, #49717A);
	background-image: -webkit-linear-gradient(top, #6398A5, #49717A);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#6398A5', EndColorStr='#49717A');
	border: 0px;	
	border-radius: 2px;
	height: 2em;
	font-size: 1em;
	line-height:1em;
	vertical-align:middle;
	cursor: pointer;
	outline:0;
	box-sizing: border-box;
	padding-top: 0px;
	padding-bottom: 0px;
	white-space:nowrap;
}

.submitButton::-moz-focus-inner { 
	padding: 0; 
	border-style: none; 
}

a.submitButton {
	appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    text-decoration: none; 
    display: inline-block; 
	padding: 0px 0.5em;
}

.submitButton:hover:enabled, .submitButton:active:enabled{
	background-color: #71AEBC;        
    background-image: linear-gradient(top, #71AEBC, #6398A5);
	background-image: -moz-linear-gradient(top, #71AEBC, #6398A5);
	background-image: -ms-linear-gradient(top, #71AEBC, #6398A5);
	background-image: -o-linear-gradient(top, #71AEBC, #6398A5);
	background-image: -webkit-linear-gradient(top, #71AEBC, #6398A5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#71AEBC', EndColorStr='#6398A5');    
    box-shadow: 0px 0px 3px #28C0E2;
	text-shadow: 0px 0px 2px #41656D;
}

.submitButton:focus {
	 outline: rgba(96, 148, 160, 1) thin dotted ;
}

.submitButton:disabled{
	color: #e6e6e6;	
	background-image: linear-gradient(top, rgba(200, 200, 200, 0.5), rgba(200, 200, 200, 0.5));
	background-image: -moz-linear-gradient(top, rgba(200, 200, 200, 0.5), rgba(200, 200, 200, 0.5));
	background-image: -ms-linear-gradient(top, rgba(200, 200, 200, 0.5), rgba(200, 200, 200, 0.5));
	background-image: -o-linear-gradient(top, rgba(200, 200, 200, 0.5), rgba(200, 200, 200, 0.5));
	background-image: -webkit-linear-gradient(top, rgba(200, 200, 200, 0.5), rgba(200, 200, 200, 0.5));
	font-style: italic;
}

.submitButton::-moz-focus-inner { 
	padding: 0; 
	border-style: none; 
}

input.searchFilterButton {
    background:url("../../../images/Ico16_Loupe.jpg") no-repeat;;
    border: 0px;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

input.resetFilterButton {
    background:url("../../../images/Ico16_RemiseZero.jpg") no-repeat;;
    border: 0px;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

#vosInformations{
	display: none; /*--masqué par défaut--*/
	position: fixed;
	background: white;
	padding: 10px;
	border: 10px solid #ddd;
	float: left;
	font-size: 1.1em;
	top: 25%; left: 40%;
	z-index: 1000;
}