body {
	background: white;
	font-size: 10pt;
	font-family: arial, helvetica, sans-serif;
	margin: 0;
	}

a {
	color: #000;
	}
	
/* éléments non imprimés */				
#navigation,
.liens-entete,
.outils,
.mention-obligatoire,.obligatoire,
.lien-accessibilite,
.liens,
.pagination,
.lien-retour,
.ancre-haut,
a .inactif {
	display: none;
	}
	
/* Entête */	
#entete { 
	height: 20mm; 
	border-bottom: 1pt #808080 solid;
	border-top: 1pt #FFF solid;
	}	
.logoCNAM { 	
	position: absolute; 
	left:0mm; 
	}
.nom-application{  
	position: relative; 
	left: 40mm; height: 10mm; 
	margin-top: 5mm 
	}

#entete H1 { 
	font-size: 14pt;
	}
#entete H2 { 
	font-size: 11pt; 
	margin-top: -1.5mm;
	}

h1 a.app, 
h2 a.app { 
	color:#444444; 
	text-decoration: none; 
	line-height: 10pt; 
	font-weight: normal; 
	}
/* Pied de page */ 
 #pied-de-page { 
	border-top: 1pt #777 solid;
	margin-top: 5mm;
 }
.version {
	font-size: 10pt;
	color: #808080; text-align: right;
	} 
	
/* Titre de la page */	
#coeur-de-page h1 {
	font-size: 16pt;
	color: #333;
	text-align: center;
	margin-top: 10mm;
	}
	
/* Fil d'ariane */		
.fil-ariane {
	margin-top: 3mm;
	}	
.fil-ariane a { 
	color: #444;
	text-decoration: none;
	padding-right: 10px;
	background: url("../images/print/picto_menu_r_noir.gif") #fff 0 no-repeat ;
	}	
.fil-ariane .premier {
	background: #FFFFFF;
	padding-left: 0px;	
	}
.fil-ariane .courant {
	font-weight: bold	
	}
	
/* Zone de contexte */			
.zone-info {
	padding:6px 0 6px 10px; 
	border: 1pt #777 solid;
	}
.zone-alerte, .zone-message { 
	padding:6px 0 5px 30px; 
	background: url("../images/print/picto_alerte.gif") no-repeat;
	border: 1pt #777 solid;
	}
	
/* Zone de travail */	
.consultation h2,
.formulaire h2,
.tableau h2{ 
	font-size: 13pt;
	padding:7px 0 0px 0;
	color: #000;	
	}	
	
.exemple {	
	font-size: 10pt;
	color: #808080; 
 }
.formulaire label { 
	font-weight: normal; 
	color: #444;  
	line-height: 15px; 
	}
	
.w50px { 
	width: 50px; 
	display:inline-block;
	text-align: right; 
	margin-right: 15px; 
	margin-left: 30px; 
	}	
.w70px { 
	width: 70px; 
	display:inline-block;
	text-align: right; 
	margin-right: 15px; 
	margin-left: 30px; 
	}
.w80px { 
	width: 80px; 
	display:inline-block;
	text-align: right; 
	margin-right: 15px; 
	margin-left: 30px; 
	}
.w100px { 
	width: 100px; 
	display:inline-block;
	text-align: right; 
	margin-right: 15px; 
	margin-left: 30px; 
	}
.w150px { 
	width: 150px; 
	display:inline-block;
	text-align: right; 
	margin-right: 15px; 
	margin-left: 30px; 
	}
	
input[type="text"]{  
	height: 20px; 
	border:1px solid #CCCCCC;  
	}
textarea {  
	border:1px solid #CCCCCC;  
	}
.formulaire .ligne { 
	border:none; 
	padding: 3px 0 2px 0; 
	margin-bottom: 3px;	
	}

/* Zone de boutons */
.barre-boutons {
	text-align: center;
	margin: 5mm;
	}
	
/* --- NAVIGATION INTERPAGE --- */
.resultat {
	display: block;
	}	
.navigation-interpage {
	position: relative;
	display: block;
	text-align: center;
	}	
.navigation-interpage li { 
	display: inline;
	position: relative;
	right:5mm; 
	}
.navigation-interpage .precedent,
.navigation-interpage .suivant,
.page { 
	display: none;	
	}		
.navigation-interpage .courant { 
	display: inline-block;
	text-decoration: none;
	font-weight: bold;	
	}
.navigation-interpage .dernier {
	display: inline-block;
	text-decoration: none;	
	}	

/* --- TABLEAUX --- */
table  { }
.tableau table {
	margin: auto;	
	}
.tableau H2 { 
	font-size: 12pt;  
	padding:7px 15px 8px 15px;
	}
.tableau p {
	padding:5px 15px 7px 15px;
	margin-bottom: 3px;
	}
.w50 { width:50%; margin: auto;}
.w70 { width:70%; margin: auto;}
.w100 { width:100%; margin: auto;}
th, td {
	 height: 30px;
	 vertical-align: middle;
	 text-align: left;
	 padding: 0 15px 0 15px;
	 text-overflow: hidden;
	 white-space: nowrap;
	}
th { 
	background: #444; 
	font-weight: bold; 
	color: #FFF;
	border-left: 1pt solid #FFF;
	}
td {
	border-left: 1pt solid #808080;
	border-top: 1pt solid #808080;
	color: #000;
	}	
table .premier {
	border-left: none;
	}
table .checkbox { width: 30px;}
.impair { background: #FFF !important; }
.pair 	{ background: #DDD !important; }
.colnum { text-align: right;}
td .lien { text-decoration: underline;}

th a { 
	color: #FFF;
	text-decoration: none; 
	}
.top td{ 
	border-top: 3px solid #444;
	}

.etapes ul { 
	text-align:center;
	position: relative;
	left: -6mm;
	}
.etapes li { 
	display:inline;
	}
.etape-courante {
 	font-weight: bold;
 	}
.etapes li a { 
	text-decoration: none;
	color: #808080;
	}
/* ONGLETS */

.onglets { 
	width:100%;
	background: #FFFFFF; 
	overflow: hidden; 
		border-bottom:1px solid #808080;	
	
	}
	
.onglets li { 
	float: left; 
	margin: 0px 2px 0 0px;
	list-style: none;
	}
	
.onglets li a {
	display: block; 
	float: left;	
	height: 25px;
	line-height: 26px;
	padding: 0px 15px 0 15px;
	border-bottom: 2px solid #FFFFFF;
	border-top: 5px solid #FFFFFF;
	font-weight: bold;
	
	background: #E9F6C3;
	color: #444444;
	text-decoration: none;
	}
		
/* habillage des onglets */
	
.onglets li .courant {
	border-top: 3px solid #444;
	height:27px;
	border-bottom:1px solid #808080;	
	background: #F1F1F1;
	color: #000;
	text-decoration: none;
	}
.onglets li .inactif {
	font-weight: normal;
	text-decoration: none;
	color: #808080;
	}
	
/* arborexecence */
#arborescence ul, #arborescence li {
	text-align: left;
	list-style-type: none;
	list-style-image: none;
	}
#arborescence a { color: #444; text-decoration: none; }
.parent>a { font-weight: bold;}
	
/* fil de discussion */	
.reponse { display: none;}
.message .date {
	width: 15%;
	text-align: right;
	display: inline-block;
	float: left;
}
.message .texte { 
	color: #000; 
	display: inline-block;
	width: 80%;
	}
.message .date { 
	width: 15%; 
	text-align: right; 
	display: block; 
	float: left;
	color: #000;
	padding-right: 15px;
	} 
.message h5 {
	padding-bottom: 12px;
	font-size: 13pt;
	color: #000;
	}	
	
.fil .ligne {
	padding: 7px 0 8px 0;
}