/* CSS Document */
html { height: 100.1%; }

body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#5c5b5b; font-size:12px; }
input, textarea { font-family:Arial, Helvetica, sans-serif; font-size:12px; }

a { color:#953985; text-decoration:underline; }
a:hover{ text-decoration:none; }
	
#main{ margin:auto; width:748px; }
		
	#header{
		height:140px;
		background:url(../images/header_en.jpg) no-repeat;
		}
		
	#header_fr{
		height:140px;
		background:url(../images/header_fr.jpg) no-repeat;
		}
		
	#copyright{
		text-align:center;
		font-size:11px;
		color:#946989;
		}
		
	
@media screen { 
	#content{ overflow:auto; background:url(../images/back-site.gif) repeat-y; width:748px; } 
	#top-menu{ height:15px; width:445px; margin-left:303px; font-size:10px; color:#FFFFFF; background:#946989; text-align:center; }
	#top-menu a { color:#FFFFFF; text-decoration:none; margin:0 20px; }
	#entete_en { visibility:hidden; }
	#entete_fr { visibility:hidden; }
	}
@media print { 
	#content { margin-top:12px;  } 
	#top-menu{ visibility:hidden; }
	#entete_en {  }
	#entete_fr {  }
	}


	/* Ce qui divise la page en colonne */
		
	#menu{
		width:150px;
		background:#fff5e4;
		float:left;
		}
	#text{
		width:403px;
		min-height:700px;
		background:url(../images/back-text.jpg) no-repeat bottom;
		padding:0 15px 100px 25px;
		float:left;
		}
	#right{
		width:155px;
		background:#f1d4e9;
		float:left;
		}
		
		
		
	/* -------------------------- menu --------------------------------------- */
	
	#ulmenu{
		list-style-type:none;
		margin:0;
		padding:0;
		font-family:Arial Narrow, Arial, Helvetica, sans-serif;
		font-size:13px;
		}
	#ulmenu li{
		margin:0;
		padding:0;
		}
		
	#ulmenu li a{
		display:block;
		padding:10px 0 10px 10px;
		width:140px;
		color:#7a6c68;
		text-decoration:none;
		}
	
	#ulmenu li a:hover{ background:#e1cec8; }
		
	.active{ background:#efd9d3; cursor:default; }
	.no_active{ }
		
	.ligne_dot{
		display: block;
		border-bottom-width: 1px;
		border-bottom-style: dashed;
		border-bottom-color: #7b0969;
		}
		
	
		
	
	/* ------------------------- texte ---------------------------------- */
	
	#text p{
		text-align:justify;
		}
		
	#text ul{ list-style-image:url(../images/bullet.gif); }
	#text ul li{ padding-bottom:6px; }
	#text ol li{ padding-bottom:6px; }
	
	.center{
		text-align:center !important;
		}
		
	.right{
		text-align:right !important;
		}
		
	.ul-title{
		margin-bottom:3px;
		font-style:italic;
		}
	.no-topmarg{
		margin-top:0;
		padding-top:0;
		}
	
	.ld{
		font-size:20px;
		}
		
	#cones{
		width:205px;
		border-collapse:collapse;
		}
		
	#cones td{
		border:2px solid #bebbbb;
		color:#851b72;
		text-align:center;
		}
		
	#cones #top{
		font-size:12px;
		}
	#cones #bottom{
		font-size:11px;
		}
	
	h1, h2 {
		color:#851b72;
		font-size:16px;
		text-align:center;
		}
	
	h3{
		color:#851b72;
		font-size:12px;
		font-weight:bold;
		font-style:oblique;
		}
	
	h4{
		color:#851b72;
		text-align:center;
		font-size:16px;
		}
		
	
	.pink_lnk{
		font-size:10px;
		color:#851b72;
		text-decoration:none;
		}
	
	.contact{
		font-size:14px;
		color:#851b72;
		text-align:center;
		}
	
     .can_avail{
		color:#851b72;
		font-weight:bold;
		font-size:14px;
		text-align:center;
		}


/* ------------------------- id et class pour la colonne de droite largeur : 155px ---------------------------------- */
	.icone-canada{
		background:none;
		padding:0 10px;
		font-size:11px;
		color:#5c5b5b;
		}
	
	.otherproducts{
		background:#d2c2d0;
		color:#FFFFFF;
		padding:10px 0 10px 10px;
		font-family:Arial Black, Arial, Helvetica, sans-serif;
		}

	.right-text{
		font-size:10px;
		padding:0 10px 0 10px;
		line-height:11px;
		}
	.right-margin{ }

	/* ------ menu droite ---------------------------- */
	
	#right-menu{
		margin:0;
		list-style-type:none;
		padding:0;
		font-family:Arial Black, Arial, Helvetica, sans-serif;
		font-size:11px;
		}
	#right-menu li{
		margin:0;
		padding:0;
		}
		
	#right-menu li a{
		display:block;
		padding:5px 0 5px 10px;
		color:#946989;
		border-bottom:1px solid white;
		text-decoration:none;
		}
	
	#right-menu li a:hover{
		background:#d2c2d0;
		}


/* Classes FAQ */
.quest, a.quest, a.quest:link, a.quest:visited { background-color:transparant; color:#000000; font-weight:bold; text-decoration:none; }
a.quest:active, a.quest:hover { background-color:transparant; color:#953985; font-weight:bold; text-decoration:underline; }

.line_mauve_sol { display:block; border-bottom:#953985 1px solid; }

.hpage, a.hpage, a.hpage:link, a.hpage:active, a.hpage:visited   { color:#953985; font-size:10px; text-decoration:underline; }
a.hpage:hover { color:#000000; text-decoration:none; }

/* Classes pour sous menu à gauche */
.menu {}
a.menug, a.menug:link, a.menug:visited   { display:block; padding:6px 0 6px 8px; background-color:#FEF3DF; color:#5C5648; font-size:12px; text-decoration:none; }
a.menug:hover { display:block; background-color:#EFD9D3; color:#5C5648; text-decoration:none; }
.menug_s, a.menug_s, a.menug_s:link, a.menug_s:visited  { display:block; background-color:#EFD9D3; color:#5C5648; font-weight:bold; padding:6px 0 6px 8px; text-decoration:none; }
a.menug_s:hover { text-decoration:underline; }

.menu2 {}
a.menug2, a.menug2:link, a.menug2:visited   { background-color:#EFD9D3; color:#5C5648; font-size:12px; text-decoration:none; display:block; padding:4px 0 4px 8px;  }
a.menug2:hover { background-color:#7B0969; color:#FFF; text-decoration:none; }

#ulmenu .menu2_s  { padding:4px 0 4px 24px; background-color:#7B0969; }
#ulmenu .menug2_s, #ulmenu a.menug2_s, #ulmenu a.menug2_s:link, #ulmenu a.menug2_s:visited { display:inline; padding:0; color:#FFFFFF; font-size:11px; text-decoration:underline; }
#ulmenu a.menug2_s:hover  { background-color:#7B0969; color:#FFFFFF; text-decoration:none; }

.indice { font-size:10px; color:#333; }

.latex { text-align:right; color:#7B0969; font-size:11px; }
.dpf_lwl { margin:30px 0 20px; font-size:10px; }

.pt_txt_clr { color:#953985; font-size:10px; }


/* Changement de police */
	.divacces{padding:10px; text-align:right; margin-right:10px;}
	#tx1, #tx2, #tx3{font-size:1.2em; cursor:pointer;}
	#tx2{font-size:1.4em;}
	#tx3{font-size:1.6em;}