.text          {font-size:105%; float:right; color:#FFFFFF; padding: 5px 10px 0 0 ; font-weight:bold; }
.middle .text  {padding: 8px 21px 0 0 ; }
.right .text   {padding: 8px 24px 0 0 ;}
#Logoconnexion {
 	width:251px;
	height:121px;
	margin:70px auto 50px auto;
	background:url(Images/commun/logo-shiva.png) no-repeat ;
}
input.button {
	background:url("Images/commun/fleche-blanche.png") no-repeat scroll 8px 8px #394A84;
	width:80px !important;
	color:#FFFFFF;
	margin-right:38px !important;
	padding-left:20px;
	float:right;
	cursor:pointer;
	padding:1px 2px 2px 20px;
}

/* ------------------------------------------------------------------ */
* {
	border:0 none;
	font-family:Arial,Helvetica,sans-serif;
	margin:0;
	padding:0;
}
body {
	background:url(Images/commun/fond.png) repeat-x; 
	font-size:12px;
	color:#4D435B;
	 
}

#BlockLogin #connexion {
	background-image:url("Images/connexion.png");
	background-repeat:no-repeat;
	padding-top: 48px ;
	width:412px;
}
#BlockInscription #Inscription {
	background-image:url("Images/inscription.png");
	background-repeat:no-repeat;
	padding-top: 48px ;
	width:412px;
}

a {
text-decoration:none;
color:#CC0066;
}
a:hover {
text-decoration:underline;
}
input, textarea, select {
border:1px solid #0087C5;
}

a.readon {
clear:both;
float:right;
margin-right:11px;
}
span.readon-full  {
background:url("Images/commun/sigle-shiva-blanc.png") no-repeat scroll 0 0 #2590CE;
border:1px solid #2EA0E2;
}
span.readon-full {
color:#FFFFFF;
display:block;
font-size:80%;
font-weight:bold;
height:25px;
line-height:25px;
padding:0 15px 0 30px;
text-transform:uppercase;
}

#BandeauHaut {
height:130px;
position:relative;
}
#BandeauHaut div {
}
#BandeauHaut #Logo {
	background: url("Images/commun/logo.png") no-repeat; 
	height:121px;
	width:233px;
	position:absolute;
	top:0;
	left:10px;
	z-index:2;
}
#BandeauHaut #Titre {
	height:26px;
	margin:7px 0 0 63px;
	width:133px;
}
#BandeauHaut #Welcome {
	width:200px;
	color:#fff;
	position:absolute;
	right:0;
	top:6px;
}
#BandeauHaut #Welcome a {
	color:#555;
	font-weight:bold;
	text-decoration:underline;
}
#BandeauHaut #Welcome a:hover {
text-decoration:none;
}
#Contenu {
height:auto;
margin:0 auto;
text-align:left;
width:950px;
background:url(Images/wrapper-bg.gif) no-repeat left bottom;
}
#BlockEnding {
height:450px;
position:relative;
}
.Block tr {
vertical-align:top;
}
/* ------------------- class left du tableau ------------------- */

.TextIndent p  {
	
}

.left .TextIndent, .right .TextIndent, .middle .TextIndent {
	padding:10px 0 10px 25px;
	overflow:hidden;
}

.left .TextIndent {
 	background: url(Images/donnees-mid.png) repeat-y;); 
}
.right .TextIndent {
 	background: url(Images/question-mid.png) repeat-y;); 
}


/* ------------------- class middle du tableau ------------------- */
#shivette {
	width:108px;
	height:150px;
	background:url(Images/shivette.jpg) no-repeat;
	float:right;
	margin-right:40px;
	 
}
.middle .TextIndent {
	background: url("Images/boxe-mid-bg.png");
	background-repeat:repeat-y;
	position:relative;
	width:412x;
}

.middle #Informer .TextIndent {
	background: url("Images/boxe-mid-bg.png");
	background-repeat:repeat-y;
	position:relative;
	width:412px;
	overflow:hidden;
}
.Block .right .BlockFin {
	background-image:url("Images/questionBas.png");
	background-repeat:no-repeat;
	height:41px;
	widht:296px;
	
	position:relative
}
.Block .left .BlockFin {
	background-image:url("Images/basBox.png");
	background-repeat:no-repeat;
	height:39px;
	widht:296px;
	
	position:relative
}

.Block .BlockFinSmall {
background-image:url("Images/bottom-small.png");
background-repeat:no-repeat;
height:15px;
margin:0 0 10px;
position:relative;
}
.Block .BlockFinMid {
background-image:url("Images/boxe-mid_bas.png");
background-repeat:no-repeat;
position:relative;
width:412px;
height:39px;
}

.Block .Lien {
	background:none repeat scroll 0 0 transparent;
	padding:0 0 0 12px;
	position:relative;
	width:auto;
}
.Block .Lien a,
.Block .BlockFinMid a{
text-decoration:none;
}
#BlockInfos #Infos {
background-image:url("Images/infos.png");
background-repeat:no-repeat;
padding:40px 0 0;
position:relative;
width:296px;
}
#BlockInfos #Infos p {
	floaat:left;
	margin-left:0;
}
#BlockInterv {
	padding:0 ;
}
#BlockInterv #Interv {
	background-image:url("Images/intervenants.png");
	background-repeat:no-repeat;
	padding:40px 0 0;
	position:relative;
	width:296px;
}
#BlockInterv #Interv p {
	margin-left:0;
}
#BlockInterv #Interv span {
	color:#cc0066;
	font-weight:bolder;
}
#BlockInterv #Interv a {
	color:#cc0066;
	text-align:left;
	text-decoration:none;
}
#BlockInterv #Interv a:hover {
	text-decoration:underline;
}
#BlockCompte {
	padding:0 ;
}
#BlockCompte #Compte {
background-image:url("Images/compte.png");
background-repeat:no-repeat;
padding:40px 0 0;
position:relative;
width:296px;
}
#BlockAlaUne {
margin-left:8px;
width:412px;
}
#BlockAlaUne #AlaUne {
	background-image:url("Images/une.png");
	background-repeat:no-repeat;
	margin-left:0;
	padding-top: 48px ;
	position:relative;
	width:412px;
}
#BlockAlaUne #AlaUne .Item {
	width:360px;
}
#BlockAlaUne #AlaUne .Item a {
	color:#cc0066;
	font-weight:bold;
	text-align:right;
	text-decoration:none;
}
#BlockAlaUne #AlaUne .Item a:hover {
text-decoration:underline;
}
#BlockAlaUne #AlaUne .Item img {
	margin-left:-10px;
	margin-top:5px;
}
#BlockAlaUne #AlaUne strong {
	color:#555;
	font-size:14px;
}
 

#BlockInformer {
	margin-left:8px ;
 }
 
#BlockInformer #Informer, #BlockInformer #Attestation {
background-image:url("Images/informer.png");
background-repeat:no-repeat;
margin-left:0;
padding:48px 0 0 0;
position:relative;
width:412px;
}
#BlockInformer #Informer .Item {
	margin:7px 0 0 0;
	padding-left:25px;
	background:url(Images/commun/fleche-bleue.png) no-repeat 8px 4px;
	width:270px;
}
#BlockInformer #Informer .Item img {
margin:-1px 0 0 -20px;
position:absolute;
}
#BlockInformer #Informer .Item a {
background-color:#FFFFFF;
color:#2F5F75;
text-decoration:none;
}
#BlockInformer #Informer .Item a:hover {
text-decoration:underline;
}

#BlockInformer #Attestation {
background-image:url("Images/attestations.png");
}


#BlockBienvenue {
background-image:url("Images/fond-block-mid.png");
margin-left:8px;
width:332px;
}
#BlockBienvenue #Bienvenue {
background-image:url("Images/bienvenue.png");
background-repeat:no-repeat;
padding:35px 0 0;
position:relative;
width:332px;
}
#BlockReserver {
background-image:url("Images/fond-block-mid.png");
margin-left:8px;
width:332px;
}
#BlockReserver #Reserver {
	background-image:url("Images/reserver.png");
	background-repeat:no-repeat;
	padding:35px 0 0;
	position:relative;
	width:332px;
}
#BlockDemander {
background-image:url("Images/fond-block-mid.png");
margin-left:8px;
width:332px;
}
#BlockDemander #Demander {
background:url("Images/bloc-attestation-fiscale.jpg") no-repeat scroll 0 0 transparent;
padding:35px 7px 0;
width:332px;
}
#BlockDemander #Demander table {
width:315px;
}
#BlockDemander #Demander td {
line-height:18px;
}
#BlockDemander a {
text-decoration:underline;
}
#BlockDemander a:hover {
text-decoration:underline;
}
#BlockAgence {
	padding:0 ;
}
#BlockAgence #Agence {
background-image:url("Images/agence.png");
background-repeat:no-repeat;
padding-top:40px;
position:relative;
}
#BlockAgence #Agence a {
color:#cc0066;
font-weight:bold;
text-decoration:none;
}
#BlockAgence #Agence p {
}
#BlockAcces {
padding:0 0 4px;
}
#BlockAcces #Acces {
background-image:url("Images/acces.png");
background-repeat:no-repeat;
margin-top:8px;
position:relative;
width:204px;
}
#BlockQuestion {
padding:0;
}
#BlockQuestion #Question {
background-image:url("Images/question.png");
background-repeat:no-repeat;
padding-top:40px;
position:relative;
width:233px;;
}
#BlockQuestion #Question .Text {
margin:5px 0;
width:180px;
}
#BlockDocument {
padding-bottom:4px;
}
#BlockDocument #Document {
background-image:url("Images/document.png");
background-repeat:no-repeat;
margin-top:8px;
position:relative;
width:204px;
}
#BlockDocument #Document a {
background-color:#FFFFFF;
color:#DA76A8;
display:block;
text-decoration:none;
}

/* menu principal */


/* Top Main Menu */

#horiz-menu {height: 56px; padding: 0;display: block; position:absolute; top:40px; z-index:0; width:100%;}
#menu-spacer {height: 55px;float: right;}
ul#horiznav.menutop, #horiz-menu ul.menutop {padding-top: 8px; padding-bottom: 3px;margin: 0 0 0 250px;padding-left:0;z-index:120;float: left;}
#horiz-menu li, #horiz-menu li a, #horiz-menu li .separator {z-index:200;position:relative;display: block; background:url(Images/separator.jpg) no-repeat 100% 0;}
#horiz-menu span {height: 40px;}
#horiz-menu a, #horiz-menu .separator {white-space: nowrap;display: block;float: left;height: 40px;line-height: 37px;font-weight: bold;font-size: 110%;text-decoration: none;z-index: 100;cursor: pointer;padding: 0 10px;color: #fff;text-transform: uppercase;}
#horiz-menu li.active a, #horiz-menu li.active .separator {z-index: 100;cursor: pointer;}
#horiz-menu ul {list-style: none;}
#horiz-menu li {display: block;float: left;margin: 0 4px 0 0;padding: 0;font-weight: bold;}
#horiz-menu li a span, #horiz-menu li .separator span {display: block;padding: 0;}

/* Top Main Menu */

#horiz-menu {background: transparent url(Images/horiz-menu-bar.png) repeat-x;}
#horiz-menu .wrapper { background:none; }
#horiz-menu a, #horiz-menu .separator {color: #A5027D;}
#horiz-menu li a, #horiz-menu li .separator {}
#horiz-menu li.active a, #horiz-menu li.active .separator, #horiz-menu li:hover a, #horiz-menu li:hover .separator, #horiz-menu li.sfHover a, #horiz-menu li.sfHover .separator {}
#horiz-menu li.active a span, #horiz-menu li.active .separator span {background: url(Images/horiz-menu-active.png) 50% 100% no-repeat;}




/* fin menu */
#Menu {
background-image:url("Images/Menu/fond.png");
background-repeat:no-repeat;
height:27px;
position:relative;
width:533px;
}
#Menu div {
background-image:none;
}
#Menu #Separateur0 {
height:24px;
margin:2px 0 0 3px;
position:absolute;
width:13px;
}
#Menu #Donnees {
background-image:url("Images/Menu/fond-norm.png");
background-repeat:repeat-x;
height:24px;
margin:2px 0 0 16px;
position:absolute;
width:96px;
}
#Menu #Donnees a {
background-image:url("Images/Menu/donnees-bleu.png");
background-repeat:no-repeat;
display:block;
height:14px;
margin-top:3px;
width:96px;
}
#Menu #Donnees a:hover {
background-image:url("Images/Menu/donnees-rose.png");
}
#Menu #Donnees-select {
background-color:#0088C5;
background-image:url("Images/Menu/fond-norm.png");
background-repeat:repeat-x;
color:#FFFFFF;
height:24px;
margin:2px 0 0 16px;
position:absolute;
width:96px;
}
#Menu #Donnees-select a {
background-image:url("Images/Menu/donnees-blanc.png");
background-repeat:no-repeat;
display:block;
height:14px;
margin-top:3px;
width:96px;
}
#Menu #Separateur1 {
height:24px;
margin:2px 0 0 112px;
position:absolute;
width:12px;
}
#Menu #Intervenants {
background-image:url("Images/Menu/fond-norm.png");
background-repeat:repeat-x;
height:24px;
margin:2px 0 0 124px;
position:absolute;
width:146px;
}
#Menu #Intervenants a {
background-image:url("Images/Menu/intervenants-bleu.png");
background-repeat:no-repeat;
display:block;
height:14px;
margin:3px 0 0 12px;
width:146px;
}
#Menu #Intervenants a:hover {
background-image:url("Images/Menu/intervenants-rose.png");
}
#Menu #Intervenants-select {
background-color:#0088C5;
background-image:url("Images/Menu/fond-norm.png");
background-repeat:repeat-x;
color:#FFFFFF;
height:24px;
margin:2px 0 0 124px;
position:absolute;
width:146px;
}
#Menu #Intervenants-select a {
background-image:url("Images/Menu/intervenants-blanc.png");
background-repeat:no-repeat;
display:block;
height:14px;
margin:3px 0 0 12px;
width:146px;
}
#Menu #Separateur2 {
height:24px;
margin:2px 0 0 270px;
position:absolute;
width:12px;
}
#Menu #Factures {
background-image:url("Images/Menu/fond-norm.png");
background-repeat:repeat-x;
height:24px;
margin:2px 0 0 282px;
position:absolute;
width:111px;
}
#Menu #Factures a {
background-image:url("Images/Menu/factures-bleu.png");
background-repeat:no-repeat;
display:block;
height:14px;
margin:3px 0 0 12px;
width:111px;
}
#Menu #Factures a:hover {
background-image:url("Images/Menu/factures-rose.png");
}
#Menu #Factures-select {
background-color:#0088C5;
background-image:url("Images/Menu/fond-norm.png");
background-repeat:repeat-x;
color:#FFFFFF;
height:24px;
margin:2px 0 0 282px;
position:absolute;
width:111px;
}
#Menu #Factures-select a {
background-image:url("Images/Menu/factures-blanc.png");
background-repeat:no-repeat;
display:block;
height:14px;
margin:3px 0 0 12px;
width:111px;
}
#Menu #Separateur3 {
height:24px;
margin:2px 0 0 393px;
position:absolute;
width:12px;
}
#Menu #Questions {
background-image:url("Images/Menu/fond-norm.png");
background-repeat:repeat-x;
height:24px;
margin:2px 0 0 405px;
position:absolute;
width:117px;
}
#Menu #Questions a {
background-image:url("Images/Menu/questions-bleu.png");
background-repeat:no-repeat;
display:block;
height:17px;
margin:3px 0 0 12px;
width:117px;
}
#Menu #Questions a:hover {
background-image:url("Images/Menu/questions-rose.png");
}
#Menu #Questions-select {
background-color:#0088C5;
background-image:url("Images/Menu/fond-norm.png");
background-repeat:repeat-x;
color:#FFFFFF;
height:24px;
margin:2px 0 0 405px;
position:absolute;
width:117px;
}
#Menu #Questions-select a {
background-image:url("Images/Menu/questions-blanc.png");
background-repeat:no-repeat;
display:block;
height:17px;
margin:3px 0 0 12px;
width:117px;
}
#Menu #Separateur4 {
background:none repeat scroll 0 0 #FFFFFF;
color:#000000;
height:24px;
margin:2px 0 0 522px;
position:absolute;
width:122px;
}
#SubmenuFin {
background-image:url("Images/commun/submenu-informer-bottom.png");
background-position:center bottom;
background-repeat:no-repeat;
height:31px;
}
#SubmenuInformer {
background:url("Images/commun/submenu-informer.png") no-repeat top left;
height:58px;
margin:5px 0 0 10px;;
position:relative;
width:687px;
padding:58px 0 0 0;
}

#SubmenuInformer #Informer {
	padding:0px 25px 0 30px;
	background-image:url("Images/commun/submenu-informer-mid.png");
	background-repeat:repeat-y;
	margin:0;
	overflow:hidden;

}
ul#droit, ul#gauche {
	float:left;
	list-style-type: none;
	width:280px;
	margin-top:10px;
}	
#SubmenuInformer #Informer a {
	background-image:url("Images/commun/fleche-bleue.png");
	background-position:left center;
	background-repeat:no-repeat;
	color:#365B6D;
	padding-left:20px;
	text-decoration:none;

}
#SubmenuInformer #Informer a:hover {
text-decoration:underline;
}
#SubmenuInformer #Informer #SelectedObject {
background-color:#FFFFFF;
background-image:url("Images/Menu/submenu-puce.png");
background-position:left center;
background-repeat:no-repeat;
color:#E97BAA;
margin-left:8px;
padding:0 0 0 12px;
text-decoration:none;
}
#Cadre {
margin:10px auto;
position:relative;
width:920px;
}
#Cadre div {
background-repeat:no-repeat;
}
#Cadre #Top {
	<!--background-image:url("Images/cadre-top_question.png");-->
	display:block;
	height:38px;
	width:920px;
}
div .Mesdonnes{
	background-image:url("Images/cadre-top_donnees.png");
}
div .Intervenants{
	background-image:url("Images/cadre-top_intervenant.png");
}
div .Factures{
	background-image:url("Images/cadre-top_facture.png");
}
div .Questions{
	background-image:url("Images/cadre-top_question.png");
}
div .AlaUne{
	background-image:url("Images/cadre-top_alaune.png");
}
div .Informer{
	background-image:url("Images/cadre-top_informer.png");
}

#Cadre #Title {
margin:10px 0 0 20px;
position:absolute;
}

#Cadre #Bottom {
background-image:url("Images/commun/cadre-bottom.png");
background-position:center bottom;
height:30px;
margin:0;
width:920px;
}
#Cadre #Content {
background-image:url("Images/commun/cadre-mid.png");
background-repeat:repeat-y;
margin:0;
width:920px;
padding-bottom:18px;
}
#Cadre #Content #Liste {
	margin:0 0 0 26px;
	padding:20px 0 0 20px;
	width:850px;
}
#Liste ul {
	text-decoration:none;
}

#Liste ul li{
	background-image:url("Images/commun/fleche-bleue.png");
	background-position:left center;
	background-repeat:no-repeat;
	color:#365B6D;
	padding-left:20px;
	list-style-type: none;
}
#Cadre #Content #Liste table {
 	color:#3A5A67;
	margin:10px 0 50px 0;
	text-align:center;
 	}
#Cadre #Content #Liste th {
border-left:1px solid #F9C8DB;
height:30px;
}
#Cadre #Content #Liste td {
border-left:1px solid #F9C8DB;
height:20px;
}
#Cadre #Content #Question {
background-color:#FFFFFF;
color:#3A5A67;
font-weight:bold;
margin:5px 0 2px 10px;
}
#Cadre #Content #Reponse {
background-color:#FFFFFF;
color:#0087C6;
margin:5px 0 0 35px;
padding:0 0 16px;
text-align:justify;
}
#Cadre #Content #Reponse p {
margin:0;
text-align:justify;
}
*#Cadre #Content #Form {
height:320px;
margin:0 0 -18px 26px;
padding:25px 0 0;
width:700px;
}
#Cadre #Content #Text {
margin:0 0 -18px 26px;
padding:25px 0 0;
width:700px;
}
#Cadre #Content #Text #accrocheUne {
font-size:11px;
font-weight:bold;
margin:15px 0;
}
#Cadre #Content #Text p {
font-weight:normal;
}
#Cadre #Content #Form span {
background-color:#FFFFFF;
color:#DA76A8;
font-weight:bold;
}
#Cadre #Content #Form a {
background-color:#FFFFFF;
color:#DA76A8;
font-weight:bold;
text-decoration:none;
}
#Cadre #Content #Form a:hover {
text-decoration:underline;
}
#Cadre #Content .Link {
background-color:#FFFFFF;
color:#DA76A8;
font-weight:bold;
text-decoration:none;
}
#Cadre #Content .Link:hover {
text-decoration:underline;
}
#TitleForm {
background-color:#FFFFFF;
color:#0087C6;
font-size:14px;
font-style:italic;
font-variant:small-caps;
}
#ImgForm {
float:left;
margin-right:5px;
}
#Form #tableauForm {
margin-top:20px;
}
.tableau td {
padding:0 1px;
}
.tableau .interligne {
height:5px;
}
#Cadre #Content #Form tr {
vertical-align:top;
}
#Cadre #Content #Form textarea {
height:55px;
margin-left:0;
width:330px;
}
#Cadre #Content #Form input {
margin-left:0;
width:160px;
}
#Cadre #Content #Form #Envoyer {
border:medium none;
margin:10px 0 0 20px;
position:absolute;
width:auto;
}
#Cadre #Content #Form #Erreur {
background-color:#FFFFFF;
border:medium none;
color:#FF0000;
font-weight:bold;
margin:20px 0 0 280px;
padding:5px;
position:absolute;
width:290px;
}
#Cadre #Content #Plan {
background-color:#FFFFFF;
color:#0087C6;
margin-left:20px;
padding:30px 0 0;
}
#Cadre #Content .PlanLvl_1 {
padding:2px 0 0 10px;
position:relative;
}
#Cadre #Content .PlanLvl_2 {
background-image:url("Images/Plan/Plan-Tree-Lvl2.png");
height:17px;
margin-left:13px;
padding:0 0 0 7px;
position:relative;
}
#Cadre #Content .PlanLvl_3 {
background-image:url("Images/Plan/Plan-Tree-Lvl3.png");
height:17px;
margin-left:13px;
padding:0 0 0 17px;
position:relative;
}
#Cadre #Content #Plan a {
background-color:#FFFFFF;
color:#0087C6;
display:block;
text-decoration:none;
}
#Cadre #Content #Plan a:hover {
text-decoration:underline;
}
.Print {
background-color:#FFFFFF;
color:#DA76A8;
font-weight:bold;
text-decoration:none;
}
#BrowseDates {
font-size:11px;
font-weight:bold;
margin:0px 0 0 600px;
}
#BrowseDates a {
background-color:#FFFFFF;
color:#0087C6;
height:15px;
position:absolute;
text-decoration:none;
}
#BrowseDates #Up {
background-image:url("Images/commun/fleche-bleue.png");
background-position:right center;
background-repeat:no-repeat;
margin-left:100px;
padding:0 20px 0 0;
}
#BrowseDates #Down {
background-image:url("Images/commun/fleche-bleue-g.png");
background-position:left center;
background-repeat:no-repeat;
padding:0 0 0 20px;
}
#LiensLigne1 {
	color:#D5518B;
	font-size:11px;
	line-height:50px;
	padding:5px 0 0;
	text-align:center;
	height:200px;
}
#LiensLigne1 a {
color:#555;
padding:0 10px;
text-decoration:none;
}
#LiensLigne1 a:hover {
text-decoration:underline;
}
#LiensLigne2 {
background-color:#FFFFFF;
color:#009DDC;
line-height:15px;
position:relative;
text-align:center;
}
#LiensLigne2 a {
background-color:#FFFFFF;
color:#009DDC;
padding:0 2px;
text-decoration:none;
}
#LiensLigne2 a:hover {
text-decoration:underline;
}
.Cinvalide {
background-color:#FFFFFF;
background-image:url("Images/Commun/alerte.png");
background-position:left top;
background-repeat:no-repeat;
color:#FF0000;
font-weight:bold;
padding-left:10px;
text-decoration:none;
}
.Cinvalide:hover {
text-decoration:underline;
}