/**
 * 
 * @version $Revision $
 * @cvs $id $
 */
 
div,span,input,a{ behavior: url(../js/iepngfix.htc) }
 
body {
	background-color: #ffffff;
	color: #4873A3;
	font-size: 11px;
	font-weight: normal; 
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	text-align:center;
}


/*------------------------------------------------------------------------------------*/
hr{
	border:none;
	border-bottom:1px solid #B0C9DD;
	width:98%;
}
label{
	cursor:pointer;
}
table, label {
	font-size: 11px;
	font-weight: normal; 
	font-family: Arial, Helvetica, sans-serif;
	color: #656468;	
}
/**/
a {
	color: #4873A3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}

a:link {		color: #4873A3; text-decoration: none;}
a:visited {	color: #4873A3; 	text-decoration: none;}
a:active {	color: #4873A3;	text-decoration: none;}
a:hover {	color: #072A52; 	text-decoration: underline;}

a.bold:link {	color: #4873A3; font-size: 11px; font-weight: bold; text-decoration: underline; }
a.bold:visited {	color: #4873A3; font-size: 11px; font-weight: bold; text-decoration: underline; }
a.bold:active {	color: #4873A3; font-size: 11px; font-weight: bold; text-decoration: underline;}
a.bold:hover {	color: #072A52; font-size: 11px; font-weight: bold; text-decoration: none;}

a.petaleBlanc{
	padding: 5px 0px 5px 25px;
}

a.petaleBlanc:link{ 	background: url(../images/elements/petaleBlancheGris.png) no-repeat;}
a.petaleBlanc:visited{ 	background: url(../images/elements/petaleBlancheGris.png) no-repeat;}
a.petaleBlanc:active{ 	background: url(../images/elements/petaleBlancheGris.png) no-repeat;}
a.petaleBlanc:hover{ 	background: url(../images/elements/petaleBlancheGris_on.png) no-repeat;}

a.petaleRouge:link{ 	background: url(../images/elements/petaleRouge.png) no-repeat;}
a.petaleRouge:visited{ 	background: url(../images/elements/petaleRouge.png) no-repeat;}
a.petaleRouge:active{ 	background: url(../images/elements/petaleRouge.png) no-repeat;}
a.petaleRouge:hover{ 	background: url(../images/elements/petaleRougeOn.png) no-repeat;}

a.petaleVert:link{ 		background: url(../images/elements/petaleVert.png) no-repeat;}
a.petaleVert:visited{ 	background: url(../images/elements/petaleVert.png) no-repeat;}
a.petaleVert:active{ 	background: url(../images/elements/petaleVert.png) no-repeat;}
a.petaleVert:hover{ 	background: url(../images/elements/petaleVertOn.png) no-repeat;}

a.petaleBleu:link{ 		background: url(../images/elements/petaleBleu.png) no-repeat;}
a.petaleBleu:visited{ 	background: url(../images/elements/petaleBleu.png) no-repeat;}
a.petaleBleu:active{ 	background: url(../images/elements/petaleBleu.png) no-repeat;}
a.petaleBleu:hover{ 	background: url(../images/elements/petaleBleuOn.png) no-repeat;}

a.petaleJaune:link{ 	background: url(../images/elements/petaleJaune.png) no-repeat;}
a.petaleJaune:visited{ 	background: url(../images/elements/petaleJaune.png) no-repeat;}
a.petaleJaune:active{ 	background: url(../images/elements/petaleJaune.png) no-repeat;}
a.petaleJaune:hover{ 	background: url(../images/elements/petaleJauneOn.png) no-repeat;}

a.petaleViolet:link{ 	background: url(../images/elements/petaleViolet.png) no-repeat;}
a.petaleViolet:visited{ background: url(../images/elements/petaleViolet.png) no-repeat;}
a.petaleViolet:active{ 	background: url(../images/elements/petaleViolet.png) no-repeat;}
a.petaleViolet:hover{ 	background: url(../images/elements/petaleVioletOn.png) no-repeat;}

/*------------------------------------------------------------------------------------*/
img {	border: 0px;}

table {	border-collapse: collapse;	font-size: 11px;}
/*------------------------------------------------------------------------------------*/
input {
	font-size: 11px;
	color: #233960;
}

input.text {
	font-size: 11px;
	color: #375B78;
	width: 250px;
	border: 1px solid #90AAC3;
}

input.shortText{
	font-size: 11px;
	color: #233960;
	width: 100px
}

input.button {
	height: 16px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #375B78;
	border: 1px outset #697F94;
	background-color: #D7DCE6;
	background-image : url(../images/design/fondBouton.jpg);
	cursor: pointer;
}
}

input.shortButton {
	width: 29px;
	height: 15px;
	background: url(../images/boutons/shortButton.jpg) no-repeat;
	border: 0px solid;
}

input.radio{
}

select {
	font-size: 11px;
	color: #233960;
}

select.text {
	font-size: 11px;
	color: #375B78;
	background-color: #FFFFFF;
	
	border: 1px solid #90AAC3;
}

label {}

label.form {
	width: 130px;
	display : block;
	float: left;
	text-align : right;
	margin-right: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #233960;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #233960;
	width: 250px
}

ul{}

li{}

/*------------------------------------------------------------------------------------*/
.trigger{
    cursor: pointer;
}

/*------------------------------------------------------------------------------------*/

div#main{
	width: 990px;
	padding: 0px;
	margin: auto;
	overflow: visible;
	position:relative;
	text-align:left;
}

div#page{
	top: 0px;
	left: 0px;
	width:793px;
	z-index: 1;
}

/*------------------------------------------------------------------------------------*/
div#pageTop{
	background: url(../images/design/mainTop.jpg) no-repeat;
	width: 100%;
	height: 76px;
	position: relative;
}


div#pageMiddle{
	background: url(../images/design/mainLeftR.jpg) repeat-y;
	width: 100%;
	position: relative;
}

div#accueilMiddleLeft{
	background: url(../images/design/mainLeft.jpg) no-repeat;
	width: 172px;
	height: 486px;
	position: relative;
}

div#accueilMiddleCenter{
	background: url(../images/design/mainCenter.jpg) no-repeat;
	width: 818px;
}

div#pageBottom{
	width: 100%;
	height: 18px;
	position: relative;
	background-color: #C2CADD;
}

div#workspace{
	margin : 5px 5px 5px 15px;
	color:#000000;
	font-size: 11px;
}

div#cheminPage{
	color: #4873A3;
	font-size: 12px;
	font-weight: bold;
	background:url(../images/elements/petaleBleu.gif) no-repeat left;
	padding-left:40px;
	padding-top:12px;	
	height:28px;
	margin-bottom:20px;
}
div#cheminPage a{
	color: #4873A3;
	font-size: 12px;
	font-weight: bold;
}
html>body div#cheminPage{
	background:url(../images/elements/petaleBleu.png) no-repeat left;
}

div#cheminPage span{
}

/*------------------------------------------------------------------------------------*/
div#mainMenu{
	z-index: 1;
	background: url(../images/design/mainMenu.jpg) no-repeat;
	padding-left: 20px;
	height: 35px;
}

a.mainMenu{
	display: block;
	float: left;
	margin: 0px 0px 0px 4px;
	padding: 10px 2px 6px 32px;
	font-weight: bold;
	font-size: 12px;
	color:#FFFFFF;
	
}
a.mainMenu:link{	color:#FFFFFF;	text-decoration: none;}
a.mainMenu:visited{	color:#FFFFFF;text-decoration: none;}
a.mainMenu:active{	color:#FFFFFF;text-decoration: none;}
a.mainMenu:hover{	color:#FFD012; font-size: 12px;text-decoration: none;}

ul.dropDownMenu{
	position: absolute;
	visibility: hidden;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	width: 140px;

}

ul.dropDownMenu li{
	padding: 1px;
	padding-bottom: 0px;
	background-color: #4878A5;
}

li a.dropDownMenuLast{
	border-bottom: 1px solid #4878A5;	
}

ul.dropDownMenu a{
	display: block;
	height: 25px;
	color: #4878A5;
	font-size: 11px;
	text-indent: 15px;
	background: url(../images/elements/menuPuce.jpg) no-repeat left;
	background-color: #bccfde;
	line-height:25px;
}

ul.dropDownMenu a:link{ 		color: #4878A5; text-decoration: none;}
ul.dropDownMenu a:visited{	color: #4878A5; text-decoration: none;}
ul.dropDownMenu a:active{ 	color: #4878A5; text-decoration: none;}
ul.dropDownMenu a:hover{ 	color: #FFFFFF; text-decoration: none; background:url(../images/elements/menuPuceOn.jpg) no-repeat left;  background-color: #60B2D5;}

ul#menuEtudiantDD{ 		left: 230px; top: 30px; width: 190px;}
ul#menuEntrepriseDD{		left: 450px; top: 30px;}
ul#menuCreateurDD{ 		left: 555px; top: 30px;}
ul#menuPartenaireDD{ 	left: 710px; top: 30px;}
ul#menuExpertComptableDD{left: 810px; top: 30px;}

div#menuTopRight{
	position: absolute;
	right: 64px;
	top: 58px;
	width: 305px;
	height: 20px;
}

div#menuBottomRight{
	position: absolute;
	top: 2px;
	right: 10px;
	width: 600px;
	height: 17px;
	text-align: right;
}

/*------------------------------------------------------------------------------------*/
div#boxLeft1{
	position: absolute;
	top: 77px;
	left: 0px;
	width: 162px;
	height: 256px;
	background: url(../images/design/boxLeft1.jpg) no-repeat;
}

div#boxLeft1 span{
	display: block;
	margin-top: 10px;
	margin-left: 40px;
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #595557;
}

div#boxLeft1 form {
	margin: 0px;
}

div#boxLeft1 label {
	display: block;
	margin: 0px;
	margin-left: 5px;
	margin-top: 4px;
}

div#boxLeft1 input {
	margin-top: 0px;
	margin-left: 5px;
}

div#boxLeft1 input#bouton_login {
	width: 32px;
	height: 27px;
	background-image: url(../images/boutons/bt_puce_ok.png);
	background-color: transparent;
	position: absolute;
	top: 40px;
	right: 15px;
}

div#boxLeft1 input#bouton_login:hover {
	background-image: url(../images/boutons/bt_puce_okOn.png);
}

div#boxLeft1 input#bouton_logout {
	width: 100px;
	height: 15px;
	position: absolute;
	top: 80px;
	left: 15px;
	background-image: url(../images/boutons/bt_deconnexion.gif);
}

div#boxLeft1 input#bouton_logout:hover {
	background-image: url(../images/boutons/bt_deconnexionOn.gif);
}

div#boxLeft1 a{
	margin: 4px;
}

div#boxLeft1 a#passeOublie{
	display: block;
	color: red;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
}

div#boxLeft{
	position: absolute;
	top: 245px;
	left: 0px;
	width: 134px;
	height: 102px;
	background: url(../images/design/boxLeft2.jpg) no-repeat;
}
div#boxLeft a{
	position: absolute;
	top: 7px;
}

div#boxLeftContImg{
	margin-left:1px;
	width:125px;
}

img#boxLeftImg{
	position: absolute;
	top: 40px;
	left: 0px;
	margin-left:1px;
	margin-right:3px;
	cursor:pointer;
}

/*------------------------------------------------------------------------------------*/

div.xParagraph, p.xParagraph{
	margin: 5px;
	padding: 5px;
	font-size: 11px;
	font-style: normal;
	color: #000000;
}

img.xImage{
	margin : 5px;
}

/*------------------------------------------------------------------------------------*/
a.altairSignature:link {		font-size: 11px; text-decoration: none;}
a.altairSignature:visited {	font-size: 11px; text-decoration: none;}
a.altairSignature:active {	font-size: 11px; text-decoration: none;}
a.altairSignature:hover {	font-size: 11px; text-decoration: underline;}

/*------------------------------------------------------------------------------------*/
p#texteGroupement{
	margin: 0px;
	padding: 5px 0px 0px 10px;
	color: white;
	font-size: 12px;
	font-weight: bold;
	width: 140px;
	height: 50px;
}

p#texteGroupement span, p#texteGroupement span a{
	color: white;
	font-size: 10px;
	font-weight: bold;
}

p#sloganGroupe{
	position: relative;
	top: 25px;
	left: 350px;
	width: 200px;
	height: 50px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin: 0px;
	padding: 0px;
}


label.block{
	position: relative;
	top: 4px;
	display: block;
	width: 150px;
	float: left;
	text-align: right;
	vertical-align: bottom;
	margin-right: 5px;
}

span.fakeInput{
	display: block;
	float: left;
	text-align: left;
	background-color: #ffffff;
}


input.leftText, select.leftText  {
	width: 170px;
	padding:3px;
}


input.middleText, textarea.middleText, select.middleText, span.middleText {
	width: 170px;
	padding:3px;
	text-align:center;
}


input.error, textarea.error, select.error {
	background-color: #FFA500;
}

input.disabled, span.disabled{
	background-color: #EFEEE8;
}

img.iconInput{
	position: relative;
	top: 2px;
	margin-left: 3px;
	margin-right: 3px;
}

span.dateSelector{
	background-image: url(../images/icons/calendar.gif);
	background-repeat: no-repeat;
	background-position: right 1px;
}

/*------------------------------------------------------------------------------------*/
.trigger{
	cursor: pointer;
}

a#retourAccueil{
	position:absolute;
	top:30px;
	left:50px;
	width:240px;
	height:40px;
	display:block
}

/*------------------------------------------------------------------------------------*/
div.pagination {
	margin: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
}

a.pagination{
	text-decoration: none;
	font-size: 11px;
}
	
/**********************************************/
span.downloadProgress{
	font-style: italic;
	color: red;
	font-weight:bold;
}


a.lien {
	font-size: 12px;
}

/*****************************************/
input#boutonRetour{
	margin-top:15px;
	background-color:#D5DCE4;
	height:25px;
	width:120px;
	font-weight:bold;
	cursor:pointer;
}

/****************************************
	Page ATTENTE
****************************************/

div#attenteChargement{
	position :absolute;
	z-index: 3000;
	width: 100%;height:76px;
	top: 250px; left: 0px;
}
div#pageAttente{
	overflow: visible;
	text-align:center;
	margin: auto;
	/*background: url(../images/design/accueilTop.jpg) top no-repeat;*/
	
}

div#pageAttente div.chargement{
	background-color:white;
	padding:8px;
	color:red;
	font-size:14px;
	font-weight:bold;
	border:1px solid red;
	width:200px;
	text-align:center;
	margin: auto;
}

/****************************************
	DECALAGE PARAGRAPHE EXTRANET
****************************************/

td.XContentCentre div.xParagraph_open{
	display: block;
	margin-left: 35px;	
	text-align:justify;
	color: #56535A;	
}