/* Feuille de style par david viard - version v0.9.01c du jeudi 25 août 2005 18:49:47


On supprime les bordures des images liées et on vire du code html les tags border=0.
On déclare la police pour tout le contenu sauf où précisé contextuellement 

			----------- ATTENTION!!!!!!!! -----------
///	width et height sont exclusif des borders, padding et margins - sauf IEwindows et IEMac avant la v6
///
*/
body {margin : 0;	border : none;	padding : 0;	font-family : 'zyxxy', Verdana, Arial, Helvetica, sans-serif, zyxxy;}
/* la directive font-family ne passe pas sous IE MAC si elle est uniquement dans body :( 
on va devoir redéclarer cela pour les tags p, Hn etc.... pffff */
a img    {border : none;}
hr    {padding : 0;	margin : 0;}

/* Pour les textes, la couleur sera déterminée par la couleur du conteneur/style parent 
dans la pluplart des cas
- Dave, lundi 28 juin 2004 3:33:55  
On esssaie de garder l'ordre de déclaration pour debugger plus facilement
*/
h1, h2, h3, h4, h5, h6, *.Accroche, *.BiggerText, *.defTitle    {font-family :'zyxxy', Verdana, Arial, Helvetica, sans-serif, zyxxy; font-weight : bold;}
p, ul, ol, li   {font-family :'zyxxy', Verdana, Arial, Helvetica, sans-serif, zyxxy;}

p { font-size : 0.75em; line-height : 110%; margin : 0.5em 1em; text-align : inherit;}
h1  {font-size : 18px;	margin : 2px 8px 4px 0.2em;}
h2  {font-size : 16px;	margin : 2px 6px 4px;}
h3	{font-size : 0.9em; margin : 0.5em 1em 0.5em; padding:0.25em;}
h4  {font-size : 0.85em; margin : 0.2em 0.2em 0.2em;}
h5  {font-size : 0.75em; margin:0.5em 1em 0.5em;}
h6  {font-size : 0.65em; margin-bottom : 0.15em; text-transform : uppercase;}
ol  {font-size : 0.75em; margin : 0.25em; list-style-position : outside; list-style-type : decimal;}
ul  {font-size : 0.75em; margin : 0.25em; list-style-position : inside; list-style-type : circle;}
code{font-size : inherit; font-family:'Courier New', Courier, mono, sans-serif;}

/* Ensuite les couleurs selon le fond et par le contexte avec inherit */

h3    {color : #000000;}
h4 {color: #666666; }
h5, h6, p   {color : inherit;} /*implique d'appliquer l'attribut style color clair ou sombre au container parent*/ 

/* des classes de couleurs qui soulagent (modified vendredi 28 janvier 2005 2:12:35) */
*.white {color:white;}
*.greyLite{color:#CCCCCC;}
*.grey40 {color:#999999;}
*.grey50     {color : #888888;}
*.grey65    {color : #555555;}
*.grey75 {color : #444444;} 
*.noir {color:black;}
*.red  {color : #f00;}
*.noirGras    {color : black;	font-weight : bold;}
*.grisGras    {color : inherit;	font-weight : bold;}
*.orange { color : #FFB309;}

/* des couleurs de fond */

.orangeTitle { 
	text-align : right;
	font-weight : normal;
	color : #FFB309;
	margin-bottom : 0.5em;
}
/*
pseudo-classes
*/
a, a:link    {color : #000000;	/*font-size : 0.90em;*/	text-decoration : none;}
/*
Generic classes.
Des styles de mise en forme du texte. 
TO DO : passer toute cette section en em en lieu de px */
*.defTitle    {font-size : 0.8em; font-weight:bold; margin : 0 1em 0.15em;} 
*.definition    {font-size : 0.8em;}
*.legende    {font-style:italic;	font-size : 0.8em;	margin :1em;}


*.webmaster    {font-size : 0.70em;	color : #777777;} /* le texte du footer */
*.chapeau { /* ok, apply to a h5 or h6 */
	margin : 2em 2em;
	font-weight:700;
	font-style : italic;
	line-height : 130%;
	color:inherit;
	font-size : 0.80em;
	}
	
	
*.titrePage {font-size : 1.25em; margin:2em 0.1em 0.1em 0 ; color : black; font-weight : normal;} /* ok apply to h1*/

p#hangingSubTitle { /* Un sous titre "pendu" comme il apparait sur la page "references" */
text-align : right;
vertical-align:text-top;
margin : -0.40em 0 3em 0;
padding-right : 1em; 
font-style : italic; 
color :#999999;
} 

.date {font-size : 0.65em; text-align : right;}
/* des éléments personnalisés 
 toutes les div relatives */
 div#subheader, div#footer {position:relative;}

div#subheader    { /* dans la section services par exemple, la tétière sous nav de la page */
	margin : 0 auto;
	width:736px;
	}

div#footer { z-index : 6;}


/*	// les styles de la section Network */
*.network h4  {font-size : 0.75em; padding-left :1em;}
*.network p   {font-size : 0.75em;	line-height : 110%;	text-align : inherit;padding-left :1em;}

*.portRelated {
	font-weight : bold;
	padding: 0.5em 2em 0.1em;
}
*.network * div.labelRow {
  clear: both;
  /*padding-top: 10px;*/
  }

*.network * div.labelRow  span.clabel {
  float: left;
  padding-left :0em;
  width: 30%;
  text-align: right;
  font-weight : bold;
  }

*.network * div.labelRow  span.cdata {
 /*float: left;*/
  padding-left : 0.5em;
  text-align: left;
  }
  
*.networkOffice { margin : 0.75em; padding : 0.35em;}

/*//// styles de colonnages et positionnement ////*/
/* une colonne centrée */
div#on1ColCenter, .on1ColCenter {
	margin : 0 auto; width:60%; clear : both;
	text-align : justify;
	padding : 0.5em;
	}

/* élément qui flotte à droite de ce qui le précède */
*#hangRight, *.hangRight {float : right;}
#hangRight {margin:0 0 1em 0.15em;}

/*
//
------------- autre deco -------------
//
*/
/* des filets et encadrements */
.borderDashed {	border : 1px dashed #999999;}
.frameGrey {	border : 1px solid #000000;}
.edgeTopGrey {	border-top : 1px solid #000000;}
.edgeLeftGrey {	border-left : 1px solid #CCCCCC;}
.edgeRightGrey {	border-right : 1px solid #CCCCCC;}
.edgeBasGrey {	border-bottom : 1px solid #CCCCCC;}

.frameOrange {	border : 1px solid #FFB309;}
.edgeTopOrange {	border-top : 1px solid #FFB309;}
.edgeBasOrange {	border-bottom : 1px solid #FFB309;}


/* et notre pied de page */
div#footer  {
	clear : both;
	padding-bottom : 10em;
	border-top : 1px solid #E3E3E3;
	text-align : center;
	background-color : white;
	}
/*
---
---
---
---
*/