body { 

	font: small serif;

  	margin: 0px; 

	padding: 0px; 

	line-height: 14px;

	color: #000;

	font-size: x-small;

	voice-family: "\"}\""; 

	voice-family: inherit;

	font-size: small;

	text-align: center; }



html>body {

	font-size: small;

	}



/* basic elements */

body { 

	color: #444; 

	background-color: #edf6e3;

 	background-image: url("images/bords.jpg");

	background-position: top center;

	background-repeat: repeat-y;

	font-size: 11px; 

	line-height: 14px;

	font-family: Cochin, Georgia, "New Century Schoolbook", "Bitstream Vera Serif", "Times New Roman", times, serif; 

	text-align: left;

  	margin: 0px; 

	padding: 0px;

	}

p {

	font-size: 11px; 

	line-height: 14px;

	font-family: Cochin, Georgia, "New Century Schoolbook", "Bitstream Vera Serif", "Times New Roman", times, serif; 

	text-align: left; 

	margin: 0px; 

	padding: 0px;

	}

h1, h2, h3 {

	font-size: 11px; 

	line-height: 14px;

	font-weight: bold; 

	font-family: Cochin, Georgia, "New Century Schoolbook", "Bitstream Vera Serif", "Times New Roman", times, serif; 

	text-align: left; 

	margin: 0px; 

	padding: 0px;

	}

	

a:link { 

	font-weight: bold; 

	text-decoration: none; 

	color: #6faf30;

	}

a:visited, 

a:visited:hover { 

	font-weight: bold; 

	text-decoration: none; 

	color: #7fc937;

	}

a:hover, 

a:active { 

	text-decoration: underline; 

	color: #4f711f;

	}

acronym { 

	font-weight: normal; 

	font-style: normal;

	border: 0;

	}



/* major divs */

#container { 

	width: 700px; 

  position: relative;

  top: 10px;

	margin: 0px auto 0px auto;

	padding: 0px 0px 0px 0px;

	}



#intro {

 	width: 450px;

	margin: 0px 0px 0px 0px; 

	padding: 0px 0px 0px 0px;

	}

	

#supportingText {

 	width: 680px;

	margin: 0px 0px 0px 0px;

	padding: 0px 10px 0px 10px;

	}

	

#linkList {

   position: absolute;

   top: 255px;

   left: 0px;

 	width: 220px;

	margin: 0px 0px 0px 482px;

	padding: 0px 0px 0px 0px;

	}



#presentoire {

  position: absolute;

  top: 334px;

  left: 480px;

 	width: 300px;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	}

#quickSummaryPresentoire {

	height:104px;

 	width: 450px;

 	background-image: url(images/cible_verte.gif);

	background-position: top center;

	background-repeat: repeat;

	background-color: #284C00;

	border: 1px solid #aaa;    

	margin: 10px 0px 10px 0px;

	padding: 10px 10px 10px 10px;

	}





#icones {

	width: 700px;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	text-align: center;

	}



/* minor divs */

#pageHeader,

#pageHeaderAccueil {

 	width: 700px;

	background-position: top center;

	background-repeat: no-repeat;

	border-top: 1px solid #aaa;    

	border-right: 1px solid #aaa;    

	border-bottom: 1px solid #aaa;    

	border-left: 1px solid #aaa;    

	margin: 0px 0px 0px 0px; 

	padding: 224px 0px 0px 0px;

	}

/* minor divs */

#pageHeaderProduit {

 	width: 700px;

	background-position: top center;

	background-repeat: no-repeat;

	border-top: 1px solid #aaa;   

	border-right: 1px solid #aaa;    

	border-bottom: 1px solid #aaa;    

	border-left: 1px solid #aaa;    

	margin: 0px 0px 0px 0px; 

	padding: 320px 0px 0px 0px;

	}



#description {

 	width: 100%;

	border: 1px solid #aaa;    

 	background-image: url(images/conserve.gif);

	background-position: bottom center;

	background-repeat: no-repeat;

	background-color: #fff;	

	margin: 10px -10px 0px -10px;

	padding: 10px 10px 30px 10px;

	}





#footer {

 	width: 100%;

	border: 1px solid #aaa;    

 	background-image: url(images/cible_verte.gif);

	background-position: center center;

	background-repeat: repeat;

	background-color: #284C00;	

	margin: 10px -10px 20px -10px;

	padding: 10px 10px 10px 10px;

	text-align: center;

	}



	

#pageHeader h1,

#pageHeaderProduit h1 {

 	width: 600px;

	color: #fff;

	font-size: 24px; 

	line-height: 24px;

	font-weight: bold;

	text-transform: uppercase;

	margin: -30px 0px 0px 10px;

	padding: 0px 0px 0px 0px;

	}

#pageHeaderAccueil h1  {

 	width: 600px;

	color: #fff;

	font-size: 24px; 

	line-height: 24px;

	font-weight: bold;

	text-transform: uppercase;

	margin: -30px 0px 0px 10px;

	padding: 0px 0px 0px 0px;

	text-align: center;

	vertical-align: middle;

	}

	

#pageHeader h2,

#pageHeaderProduit h2 {

 	width: 600px;

	color: #fff;

	font-size: 11px; 

	line-height: 16px;

	font-weight: normal;

	padding: 0px 0px 0px 3px;

	text-transform: uppercase;

	margin: 0px 0px 0px 10px;

	padding: 0px 0px 10px 4px;

	}

		

#quickSummary {

 	width: 450px;

 	background-image: url(images/cible_verte.gif);

	background-position: top center;

	background-repeat: repeat;

	background-color: #284C00;

	border: 1px solid #aaa;    

	margin: 10px 0px 10px 0px;

	padding: 10px 10px 10px 10px;

	}



#preamble {

 	width: 450px;

	border: 1px solid #aaa;    

 	background-image: url(images/conserve.gif);

	background-position: bottom center;

	background-repeat: no-repeat;

	background-color: #fff;

	margin: 0px 0px 0px 0px;

	padding: 10px 10px 30px 10px;

	}

	

	

#description p {

	padding-bottom: 8px;

	font-size: 13px; 

	text-align: justify;

	}



#preamble h3,

#supportingText h3 {

	color: #284C00;

	background-color: #ddd;

 	background-image: url(images/cible_grise.gif);

	background-position: bottom center;

	background-repeat: repeat;

	font-size: 13px; 

	line-height: 16px;

	text-transform: uppercase;

	margin: -10px -10px 4px -10px;

	padding: 4px 4px 4px 10px;

	}

	

#quickSummary .p1,

#quickSummaryPresentoire .p1

 { 

	color: #fff ! important;

	font-size: 12px ! important;

	line-height: 14px;

	font-weight: bold;

	text-transform: uppercase;

	text-align: left;

	margin: 0px 50px 0px 0px;

	padding: 0px 0px 0px 0px;

	}

	

#quickSummary .p2,

#quickSummaryPresentoire .p2 { 

	color: #fff ! important;

	font-size: 12px ! important;

	line-height: 14px;

	font-weight: normal;

	text-align: left; 

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	}

#preamble .p1 { 

	color: black;

	font-size: 12px;

	line-height: 14px;

	font-weight: normal;

	text-align: left; 

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	}

	

#linkList ul {

	border-top: 1px dotted #ccc;

	margin: 5px 5px 0px 5px; 

	padding: 0px 0px 0px 0px;

	}

	

#linkList li {

	display: block;

	list-style-type: none;

	color: #6c9e2d;

	background-color: #f8f8f8;

	font-size: 11px; 

	line-height: 14px;

	font-weight: normal; 

	font-style: italic;

	font-family: Cochin, Georgia, "New Century Schoolbook", "Bitstream Vera Serif", "Times New Roman", times, serif; 

	text-align: left; 

	border-bottom: 1px dotted #ccc;

	margin: 0px 0px 0px 0px; 

	padding: 3px 5px 3px 5px;

	}

	

#linkList li a:link,

#linkList li a:visited, 

#linkList li a:visited:hover,

#linkList li a:hover, 

#linkList li a:active {

	font-style: normal;

	padding-right: 5px;

	}

	

.c { 

	color: #6c9e2d ! important;

	font-weight: normal ! important;

	font-style: italic ! important;

	margin: 0px 0px 0px 0px;

	padding: 0px 14px 0px 0px;

	}



#linkList h3 {

	color: #7fc937;

	background-color: #ddd;

 	background-image: url(images/cible_verte.gif);

	background-position: center right;

	background-repeat: repeat-x;

	font-size: 11px; 

	line-height: 16px;

	font-weight: bold; 

	font-family: Cochin, Georgia, "New Century Schoolbook", "Bitstream Vera Serif", "Times New Roman", times, serif; 

	text-transform: uppercase;

	text-align: left; 

	border-bottom: 1px solid #aaa;

	margin: 0px 0px 0px 0px; 

	padding: 3px 5px 3px 5px;

	}

	

#lselect {

	background-color: #fff;

	border: 1px solid #aaa;    

	margin: 0px 0px 10px 0px;

	padding: 0px 0px 10px 0px;

	}

	

/* hovers */

	

#preamble:hover {

 	background-image: url(images/conserve.gif);

	}

	

#linkList li:hover  {

	background-color: #fefefe;

	}

	

#lresources:hover {

	background-image: url(images/conserve.gif);

	}



#carte {

	padding: "5px";

	text-align: left;	

}





		

#commande table {

border:3px solid #6faf30;

border-collapse:collapse;

width:90%;

margin:auto;

}

#commande thead,

#commande tfoot {

background-color:#D0E3FA;

border:1px solid #6faf30;

}

#commande tbody {

background-color:#FFFFFF;

border:1px solid #6faf30;

}

#commande th {

	font-family: monospace;

	border: 1px solid #6faf30;

	padding: 5px;

	background-color: #D5EDC2;

	font-size: 110%;

	text-align: center;

}

#commande tr.promo {
font-weight: bold;
background-color: #EDD5C2;
  color: #FD1512;
}

#commande td {

font-family:sans-serif;

border:1px solid #6faf30;

padding:5px;

text-align:right;

}

#commande caption {

font-family:sans-serif;

}

.lstCmd tr:hover{ background-color: #808080 }

.zoom1 {

	height: 100%;

	width: 100%;	

}



.PZ3-l { float:left; margin-right:10px; }

.PZ3-r { float:right; margin-left:10px; direction:rtl; }

  [class~=PZ3-r] { position:relative; }



.PZ3zoom { border:1px solid #369; }

.PZ3zoom a,.PZ3zoom a:visited { display:block;

  padding:0; overflow:hidden; text-decoration:none;

  height:100%; width:100%; }

  [class~=PZ3-r]>a { right:0; }

.PZ3zoom a:hover { position:absolute;

  z-index:999; padding:0; background:none; 

  cursor:default; height:auto; width:auto;

  overflow:visible; border:1px solid #369;

  margin:-1px 0 0 -1px; }

  [class~=PZ3-r]>a:hover { margin:-1px -1px 0 0; }



.PZ3zoom a img { border:0; height:100%; width:100%; }

.PZ3zoom a:hover img { height:auto; width:auto;

  border:0; }



a:hover .PZ3cap { display:block;

  padding:2px 5px; margin-top:-5px; 

  direction:ltr; background:#369; color:#fff;

  font:10pt verdana,sans-serif; 

  text-align:left; }



.noCap a:hover .PZ3cap { display:none; }

.noBdr a img,.noBdr a:hover img { border:0; }

.Lnk a:hover { cursor:pointer; }