/* body {font-family: verdana, arial, sans-serif; font-size:76%; } */
body { font-family: verdana, helvetica, sans-serif; font-size:76%; background-color:#ffffff; }
/* fait foirer cellpadding * {margin:0; padding:0;} */
* {
	margin: 0;
}

/* pour firefox, qui met une autre taille de police que body dans textarea, input ... */
*{
	font-family: verdana, helvetica, sans-serif;
	font-size: 1.0em;
}

div#mainwrapper {
	margin-left: 160px;
	margin-top: 10px;
	text-align: left;
	/* background-position: left;   colonne de droite en rose !
	background-image: url('../rightBkgd.gif');
	background-repeat: repeat-y; */
}
	
/* div#contentarea {border-left:2px solid #339966; border-right:2px solid #339966; width: 100%; height:100%; background-color:#FFEECC}
*/

div#footer {width: 100%; height:22px; border-left:2px solid #339966; border-right:2px solid #339966; border-top:1px solid #339966; border-bottom:1px solid #339966; background-color:#ABE5E4; }
div#footer p {font-size:0.86em; color: #3366CC; margin-left:10px; padding-top: 2px; }

div.clearfloats {clear:both;}

div#leftCol {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 140px;
	padding: 0 0 0 0;
	background-position: bottom;
	background-image: url('../Left.jpg');
	background-repeat: repeat-x;
	background-color: #484890;
}
		
.contentBlockHeader {
	color: #ffffff;
	background-color: #6699AA;
	width: 100%;
	height: 1.4em;
	margin-top: 0.83em;
	margin-bottom: 8px;
	font-weight: bold;
}

.contentBlockHeader a {
	color: #FFEEDD;
	text-decoration: none;
}

.contentBlockHeader a:hover {
	text-decoration: underline;	
}

.contentBlock {
	margin-left: 0px;
	padding: 0 0 0 0;
	width: 46.0em;
}
.contentBlock h1{font-size:1.6em;}
/* .contentBlock p {font-size:.8em;} */
/* .contentBlock li {font-size:.75em;} */

.contentColn1 {
	color: #484890;
	font-style: italic;
	font-weight: bold;
	width: 10.4em;
	font-size: 1.05em;
	text-align: right;
	float: left;
}
/* .contentColn1 p {font-size:1.05em;}	*/

.contentColn2 {
	width: 32.8em;
	float: left;
	margin-left: 1.5em;
	margin-bottom: 1.0em;
	font-size: 1.0em;  /* indispensable pour Firefox textarea */
}

div#siteMapBar {
	position: absolute;
	top: 17px;
	left : 160px;
	z-index: -1; /* vient en arrière du menu */;
	font-size: 1.0em;
	width: 40.0em;
}

div#banner1 {
	margin-left: 0px;
	margin-top: 1.0em;
	width: 46.0em;
	background-color: #327272;
}

div#weAreHereBar {
	background-position: left;
	background: url('../bar2.jpg');
	background-color: #5467A2;
	background-repeat: repeat-y;
	font-size: 1.0em;
	color: #484890;
	width: 46.0em;
	height: 1.4em;
	margin-left: 0px;
	margin-top: 0.83em;
}
					
div#flashEBP{
	width: 528px;
	height: 104px;
	margin-left: 0px;
	margin-top: 0px;
}

div.blueBar{
	background-position: left;
	background: url('../bar2.jpg');
	background-color: #5467A2;
	background-repeat: repeat-y;
	font-size: 1.0em;
	color: #484890;
	width: 46.0em;
	height: 1.3em;
	margin-left: 0px;
	margin-top: 10px;
}

/*pour le formulaire de contact
********************/
.formRow {
	position: relative; /* les objets enfants auront cet objet-ci comme référence de position absolue */
	height: 3.0em;
}
.formColn1 {
	position: absolute;
	left: 0;
	bottom: 0px;
	color: #484890;
	font-style: italic;
	font-weight: bold;
	font-size: 1.05em;
	text-align: right;
	width: 10.4em;
}
.formColn2 {
	position: absolute;
	left: 12.4em;
	bottom: 0px;
	font-size: 1.0em;
}

/* pour le cart */

div.formBlock { MARGIN-LEFT: 20px; HEIGHT: 40px; font-family: Verdana, Tahoma;  font-size: 11pt; }
div.formBlock .ElemLeft  { FLOAT: left; PADDING-LEFT: 5px; WIDTH: 401px; BACKGROUND-COLOR: #e0e0e0; } /* #e1f2ff */
div.formBlock .ElemRight { FLOAT: right; PADDING-LEFT: 5px; WIDTH: 401px; BACKGROUND-COLOR: #e0e0e0; }
div.formBlock .eLabel { float: left; width: 132px;}
div.formBlock .eField { float: right; margin-right: 4px; }
    


/* menus déroulants */

div#hMenu  {
	width: 51.86em; /*à changer quand on change font-size !old pour 1.0em: 46.68em; */
	height: 2.0em;
	padding-top: 0.5em;
	margin-top: 0.83em;
	margin-left: -10px;
	background-position: left;
	background: url('../top.jpg');
	background-repeat: repeat-y;
	background-color: #484890;
	font-size:  0.9em;
}
/* sans dropdown DD(menu enfant) Attention, il y le correspondant menuItemDD à modifier plus bas */
div.menuItem {
	float: left; /* met le menu en horizontal */
	position: relative; /* astuce, correspondant absolute dans enfant popOut */
	margin-left: 0.80em;
 	padding-left: 0.60em;
	width: 7.5em;  /* largeur des éléments de la barre principale */
	height: 1.3em;
	font-size:  0.9em;
	color: #0000A0;
	background-color: #CACAFF;
}
div.menuItem:hover {
	/* cursor: pointer; == hand, arrow = default  */
	color: #ffffff;
	background-color: #0000A0;
}
div.menuItem a {	
    display: block; /* par défaut inline, ce qui empêche the link to fill the div */
 	width: 100%;/* force the anchor link to fill the div */
 	/* padding-left: 6px; */
	height: 100%;
    text-decoration: none;       
	color: #0000A0;  /* sinon change de couleur si visité (dans firefox) */
   }
div.menuItem a:hover {
	color: #ffffff;
	background-color: #0000A0;
   }
   
/* avec dropdown DD(menu enfant)  Attention, il y le correspondant menuItem à modifier plus haut */
div.menuItemDD{
	float: left; /* met le menu en horizontal */
	position: relative; /* astuce, correspondant absolute dans enfant popOut */
	margin-left: 1.0em;
	width: 7.5em;  /* largeur des éléments de la barre principale */
	height: 1.3em;
	font-size: 1.0em;
	color: #0000A0;
	background-color: #CACAFF;
	background-image: url('../images/tri-down1.gif');
	background-position: right;
	background-repeat: no-repeat;
}
div.menuItemDD:hover {
	/* cursor: pointer; == hand, arrow = default  */
	color: #ffffff;
	background-color: #0000A0;
	background-image: url('../images/tri-down2.gif'); /* bad en IE6, OK Firefox */
}
div.menuItemDD span {	
    display: block; /* par défaut inline, ce qui empêche the span to fill the div */
 	width: 100%;/* force the span to fill the div */
 	padding-left: 6px;
	height: 100%;
   }
div.menuItemDD:hover  .popOut   {
	display: block;
}
div.popOut  {
	display: none; /* non visible if parent menuItemDD not hovered */
	z-index:10; /* puts drop-down on top of div - Safari needs this as menu is 1px higher */
	position: absolute; /* astuce, correspondant relative dans parent menuItem */
	width: 10em;
	background-color: #CACAFF;
	background-image: none;
	border-right: thin outset #0000A0;
	border-bottom: thin outset #0000A0;	 
}
div.popOut  a {	
    display: block; /* par défaut inline, ce qui empêche the link to fill the div */
 	width: 100%;/* force the anchor link to fill the div */
	height: 100%;
 	padding-left: 6px;
    text-decoration: none;       
	color: #0000A0;  /* sinon change de couleur si visité (dans firefox) */
   }
div.popOut  a:hover {
 	width: 100%;/* force the anchor link to fill the div */
	color: #ffffff;
	background-image: none;
   }
div.popOutItem{
	width: 100%;
	height: 1.3em;
	border-top: 1px solid #777777;	 
	background-image: none;
}
div.popOutItem:hover {
	background-color: #0000A0;
	background-image: none;
}
div.popOut .menuItemDD {
	width: 100%;
	margin-left: 0px;
	padding-left: 0px;
	height: 1.3em;
	font-size:100%; /* adaptation nécessaire car la taille du texte est perdue sinon */
	border-top: 1px solid #777777;	 
	background-image: url('../images/tri-right1.gif');
	background-position: right;
	background-repeat: no-repeat;
}

div.popOut .menuItemDD .popOut {
	position: absolute;
	top: 0; 
	left: 10em; /* manque 6 px (le padding) pour IE6 <!–[if IE 6]> <![endif]–> ajouté par margin-left ci-dessous*/
	margin-left: 2px; /* devrait être enlevé pour firefow */
	visibility: hidden;
}

div.popOut .menuItemDD:hover  .popOut   {
	visibility: visible;
}

/*
Ci-dessous OK en Firefox, mais en IE6 les flèches blanches se mettent sur tout le popOut parent!
Corrigé par deanEdwardsJs IE7
*/
div.popOut .menuItemDD:hover {
	background-image: url('../images/tri-right2.gif');
}

div.popOut .menuItemDD .popOutItem:hover  {
	background-image: none;
}


/* scrollMenu menu-colonne glissant */

div.scrollMenu {
	position: fixed; /* scrolling */
	left: 10px;
	top: 250px;
	width: 136px;
	font-size: 0.9em;
	text-align: center; /* title */
	background-color: #7272ED;
	border: 1px solid #0000A0;
}
div.scrollMenu span.scMnTitle {
	display: block;
	color: lime;
	font-size: 1.1em;
	font-weight: bold;
	margin: 2px;
}
 div.scMnPopOut  {
	width: 100%;
	color: #000066;
	text-align: left;
	background-color: #E9E9FF;
}
div.scMnPopOut  a {	
    display: block; /* par défaut inline, ce qui empêche the link to fill the div */
 	width: 100%;/* force the anchor link to fill the div */
	height: 100%;
 	padding-left: 6px;
    text-decoration: none;       
	color: #000066;  /* sinon change de couleur si visité (dans firefox) */
   }
div.scMnPopOut  a:hover {
 	width: 100%;/* force the anchor link to fill the div */
	color: #ffffff;
   }
div.scMnPopOutItem {
	width: 100%;
	height: 100%;
	border-top: 1px solid #ffffff;	 
	background-image: none;
}
div.scMnPopOutItem:first-child {
	border-top: 0; /* removes the horizontal line on top of the first menu-item */
	}
div.scMnPopOutItem:hover {
	background-color: #0000A0;
	background-image: none;
}

/*********************/

/*********************/

@media print 
{
  
	div#mainwrapper {
		margin-left: 40px;
		margin-top: 0px;
		text-align:left;
	}
	
	div.scrollMenu  {
		display: none;
	}  
	  
	div#hMenu  {
		display: none;
	}  
	  
	div#leftCol  {
		display: none;
	}  
	  
	div#siteMapBar  {
		display: none;
	}  
	
	 .contentBlock {
		margin-left: 0px;
	}
	
	div#banner1 {
		margin-left: 0; margin-top: 0;
	}
	
	/* on met le texte en noir pour le rendre plus visibel */
	.contentBlockHeader {
		font-weight: bold;
	  	color: #000000;
	  	background-color: #ffffff;
		width: 100%; height: 1.4em; 
	}

	div#flashEBP{
		display: none;
	}

} /* ends @media print */