body { margin: 0; padding:0; background: #fff none; color: #333;}

/* ------- ARCHI page ------- */


/* conteneur global : force centrage pour IE vieux */

#conteneur-page {
	padding: 0px; 
	margin: 0px; 
	text-align: center;
	}	


/* pp & entete sur toute la largeur */

#bloc-entete, #bloc-pp 
	{ margin: 0px; padding: 0px; width: 99%; }	/* width : bug safari si peu de texte */
 
#bloc-entete { 
	z-index: 2;
	height:	80px;
	margin: 0px; 
	padding: 0px;
	border: 1px solid #fff; 
	}
#bloc-pp { 	
	padding-top : 4px;
	border-top: 1px solid #666;
	text-align: right;
	}

#bloc-contenu /* cadre maxi pour les autres elements : menu, titre, texte */ {
	width: 744px;
	margin: 0px auto 0px auto;
	padding: 0px;
	text-align: left;
}


/* Sous-blocs principaux */
	
#bloc-hautdroite	/* flottant in entete */ {
	z-index: 1;
	float : right;
	padding: 8px 8px 0 0;
	text-align: right;
	}
#pg-titre		/* zone titre, hauteur fixe */ {
	width:	100% ;
	height:	110px;
	padding: 0px; 
	margin: 0px; 
   }
#pg-gauche 		/* zone menu (conteneur global : dim & position) */  {
	position : absolute;
	width: 138px;
	margin-top: 110px;
	}
#pg-txt 		/* zone texte */ {
	margin-top : 0px;
	margin-left: 142px;
	border-left: 1px solid #ccc;
	padding : 0 0 10px 14px ;
    text-align: justify;
   } 


/* sous-div formatees */

#pg-menu, #pg-menu-suppl {
	margin: 0;
	padding: 0;
	border: 1px solid #ccc; 
	background: #e9e9e9 none;
	}
#pg-menu-suppl	{ margin-top: 15px; }
.txt-menu 		{ padding: 3px 6px; }	/* ss-div : pallie bug width */

#sousFiletTitre { 
	font-size : 0.9em! important;
	color: #333; 
	line-height: 1.2em ;
	margin: 2px 0 0 0;
	text-align: right;
}


#img-ndlIndex	{ width: 133px; height: 234px; margin: 0 0 6px 12px; float: right; text-align: right; }
#img-ndlAbout	{ width: 167px; height: 273px; margin: 0 0 6px 16px; float: right; text-align: right; }
#img-aboutMethod	{ width: 233px; height: 100px; margin: 0 0 6px 12px; float: right; text-align: right; }
#img-liens 		{ width: 184px; height: 201px; margin: 0 0 6px 16px; float: right; text-align: right; }
#img-updOuvrir 	{ width: 197px; height: 172px; margin: 0 0 6px 20px; float: right; text-align: right; }
#img-updOuvrir2 { width: 205px; height: 140px; margin: 80px 0 6px 20px; float: right; text-align: right; }
#img-optclic 	{ width: 205px; height: 107px; margin: 0px 0 6px 20px; float: right; text-align: right; }
#img-categ 		{ width: 272px; height: 170px; margin: 0px 0 6px 20px; float: right; text-align: right; }




/* ------- FORMATS ------- */


/* Base : car / interligne */

p, div, h4, td, th, ol, ul, li, dt, dl, table {
	font-family: Verdana, "Lucida Grande", "Lucida Sans", Geneva, Tahoma, "Trebuchet MS", Arial, sans-serif;
	font-size :12px;
	line-height: 1.4em ;
	color: #333;
	}

h1, h2, h3 { font-family:  Helvetica, Arial, Geneva, sans-serif; }

h1, h2 {
	font-size : 24px!important;
	line-height: 1.1em  ;
	}

h3 { font-size : 14px!important; }

h1, h3, h4	{ font-weight: bold; color: #000;  }
h2			{ font-weight: normal;	color: #666;}

h2.long	{ font-size: 20px! important; }

.enItal { font-style: italic;  }
.enMini { font-size: 0.91em!important; }
strong 	{ font-weight: bold; color: #333; font-style: normal; text-decoration: none; }
em 		{ color: #c33; font-style: italic; text-decoration: none; }
.enNdl	{ font-size: 10px!important; text-transform: uppercase; word-spacing: -1px; }

a:			{ color: #333 ; }
a:visited	{ color: #666 ; }
a:hover		{ color: #f60 ; }
a:active	{ color: #f00 ; }
a:link, a:visited, a:hover, a:active	{ border: none; }
a:hover, a:active	{ background: #e5e5e5 none; }



/* format para, td */

.first	{ margin-top : 0px; }
.last	{ margin-top: 32px; }
.maj	{ margin-top: 32px; text-align: right; }

.infolink	{ font-size: 0.96em!important; margin: 12px 0 16px 0; text-align: right; }	/*  font-size: 0.91em!important;*/
.infolink *, 
.infolink a	{ background-color: #e5e5e5; background-image: none; }

h1, h2 { text-align: left; }
#pg-titre h1		{ margin : 0px 0px 4px 0px; }
#pg-titre h2		{ margin : 0;  border-bottom: 2px groove #ccc; padding-bottom: 6px }
	
h3 {
	margin: 2.2em 0  1.3em 0;
	background-color: #e5e5e5;
	border: solid 1px #ccc; 
	padding: 6px 6px 3px 6px; 
}

.i-puce /* puce avec esp AV plus fort */ {
	text-indent: -12px ;
	margin-left: 12px ;
	margin-top: 1.5em; 
	margin-bottom: 0.8em;
	}

td, tr	{ vertical-align: top; }
th 		{ vertical-align: middle; }


/* Creative common */
#licCC { 
	width: 92px; 
	height: 35px; 
	margin: 0px 0 0px 20px; 
	float: right; 
	text-align: center; 
	border: 1px solid #f60;
	padding:1px;
	}
#licCC a:link, #licCC a:visited, #licCC a:hover, #licCC a:active { border: none; }



/* MENU */

#pg-gauche p { 
	font-family:  Verdana, "Lucida Grande", "Lucida Sans", Geneva, Helvetica, Arial, Verdana, sans-serif;
	font-size : 0.9em! important;
	line-height: 1.1em ;
	text-align : left; 
	}

#pg-gauche .h {
	background: #e5e5e5 none; color: #000;border-bottom: 1px ridge #333;
	font-size: 0.94em!important;
	font-weight: bold;
	margin : 0px 4px;
	padding: 2px 0px 5px 0px;
	}

a:link		{ color: #30c; }
a:visited	{ color: #66f; }
a:hover { color: #f60; }
a:active { color: #f00; }

#pg-menu p a:link, #pg-menu p a:visited, #pg-menu p a:hover, #pg-menu p a:active,
#pg-menu-suppl p a:link, #pg-menu-suppl p a:visited, #pg-menu-suppl p a:hover, #pg-menu-suppl p a:active { border: none; }

#pg-menu p a:link, #pg-menu p a:visited, #pg-menu-suppl p a:link, #pg-menu-suppl p a:visited { color: #30c; }
#pg-menu p a:hover, #pg-menu-suppl p a:hover { color: #f60; }
#pg-menu p a:active, #pg-menu-suppl p a:active{ color: #f00; }





/* PLAN */

#pln p { margin: 7px 32px; }
#pln a:link	{ color: #30c ; }
#pln a:visited	{ color: #66f ; }
#pln a:active	{ color: #f00 ; }
#pln a:hover { color: #f60 ; background: #e5e5e5 none;}
#pln p a:link, #pln a:visited, 
#pln a:hover, #pln a:active { border: none; padding: 2px 6px}



/* TELECH */

#dload		{ margin-top: 36px; }
#dload td	{ padding: 4px 6px; vertical-align: middle; }

#dload th {
	color: #f60;
	font-size: 0.94em;
	background-color: #e5e5e5;
	padding: 2px 4px 2px 4px;
	}

#dload #loadNDL th { font-size: 0.94em; padding-top: 6px; padding-bottom: 6px; }

#dload th.x { color: #333; text-align: center; }

#dload td p	{ margin-top: 3px; margin-bottom: 3px; }

#dload tr.doc td { vertical-align: top ; }
#dload tr.doc .puceSpec { height: 40px; }
#dload tr.doc .imgspec { height: 40px ; }

#dload a:link, #dload a:visited, 
#dload a:hover, #dload a:active { border-bottom: none ; font-size: 0.9em; padding: 4px; }
#dload a:link { color: #f60;  }
#dload a:hover { color: #c03; background: #e5e5e5 none;  }


/* FAQ */

#pg-txt #faq-tdm * { border: none; }

#faq-tdm p	{ margin-left: 12px ; text-indent: -12px ; text-align: left; }
#faq-txt h4	{ color: #333; background-color: #e5e5e5; padding: 6px 6px 3px 6px; }
#faq-txt h5	{ color: #f60;  font-size:0.96em! important; }

#faq-tdm p a:link	{ color: #30c; }
#faq-tdm p a:visited { color: #66f; }
#faq-tdm p a:hover	{ color: #f60; }
#faq-tdm p a:active	{ color: #f00; }


/* UPDATE */

#upd-spec td.col2 { padding-left: 12px; }
#upd-spec div.img { padding: 7px 0 0 12px; }


/* HISTO */

div.histo h5 { 
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #333;
	font-style: normal;
	text-decoration: underline;
	margin-top: 0.8em;
	margin-bottom: 0em;
	}