@charset "iso-8859-1";
/* AUTEUR: Jean-Francois Bazin */
body {font-size: 12px;width:1024px;color:#000000;background: #003300;font-family: Verdana,Arial, Helvetica, sans-serif;}
A:link {COLOR: #0000FF;}

A:hover 
	{
	COLOR: #FF0000;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;  
	}
A.in-accueil:hover		{padding-top: 0px;padding-right: 0px;padding-bottom: Opx;padding-left: 0px;  }
A.text 		{
			color: #000033; 
			border:1px solid gray;
			background-color: #eeeeee;
			border-top-left-radius: 3px;
			border-top-right-radius: 3px;
			border-bottom-right-radius: 3px;
			border-bottom-left-radius: 3px;	
			white-space: nowrap;
			padding-top: 5px;
			padding-right: 5px;
			padding-bottom: 5px;
			padding-left: 5px;
			border-radius: 5px; 
			}	
A.text:hover 
		{
		COLOR: #FFFFFF; 
		background-color: #333333;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
		border-bottom-left-radius: 3px;	
		white-space: nowrap;
		padding-top: 5px;
		padding-right: 5px;
		padding-bottom: 5px;
		padding-left: 5px;
		}
A:visited {COLOR: #990000;}
A:link.inv {COLOR: #00CCFF;}
A:visited.inv {COLOR: #99CC66;}
A:hover.inv {COLOR: #FF6633;}

#index {font-size: 1.1em}
#index A:link {color: #ccccFF;}
#index A:visited {color: #C6FFFE;}
#index A:hover {color: #FFCC11;}

#corps {width: 1024px;}

/*pour les lienbuy */

table.liste {color: #000000; padding: 0 0 0 0; width: 100% ;font-family:Arial,Helvetica,Sans Serif;border-width:2px;}
/* 3 inutilisés anciens canada*/
td.lenom {color: #000000; font-family: Arial, Helvetica, Sans Serif;font-size: 1em;font-weight:normal;}
td.laref {color: #006600; font-family: Arial, Helvetica, Sans Serif;font-size: 1.2em;font-weight:bold;}
td.leprix {color: #FF0000; font-family: Arial, Helvetica, Sans Serif;font-size: 1.1em;font-weight:bold;width:200px;text-align:right;padding-right:5px;}

span.dollar {color: #000000;}
tr.lienbuy td		{line-height:36px;
					}
tr.lienbuy td.lb_ref{color:#006600 ;
					font-weight: bold; 
					font-size:1.1em;
					}
tr.lienbuy td.lb_name
					{
					font-size:1.1em;
					color:#003300 ;
					font-weight: normal; 
					}					
tr.lienbuy td.lb_price
					{padding-left:10px;
					font-size:1.1em;
					color:#FF0000 ;
					font-weight: bold; 
					}					
ul.ulpop 	{
		  list-style: none;
		  margin: 0;
		  }
li.lipop	{
		margin: 0 10px 10px 0 ;
		position:relative;
		display:inline-block;
		width:32px;
		height:32px;
		}
img.pop
	 {
	position:absolute;
	top: 0;
	left: 0;
	width: 36px;
	border: 1px solid #000;
	z-index: 0;
 	/* webkit */
	-webkit-transition-property: width,height;
	-webkit-transition-duration: 1s;
	-webkit-transition-timing-function: ease-out;
				
	/* Firefox */
	-moz-transition-property: width,height;
	-moz-transition-duration: 1s;
	-moz-transition-timing-function: ease-out;
				
	/*  et lorsque ce sera standardisé */
	transition-property: width,height;
	transition-duration: 1s;
	transition-timing-function: ease-out;
	}

img.pop:hover, img.pop:focus 
	{
	/*width: 320px;
	height:240px;
	z-index: 100;*/
	}	
/* fin lienbuy */




/*   quelques CSS3 pour tester  */
#note {
	width:90%;
font-weight: normal;
  text-align: left;
  background-color: rgba(219, 219, 219, 0.8);
  color: #2B2B28;
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  font-size: 10.0px;
  line-height: 100%;
  text-shadow: 1.0px 1.0px 0px #F5F4F2;
  -webkit-column-count:2;
  -moz-column-count:2;
  column-count:2;
  -webkit-column-width:10px;
 -moz-column-width:10px;
  column-width:10px;
  -webkit-column-gap:10px;
  -moz-column-gap:10px;
  column-gap:10px;
  
	padding: 10px;
	/* Firefox */
	-moz-border-radius: 5px; 
	/* WebKit */
	-webkit-border-radius: 5px; 
	/* IE9, Opera 10.5+, dev channel releases of Google Chrome */
	border-radius: 5px; 
	}
#nomdusite	{font-size: 2em;font-weight:bold;color:#ffcc00;vertical-align: middle;text-align:center;text-shadow: 2px 2px 3px #000;margin-left:30px;margin-right:30px;}
#imgbox {vertical-align: middle; position: absolute; border: thin solid yellow; background: #FFFFFF;
 visibility: hidden; height: 240px; width: 320px; z-index: 50; overflow: hidden; text-align: center; border-style: inset;
	
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000');
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000')";
	
	/* Firefox */
	-moz-box-shadow: 3px 3px 10px #000;
	/* WebKit */
	-webkit-box-shadow: 3px 3px 10px #000;
	/* Standard */
	box-shadow: 4px 4px 10px #000;

}


.ombre1 {
	background: #ffffa2;
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000');
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000')";
	/* Firefox */
	-moz-box-shadow: 3px 3px 10px #000;
	/* WebKit */
	-webkit-box-shadow: 3px 3px 10px #000;
	/* Standard */
	box-shadow: 3px 3px 10px #000;
}
.coinsronds1 {
	padding: 10px;
	/* Firefox */
	-moz-border-radius: 5px; 
	/* WebKit */
	-webkit-border-radius: 5px; 
	/* IE9, Opera 10.5+, dev channel releases of Google Chrome */
	border-radius: 5px; 
	}

/*  fin de quelques CSS3 pour tester  */

.texteombre {/* Firefox, WebKit, Opera 9+ */text-shadow: 2px 2px 3px #999;}
table {color: #000000;}
table.accueil 
	{
	width: 1024px;padding: 0px; border :1px ;
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000');
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000')";
	/* Firefox */
	-moz-box-shadow: 3px 3px 10px #000;
	/* WebKit */
	-webkit-box-shadow: 3px 3px 10px #000;
	/* Standard */
	box-shadow: 3px 3px 10px #000;
	}

table.interne {color: #000000;width:615px;}

table.cat td {text-align: center; padding-left: 10px; padding-right: 10px}
table.cat2 td {text-align: left; padding-left: 10px; padding-right: 10px; vertical-align: middle;width:700px}
table.foire td {text-align: left; padding-left: 10px; padding-right: 10px; vertical-align: middle; border: 1px dotted green;}
td {border: inherit; color: #000000; font-size: 0.95em;}




.tete	{
	vertical-align: middle;text-align:center;color:#FFef00; 
	font-size: 1.4em; font-weight:bold;background: url(https://www.horseguard-canada.ca/shop_int2/imgcom/updeg2008.gif); 
	height: 30px; vertical-align: middle;	border-radius: 5px; 
	}
.v15noir { 	vertical-align: middle;	 }
td.w {color: white;font-weight: bold;}
td.g {color: #33CC33; font-weight: bold;}
td.b {color:#CC9933 ;font-weight: bold; }
td.ex {background-color: #996633; color: #FFFFFF; font-weight: bold}

.marge {WIDTH: 128px; PADDING: 0px; vertical-align: top; text-align: center;}		
.page {color: #000000; background: #F9FBEF; width: 890px;margin-left:10px;padding-left:5px;padding-right: 1px;
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#000000');
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#000000')";
	
	/* Firefox */
	-moz-box-shadow: 3px 3px 10px #000;
	/* WebKit */
	-webkit-box-shadow: 3px 3px 10px #000;
	/* Standard */
	box-shadow: 3px 3px 10px #000;
	border-radius: 10px; 
	
	}
li {margin-left: 20px;}
ol.clickon01 {font-weight: bold; color: green; font-family: Verdana,Helvetica,sans-serif; text-align: left;margin-left: 10px;}
li.clic01 { font-family: Tahoma ;margin-left: 20px; }
img {border: none}



h1,h2,h3,h4,h5,h6 
	{color: #006600; margin-left: auto; margin-right: auto;text-align: center; font-family: Verdana,Arial, Helvetica, sans-serif; font-style:normal; border-radius: 5px; }
.centrer {margin:0px auto;text-align: center;	}	
h1 {
	background: #eeeeee; font-size: 1.4em; line-height: 1.1em; padding: 0.6em; width:60%;
	margin-left: auto; margin-right: auto;text-align: center;	
	
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#000000');
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#000000')";
	/* Firefox */
	-moz-box-shadow: 2px 2px 5px #000;
	/* WebKit */
	-webkit-box-shadow: 2px 2px 5px #000;
	/* Standard */
	box-shadow: 2px 2px 5px #000;
	margin-bottom:10px;
	}
h2 { color: #006600;  background: #eeeeee; font-size: 1em; line-height: 1.2em; padding: 0.5em; width:50%;
	margin:0px auto;text-align: center;
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#000000');
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#000000')";
	/* Firefox */
	-moz-box-shadow: 2px 2px 5px #000;
	/* WebKit */
	-webkit-box-shadow: 2px 2px 5px #000;
	/* Standard */
	box-shadow: 2px 2px 5px #000;
	margin-bottom:8px;
	}
h3 { color: #006600;  font-size: 1em; line-height: 1.1em;
	margin:0px auto;text-align: center;
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#000000');
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#000000')";
	/* Firefox */
	-moz-box-shadow: 2px 2px 5px #000;
	/* WebKit */
	-webkit-box-shadow: 2px 2px 5px #000;
	/* Standard */
	box-shadow: 1px 1px 3px #000; 
	margin-bottom:8px;
	}
H4 {color: #003300;background: url(https://www.horseguard-canada.ca/shop_int2/imgcom/updeg2008.gif); border: none; font-style:normal; font-size: 1em;  padding: 0.2em;width:70%;
	margin:0px auto;text-align: center;
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#000000');
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#000000')";
	/* Firefox */
	-moz-box-shadow: 2px 2px 5px #000;
	/* WebKit */
	-webkit-box-shadow: 2px 2px 5px #000;
	/* Standard */
	box-shadow: 1px 1px 3px #000;	margin-bottom:8px; 
	}
h5 {color: #FFFFFF; font-style:normal;font-weight:normal;font-family: Verdana,Helvetica; font-size: 1em; text-align: center; background: #006600;margin:0px 100px 0px 100px;padding:5px 0px 5px 0px; }
h6 {color: #003300; font-family: Verdana,Helvetica; font-size: 1em; text-align: center; background: #FFFFCC; font-weight: bold;margin:0px 105px 0px 105px;padding:5px 0px 5px 0px; }


blockquote {color: #006600; font-family: Arial, Helvetica, Sans-Serif; 
font-size: 1em; font-style: italic; font-weight: bold; 
line-height: normal; margin-left: 4em;margin-right:0em; 
text-align: right}

blockquote.l {margin-left: 1em;margin-right:4em; 
text-align: left}

pre {color: #006600; font-style: normal;font-family: Times,Serif;font-weight: bold ; height: 1em; text-align: right}

span.w {background-color:#FFFFFF;color: #785410;font-weight: bold;}
span.g {background-color:#008000;color: #FFFFFF;font-weight: bold;}
span.b {background-color: rgb(120,84,16);color: #FFFFFF;font-weight: bold; }
span.RDiscount{background-color: #FFFF99;color: #FF0000;}

	

.entete {width:1024px; margin-bottom:10px;
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#000000');
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#000000')";
	
	/* Firefox */
	-moz-box-shadow: 3px 3px 10px #000;
	/* WebKit */
	-webkit-box-shadow: 3px 3px 10px #000;
	/* Standard */
	box-shadow: 3px 3px 10px #000;
	border-radius: 5px; 
	}

.margee {padding-left:2px;}

.green {color: #006633; font-style: normal; font-weight: bold}
.ref {text-align: center;color: #006600;  font-weight: bold; font-family: Arial,sans-serif; font-size: 1em; background: #EEEDEC;padding: 7px 0px 5px 5px;}

.q {color: #006600; font-family: Arial, Helvetica, Sans-Serif; font-size: 1em; font-style: italic; font-weight: bold; line-height: normal; margin-left: 1em;margin-right:0em; text-align: left}
.q:first-letter {font-size: 1.2em; background-color: #ffffff; color: #000000;}
.r {color: #000000; font-size: 1em; font-style: normal; padding-left: 3em; margin-right: 0em; text-align: justify; font-family: Arial,Helvetica,Sans-Serif; margin: 0em}
.r:first-letter {font-size: 1.2em; background-color: #ffffff; color: #006600; font-weight: bold}
.etoile{background-color: #99FF99; font-weight: bold}
.etoile2{background-color: #D5FFF7; font-weight: bold}
.ind1 {background: #5C853E; color: #FFFFFF; padding: 10px;}
.ind2 {background: #67472F; color: #FFFFFF; padding: 10px; }
.ind3 {background: #077382; color: #FFFFFF; padding: 10px; }
.ind4 {background: #93117E; color: #FFFFFF; padding: 10px; }
.ind5 {background: #DE690D; color: #FFFFFF; padding: 10px; }
/* les parties de l'index des pages du manuel*/
.part0 {background: #FFFFCC; margin: 1px; border: 1px solid green; padding: 6px}
.part1{background: #CCFFFF; margin: 1px; border: 1px solid green; padding: 6px}
.part2{background: #CCCC99; margin: 1px; border: 1px solid green; padding: 6px}
.part3{background: #FFFFCC; margin: 1px; border: 1px solid green; padding: 6px}
.part4{background: #CC9966; margin: 1px; border: 1px solid green; padding: 6px}
.part5{background: #CCFFFF; margin: 1px; border: 1px solid green; padding: 6px}	
.part6{   background: #FFCC66; margin: 1px; border: 1px solid green; padding: 6px}


.hg	{border: 1px solid green;}
.hgg	{border: 1px solid green; font-family: Arial , Helvetica, Serif; }
.sgb	{border: 1px solid green; }
.jaune {background: #FFEF21; color: #000000;font-weight: bold; font-size: 0.9em; } 
.trans {border:0;}
.bordure {border: 3px ridge #FF0000; background: #E5DFC6}
.over    {color: #FF0000;BORDER: 1px solid #006600;}
.vertfonce {background: #003300; color: #F9E663;width: 600px;}
.mil24 {width: 1024px;}
.ref {color: #006600;  font-weight: bold; font-family: sans-serif; font-size: 1em; background: #EEEDEC;}
.imgref {width:80px;vertical-align:top;text-align: center;color: #006600; font-weight: bold; font-family: Arial,sans-serif; font-size: 0.9em;padding-left:2px;}
.refimg {vertical-align:top;padding-left:2px;}
.norm {color: #000000; font-weight: normal; font-family: Arial; font-size: 1em; background: #FFFFFF;}
.red {color: #FF0000; font-weight: bold; font-family: Arial; font-size: 1em; background: #CCFFFF;}
.orange {color: #DE7708; font-weight: bold; font-family: Arial; font-size: 1em; background: #E5FFFE;}
.colsnames {font-weight: bold; background: #E2FFE2;text-align: center;}