﻿/* Général */


.MainDiv
{
    width: 688px;
    min-width:375px;
    color: #676767;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
}


.ButtonLink
{
    overflow: visible;
    width: auto;
}

.ButtonLink
{
    -moz-user-select: text;
    text-align: left;
    color: blue;
    background: none;
    margin: 0;
    padding: 0;
    border: none;
    cursor: pointer;
    text-decoration: underline;
    -moz-user-select: text;
}

.ButtonLink:hover, .ButtonLink:focus
{
}





/* Connexion */
.ConnectionMainDiv
{
}

.ConnectionControlsDiv
{
}

.IdentifiantDiv
{
    padding-bottom: 5px;
}

.PwdDiv
{
}

.IdentifiantLblDiv
{
    display: table-cell;
    white-space: nowrap;
    width: 85px;
    vertical-align: middle;
}

.PwdLblDiv
{
    display: table-cell;
    white-space: nowrap;
    width: 85px;
    vertical-align: middle;
}

.IdentifiantCtlDiv
{
    display: table-cell;
    width:280px;
}

.PwdCtlDiv
{
    display: table-cell;
    width:280px;
}

.RememberDiv
{
    margin-top: 10px;
}

.RememberCtlDiv
{
    display: table-cell;
    vertical-align: middle;
}

.RememberLblDiv
{
    display: table-cell;
    vertical-align: middle;
    padding-left: 5px;
    padding-top: 1px;
    cursor: pointer;
}

.RememberCautionLblDiv
{
    padding: 0px 0px 5px 0px;
    color: #888;
    font-size: 11px;
}

.ConnexionLblErreur
{
    color: red;
}

.ConnexionBtn
{
    margin-left:0px !important;
}

.ForgotPwdLinkDiv
{
    padding: 20px 0px 0px 0px;
}

.ForgotPwdLinkDiv a:link
{
}

.ForgotPwdLinkDiv a:visited
{
}

.ForgotPwdLinkDiv a:active
{
}

.ForgotPwdLinkDiv a:hover
{
}

.ButtonsConnexionDiv
{
}

.ConnexionDiv
{
    padding-top:20px;
    width: 100px;
}





/* Mot de passe oublié */
.ForgotPwdMainDiv
{
    width: 500px;
}

.BirthFpDiv
{
    padding-bottom: 5px;
}

.BirthFpLblDiv
{
    display: table-cell;
    vertical-align: middle;
    width: 142px;
}

.BirthFpCtlDiv
{
    display: table-cell;
    vertical-align: middle;
    width:100px;
}


.MailDiv
{
    padding-bottom: 5px;
}

.MailLblDiv
{
    display: table-cell;
    vertical-align: middle;
    width: 140px;
    vertical-align: middle;
}

.MailCtlDiv
{
    display: table-cell;
    vertical-align: middle;
    width: 200px;
}

.IdtVoxDiv
{
    padding-bottom: 5px;
}

.IdtVoxLblDiv
{
    display: table-cell;
    vertical-align: middle;
    width: 140px;
    vertical-align: middle;
}

.IdtVoxCtlDiv
{
    display: table-cell;
    vertical-align: middle;
    width: 150px;
}

.CaptchaFPDiv
{
    padding: 20px 0px 0px 0px;
    display:table-cell;
}

.CaptchaFPInfos
{
    position:absolute;
    left:240px;
    top: 125px;
    width:350px;
}

.TextBoxCaptchaFP
{
    width:260px !important;
}

.ButtonsForgotPwdDiv
{
    padding-top:10px;
}

.ValiderForgotPwdDiv
{
    display: table-cell;
    vertical-align: middle;
}

.ValiderFPwdBtn
{
    margin-left:0px !important;
}

.AnnulerForgotPwdDiv
{
    display: table-cell;
    vertical-align: middle;
    padding-left: 5px;
}

.AnnulerFPwdBtn
{
}

.ForgotPwdLabelErreur
{
    color: Red;
    padding-top: 10px;
}

.ForgotPwdLabelSucces
{
    color: Green;
    padding-top: 10px;
}



/* Vérification de jetons */
.CheckJetonMainDiv
{
}

.CheckJetonLabelErreur
{
    color: Red;
}


.CheckJetonLabelSucces
{
    color: Green;
    padding-bottom: 10px;
}


/* Changer de mot de passe */
.ChangePwdMainDiv
{
    width: 500px;
}

.NewPwdDiv
{
    padding-bottom: 5px;
}

.NewPwdLbl
{
    display: table-cell;
    vertical-align: middle;
    width: 140px;
    vertical-align: middle;
}

.NewPwdCtl
{
    display: table-cell;
    vertical-align: middle;
    width: 140px;
}

.ConfirmPwdDiv
{
    padding-bottom: 5px;
}

.ConfirmPwdLbl
{
    display: table-cell;
    width: 140px;
    vertical-align: middle;
}

.ConfirmPwdCtl
{
    display: table-cell;
    vertical-align: middle;
    width: 140px;
}

.ButtonsChangePwdDiv
{
    padding-top: 10px;
}

.ValiderChangePwdDivCtl
{
    display: table-cell;
    vertical-align: middle;
}

.ValiderCPwdBtn
{
       margin-left:0px !important;
}

.AnnulerChangePwdDivCtl
{
    display: table-cell;
    vertical-align: middle;
    padding-left: 5px;
}

.AnnulerCPwdBtn
{
}

.ChangePwdLblErreur
{
    color: Red;
}

.ChangePwdLblSucces
{
    color: Green;
}



/* Changement d'identifiants */
.FirstConnectionLbl
{
    padding-bottom: 30px;
}

.FirstConnectionLbl li
{
    list-style-type: disc;
    list-style-position: inside;
    margin-left:25px;
}

.HeaderTextPcLbl
{
    float:none;
    margin-left:0px;
}

.NomPcDiv
{
    padding-bottom: 5px;
}

.NomPcLblDiv
{
    display: table-cell;
    vertical-align: middle;
    min-width:125px;
}

.NomPcCtlDiv
{
    display: table-cell;
    vertical-align: middle;
    width: 190px;
}


.MailPcDiv
{
    padding-bottom: 5px;
}

.MailPcLblDiv
{
    display: table-cell;
    vertical-align: middle;
    min-width:125px;
}

.MailPcCtlDiv
{
    display: table-cell;
    vertical-align: middle;
    width: 270px;
}
.MailPcCtlDiv input[type="text"]
{
    display: block;
	border: 1px solid #FFFFFF;
	cursor: text;
	/*----------------------------------------------------------------------------------------------*/
	/* For PIE Emulation */  /* Emulation CSS3 Filtres IE 7-8-9 (PIE.php ou PIE.htc selon serveur)
	/*----------------------------------------------------------------------------------------------*/
	behavior: url(/customers/apgis/prototypage/PIE.htc);
	/*----------------------------------------------------------------------------------------------*/
	/* For border radius */
	/*----------------------------------------------------------------------------------------------*/	
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	/*----------------------------------------------------------------------------------------------*/
	/* For gradient background */
	/*----------------------------------------------------------------------------------------------*/
	/* For Non-CSS3 Old browsers */
	background-color: #E3E3E3;
	/* For PIE Emulation */
	-pie-background: linear-gradient(bottom, #e3e3e3 80%, #c1c1c1 100%);
	/* For W3C Future CSS3 browsers */
	background-image: linear-gradient(bottom, #e3e3e3 80%, #c1c1c1 100%);
	/* For Opera 11.10+ */
	background-image: -o-linear-gradient(bottom, #e3e3e3 80%, #c1c1c1 100%);
	/* For Mozilla Firefox FF3.6+ / Gecko */
	background-image: -moz-linear-gradient(bottom, #e3e3e3 80%, #c1c1c1 100%);
	/* For Safari 5.1+, Chrome 10+ / New Webkit */
	background-image: -webkit-linear-gradient(bottom, #e3e3e3 80%, #c1c1c1 100%);
	/* For Safari 4+, Chrome / Old Webkit */
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(80%, #e3e3e3), color-stop(100%, #c1c1c1) );
	/* For Internet Explorer 05.5 -> 07 */
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c1c1c1, endColorstr=#e3e3e3);*/
	/* For Internet Explorer 08 */
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#c1c1c1, endColorstr=#e3e3e3)";*/
	/* For Internet Explorer 6 -> 8 */
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1c1c1', endColorstr='#e3e3e3', GradientType=0); */
	/* For Internet Explorer 10+ */
	background: -ms-linear-gradient(bottom, #e3e3e3 80%, #c1c1c1 100%);
	/*----------------------------------------------------------------------------------------------*/
	position: relative; /* 1-> Taille avant position + 2-> Taille en pixels + 3-> Position relative (RESPECTER CET ORDRE !) */
	padding-right: 6px;
	text-indent:5px;
}
.MdpPcDiv
{
    padding-bottom: 5px;
}

.MdpPcLblDiv
{
    display: table-cell;
    vertical-align: middle;
    min-width:125px;
}

.MdpPcCtlDiv
{
    display: table-cell;
    vertical-align: middle;
    width: 200px;
}

.MdpPcMinCarac
{
    font-size:10px;
    font-style:italic;
    display:table-cell;
    padding-left : 15px;
    vertical-align:middle;
}

.ConfirmMdpPcDiv
{
    padding-bottom: 5px;
}


.ConfirmMdpPcLblDiv
{
    display: table-cell;
    vertical-align: middle;
    min-width:125px;
}

.ConfirmMdpPcCtlDiv
{
    display: table-cell;
    vertical-align: middle;
    width: 200px;
}

.CaptchaPcDiv
{
    padding: 20px 0px 0px 0px;
    display:table-cell;
}

.CaptchaPcInfos
{
    position:absolute;
    left:275px;
    top:655px;
    width:350px;
}

.TextBoxCaptchaPc
{
    width:260px !important;
}

.PremiereCoLblSucces
{
    color:Green;
}

.PremiereCoLblErreur
{
    color:Red;
}

.ButtonsPremiereCoPwdDiv
{
    padding-top: 10px;
}

.ValiderPcPwdDivCtl
{
    display: table-cell;
    vertical-align: middle;
}

.ValiderPcPwdBtn
{
    margin-left:0px !important;
}

.AnnulerPcPwdDivCtl
{
    display: table-cell;
    vertical-align: middle;
    padding-left: 5px;
}

.AnnulerPcPwdBtn
{
}


input[type="submit"].ConnexionBtn,
input[type="submit"].ValiderCPwdBtn,
input[type="submit"].ValiderFPwdBtn,
input[type="submit"].ValiderPcPwdBtn,
input[type="submit"].AnnulerCPwdBtn,
input[type="submit"].AnnulerFPwdBtn,
input[type="submit"].AnnulerPcPwdBtn
{
    	border: none;
	/*float: left;*/
	display: inline-block;
	width: auto;
	height: 22px;
	/*----------------------------------------------------------------------------------------------*/
	/*For PIE Emulation*/
	/*----------------------------------------------------------------------------------------------*/
	behavior: url(/customers/apgis/prototypage/PIE.htc);
	-webkit-box-shadow: #6a6765 0px 2px 3px;
	-moz-box-shadow: #6a6765 0px 2px 3px;
	box-shadow: #6a6765 0px 2px 3px;
	/*----------------------------------------------------------------------------------------------*/
	/*For border radius*/
	/*----------------------------------------------------------------------------------------------*/	
	border-radius: 11px;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	-khtml-border-radius: 11px;
	/*----------------------------------------------------------------------------------------------*/
	/*For gradient background*/
	/*----------------------------------------------------------------------------------------------*/
	/*For Non-CSS3 browsers*/
	background-color: #b1b1b1;
	/*For PIE Emulation*/
	-pie-background: linear-gradient(bottom, #b1b1b1 0%, #FFFFFF 100%);
	/*For Future CSS3 browsers*/
	background-image: linear-gradient(bottom, #b1b1b1 0%, #FFFFFF 100%);
	/*For Opera 11.10+*/
	background-image: -o-linear-gradient(bottom, #b1b1b1 0%, #FFFFFF 100%);
	/*For Mozilla Firefox / Gecko */
	background-image: -moz-linear-gradient(bottom, #b1b1b1 0%, #FFFFFF 100%);
	/*For Safari Chrome / New Webkit */
	background-image: -webkit-linear-gradient(bottom, #b1b1b1 0%, #FFFFFF 100%);
	/*For Safari Chrome / Old Webkit */
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0%, #b1b1b1), color-stop(100%, #FFFFFF) );
	/*For Internet Explorer 05.5 -> 07 */
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#b1b1b1);*/
	/*For Internet Explorer 08 */
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#b1b1b1)";*/    
	/*For Internet Explorer 09*/
	/*background-image: -ms-linear-gradient(bottom, #b1b1b1 0%, #FFFFFF 100%);*/
	/*For Internet Explorer 10*/
	background: -ms-linear-gradient(bottom, #b1b1b1, #FFFFFF);
	/*----------------------------------------------------------------------------------------------*/

	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #4d4d4d;
	text-decoration: none;
	vertical-align: middle;
	position: relative;
	cursor: pointer;
	margin-left: 10px;
	padding-right: 17px;
	padding-left: 17px;
	/*----------------------------------------------------------------------------------------------*/
	/* For gradient background */
	/*----------------------------------------------------------------------------------------------*/
	/* For Internet Explorer 09 SVG */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMWIxYjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}


input[type="submit"].ConnexionBtn:hover,
input[type="submit"].ValiderCPwdBtn:hover,
input[type="submit"].ValiderFPwdBtn:hover,
input[type="submit"].ValiderPcPwdBtn:hover,
input[type="submit"].AnnulerCPwdBtn:hover,
input[type="submit"].AnnulerFPwdBtn:hover,
input[type="submit"].AnnulerPcPwdBtn:hover
{
	/*float: left;*/
	display: inline-block;
	height: 22px;
	/*width: auto;*/
	/*----------------------------------------------------------------------------------------------*/
	/*For PIE Emulation*/
	/*----------------------------------------------------------------------------------------------*/
	behavior: url(/customers/apgis/prototypage/PIE.htc);
	-webkit-box-shadow: #6a6765 0px 2px 3px;
	-moz-box-shadow: #6a6765 0px 2px 3px;
	box-shadow: #6a6765 0px 2px 3px;
	/*----------------------------------------------------------------------------------------------*/
	/*For border radius*/
	/*----------------------------------------------------------------------------------------------*/	
	border-radius: 11px;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	-khtml-border-radius: 11px;
	/*----------------------------------------------------------------------------------------------*/
	/*For gradient background*/
	/*----------------------------------------------------------------------------------------------*/
	/*For Non-CSS3 browsers*/
	background-color: #929292;
	/*For PIE Emulation*/
	-pie-background: linear-gradient(bottom, #929292 0%, #e6e6e6 100%);
	/*For Future CSS3 browsers*/
	background-image: linear-gradient(bottom, #929292 0%, #e6e6e6 100%);
	/*For Opera 11.10+*/
	background-image: -o-linear-gradient(bottom, #929292 0%, #e6e6e6 100%);
	/*For Mozilla Firefox / Gecko */
	background-image: -moz-linear-gradient(bottom, #929292 0%, #e6e6e6 100%);
	/*For Safari Chrome / New Webkit */
	background-image: -webkit-linear-gradient(bottom, #929292 0%, #e6e6e6 100%);
	/*For Safari Chrome / Old Webkit */
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0%, #929292), color-stop(100%, #e6e6e6) );
	/*For Internet Explorer 05.5 -> 07 */
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6e6e6, endColorstr=#929292);*/
	/*For Internet Explorer 08 */
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6e6e6, endColorstr=#929292)";*/    
	/*For Internet Explorer 09*/
	/*background-image: -ms-linear-gradient(bottom, #929292 0%, #e6e6e6 100%);*/
	/*For Internet Explorer 10*/
	background: -ms-linear-gradient(bottom, #929292, #e6e6e6);
	/*----------------------------------------------------------------------------------------------*/

	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #4d4d4d;
	text-decoration: none;
	vertical-align: middle;
	position: relative;
	cursor: pointer;
	/*----------------------------------------------------------------------------------------------*/
	/* For gradient background */
	/*----------------------------------------------------------------------------------------------*/
	/* For Internet Explorer 09 SVG */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MjkyOTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}

input[type="submit"][disabled].ConnexionBtn, 
input[type="submit"][disabled].ValiderPcPwdBtn,
input[type="submit"][disabled].ValiderFPwdBtn
{
    	/*float: left;*/
	display: inline-block;
	height: 22px;
	/*width: auto;*/
	-webkit-box-shadow: #6a6765 0px 2px 3px;
	-moz-box-shadow: #6a6765 0px 2px 3px;
	/*----------------------------------------------------------------------------------------------*/
	/*For border radius*/
	/*----------------------------------------------------------------------------------------------*/	
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	-khtml-border-radius: 11px;
	/*----------------------------------------------------------------------------------------------*/
	/*For gradient background*/
	/*----------------------------------------------------------------------------------------------*/
	/*For Non-CSS3 browsers*/
	background-color: #929292;
	/*For Future CSS3 browsers*/
	background-image: linear-gradient(bottom, #929292 0%, #cccccc 100%);
	/*For Opera 11.10+*/
	background-image: -o-linear-gradient(bottom, #929292 0%, #cccccc 100%);
	/*For Mozilla Firefox / Gecko */
	background-image: -moz-linear-gradient(bottom, #929292 0%, #cccccc 100%);
	/*For Safari Chrome / New Webkit */
	background-image: -webkit-linear-gradient(bottom, #929292 0%, #cccccc 100%);
	/*For Safari Chrome / Old Webkit */
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0%, #cccccc), color-stop(100%, #929292) );
	/*For Internet Explorer 05.5 -> 07 */
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#929292, endColorstr=#cccccc);*/
	/*For Internet Explorer 08 */
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#929292, endColorstr=#cccccc)";*/    
	/*For Internet Explorer 09*/
	/*background-image: -ms-linear-gradient(bottom, #929292 0%, #cccccc 100%);*/
	/*For Internet Explorer 10*/
	background: -ms-linear-gradient(bottom, #929292, #cccccc);
	/*----------------------------------------------------------------------------------------------*/

	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #4d4d4d;
	text-decoration: none;
	vertical-align: middle;
	position: relative;
	cursor: pointer;
}


.RequiredField
{
    background-position: -170px 0px;
    width: 14px;
    height: 14px;
    margin:0px;
    /*border-left: 5px solid transparent;
    border-top: 4px solid transparent;*/
    margin-left: 12px;
    background-repeat: no-repeat;
    background-image:url('/App_Themes/apgis/Editors/sprite.gif');
    background-image:url('/App_Themes/apgis/Editors/sprite.png');
    background-color: transparent;
    display:table-cell;
}

.RequiredFieldContainer
{
    display:table-cell;
    vertical-align:middle;
    padding-left:14px;
}

.ErrorFieldCounter
{
    display:table-cell;
    vertical-align:middle;
    padding-left: 12px;
    text-align: left;
    color: red;
    font-weight: normal;
    font-size:12px;
}

input[type="text"],
input[type="password"]
{
    display: block;
	border: 1px solid #FFFFFF;
	cursor: text;
	/*----------------------------------------------------------------------------------------------*/
	/* For PIE Emulation */  /* Emulation CSS3 Filtres IE 7-8-9 (PIE.php ou PIE.htc selon serveur)
	/*----------------------------------------------------------------------------------------------*/
	behavior: url(/customers/apgis/prototypage/PIE.htc);
	/*----------------------------------------------------------------------------------------------*/
	/* For border radius */
	/*----------------------------------------------------------------------------------------------*/	
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	/*----------------------------------------------------------------------------------------------*/
	/* For gradient background */
	/*----------------------------------------------------------------------------------------------*/
	/* For Non-CSS3 Old browsers */
	background-color: #E3E3E3;
	/* For PIE Emulation */
	-pie-background: linear-gradient(bottom, #e3e3e3 80%, #c1c1c1 100%);
	/* For W3C Future CSS3 browsers */
	background-image: linear-gradient(bottom, #e3e3e3 80%, #c1c1c1 100%);
	/* For Opera 11.10+ */
	background-image: -o-linear-gradient(bottom, #e3e3e3 80%, #c1c1c1 100%);
	/* For Mozilla Firefox FF3.6+ / Gecko */
	background-image: -moz-linear-gradient(bottom, #e3e3e3 80%, #c1c1c1 100%);
	/* For Safari 5.1+, Chrome 10+ / New Webkit */
	background-image: -webkit-linear-gradient(bottom, #e3e3e3 80%, #c1c1c1 100%);
	/* For Safari 4+, Chrome / Old Webkit */
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(80%, #e3e3e3), color-stop(100%, #c1c1c1) );
	/* For Internet Explorer 05.5 -> 07 */
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c1c1c1, endColorstr=#e3e3e3);*/
	/* For Internet Explorer 08 */
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#c1c1c1, endColorstr=#e3e3e3)";*/
	/* For Internet Explorer 6 -> 8 */
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1c1c1', endColorstr='#e3e3e3', GradientType=0); */
	/* For Internet Explorer 10+ */
	background: -ms-linear-gradient(bottom, #e3e3e3 80%, #c1c1c1 100%);
	/*----------------------------------------------------------------------------------------------*/
	position: relative; /* 1-> Taille avant position + 2-> Taille en pixels + 3-> Position relative (RESPECTER CET ORDRE !) */
	padding-right: 6px;
	text-indent:5px;
}