* {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
}


h1, h2 {
 color:#DC143C;
  /*text-decoration: underline;*/
}

h1 {
 font-size: 160%;
 padding-bottom: 10px;
}

h2 {
 font-size: 130%;
 padding-bottom: 5px;
 WIDTH: 380px;
 
}

h3 {
 font-size: 130%;
 padding-bottom: 5px;
}

img {
  border : none;
}

#page{
 color:#000;

}

#titre {
 position:absolute;
 color:#DC143C;
 margin: 0;
 padding: 0;
 top: 25px;
 left: 200px;
 font-size: 200%;
 font-weight: bold;
}

#libapp {
 position:absolute;
 color:#DC143C;
 margin: 0;
 top: 60px;
 left: 200px;
 font-size: 115%;
 font-weight: bold;
}

#login {
 position:absolute;
 color:#DC143C;
 margin: 0;
 top: 10px;
 left: 350px;
}

#corps {
 position:absolute;
  top: 100px;
 left: 10px;
 background-color:#EFF2FB;
 border: 1px solid #9999CC;
 border-top: 2px solid #9999CC;
 line-height:150%;
 margin-left: 205px;
 margin-right: 2s%;
 margin-top: 0.5em;
 padding: 10px;
 WIDTH: 700px;
}

#impr {
 position:absolute;
 background-color:#EFF2FB;
 border: 1px solid #9999CC;
 border-top: 2px solid #9999CC;
 line-height:150%;
 margin-right: 2s%;
 margin-top: 0.5em;
 padding: 10px;
 WIDTH: 700px;
}

#affiche {
 position:absolute;
 margin: 0;
 padding: 0;
 top: 20px;
 left: 400px;
}
#afficheDoc {
 position:absolute;
 margin: 0;
 padding: 0;
 top: 280px;
 left: 400px;
 WIDTH: 200px;
}


#lib {
 margin-left: 0.5em;
 margin-top: 0.5em;
 width: 360px;
}


/********************/
/* Menu gauche */
/********************/

#menu {
  float: left;
  left: 1%;
	margin-left: 0.5em;
	margin-top: 0.5em;
	width: 160px;
}

.SousTitre {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; font-style: normal; color: #0066FF; text-decoration: underline; text-align: left; line-height: normal; font-weight: normal; font-variant: normal}
.Petit {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; text-align: left; color: #000000}
.EnValeur {color: red;}
.EnRetrait {color: grey;}
.Titre2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16pt; font-style: normal; color: #0066ff; text-decoration: underline; text-align: left; line-height: normal; font-weight: bold; font-variant: normal; text-transform: uppercase}


.standard table {
  border: thin solid #9999cc;
  border-collapse: collapse;
  margin: 3px 3px 0px 15px ;
}

.standard caption {
  border: thin solid #ffffff;
  margin: 0px 0px 0px 0px ;
  padding : 5px 0px 5px 0px;
  background-color: #9999cc;
  color: #ffffff;
  font-weight: bold;
}

.standard th {
  border: thin solid #ffffff;
  background-color: #9999cc;
  color: #ffffff;
  padding: 3px;
}
.standard td {
  border: thin solid #9999cc;
  background-color: #eaeaea;
  padding: 3px;
  width:18%;
  text-align: center;
}

.tabledetail > td {
  background-color: #ffffff;
  border: thin solid #9999cc;
  padding: 3px;
}

dl.info{
color:#000;
background-color:#fff;
border:1px solid #69c;
padding:1em;
/*margin-left: 1%;*/
margin:0.2em 0 0.4em 0;
}

dl.info dt{
font-size:85%;
/*font-weight:500;*/
margin:0.2em 0 0.4em 0;
background-color:transparent;
color:#69c;
}

dl.info dt cite{
display:block;
font-style:normal;
font-size: 150%;
margin:0;
margin-bottom:0.4em;
 color:#DC143C;
background-color:transparent;
/*font-weight: 700;*/
border-bottom:1px dotted #69c;
}

dl.info dd{
margin:0;
margin-bottom:1.4em;
font-weight:500;
}

dl.info p{
margin:0.2em 0 0.2em 0;
}

#TableauAction{
position: absolute;
left:250px;
}

/********************/
/*** Mise en forme des formulaires ***/
/********************/

#inscription {
	border: none;
	margin: 0;
	padding: 0;
	width: 30em;	/*** Largeur du formulaire ***/
}
#piedForm {	/*** Mise en forme du pied de formulaire ***/
	font: bold 1.1em arial, hevetica, sans-serif;
	color: white;
	background: #A9B4D1;
	margin: 0;
	padding: .5em;
	text-align: right; /*** Les boutons sont align?s ? droite ***/
}
#piedForm input {
	font-weight: bold; /*** Pour am?liorer la lisibilit? des boutons ***/
	margin-left: 1em;
}
#corpsForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	border: 1px solid #A9B4D1;
	color: black;
	background: #efefef;
	margin: 0;
	padding: 1em;
}
#corpsForm fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
}
#corpsForm legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: black;
	background: transparent;
}
#corpsForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
}
#corpsForm label
 {	/*** Mise en forme des intitul?s de champs ***/
	float: left;	/*** Tr?s important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitul?s prennent 50% de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont align?s ? droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centr?s verticalement. ***/
}

/* Largeur d'un fieldset particulier */
#corpsForm fieldset#fs_declaration label {
	width: 20%;
}
#corpsForm fieldset#fs_identite label {
	width: 50%;
}
#corpsForm fieldset#fs_emploi label {
	width: 30%;
}
#corpsForm fieldset#fs_remsecu label {
	width: 40%;
}
#corpsForm fieldset#fs_remfiscale label {
	width: 45%;
}
#corpsForm fieldset#fs_identiteHonoraire label {
	width: 25%;
}

#corpsForm label.oblig {
	font-weight: bold;	/*** Mise en ?vidence des champs obligatoires ***/
}

#corpsForm .legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	padding: 0;
}
#corpsForm a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
}
#corpsForm a.aide img {	/*** Mise en forme de l'image des bulles d'aide ***/
	margin: 0;
	padding: 0;
	border: 0;
}
#corpsForm a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
	cursor: help;
}

#corpsForm .alerte {	/*** Mis en ?vidence des champs mal renseign?s ***/
	border: 1px solid red;
}
#corpsForm .messageAlerte {	/*** Mise en forme des message d'alerte ***/
	display: block;
	margin: 0 0 .3em .3em;
	padding-left: 2em;
	color: red;
	font-weight: bold;
	background: url('../images/icon_alert.gif') no-repeat left center;
}
#corpForm .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: #EFF2FB;
	color: black;
}
#corpForm .normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: white;
	color: black;
}