<!--
	
	body {
	FONT-FAMILY: Verdana;
	font-size: 12px;
	background-image: url(images/bg_blue.jpg);
	background-position: top center;
	background-repeat: repeat-y;
	margin-top: 0px;
	background-color: #3b7fc8;
	}
	.letter {
	font-size: 14px;
	font-family: "Verdana", Times, serif;
	line-height: 1.25;
	}
	.container {
	border-width:4px;
	border-color:#cccccc;
	border-style:dashed;
	padding:30px;
	background-color: #ffffcc;
	}
	.dashed {
	border-width:2px;
	border-color:#FF0000;
	border-style:dashed;
	padding: 2px;
	background-color: #ffffff;
	
	}
	
	.product {
	vertical-align: top;
	width: 175px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #FF0000;
	line-height: 1.15;
	}
	H1 {
	FONT-SIZE: 27pt; COLOR: #cc0000; TEXT-INDENT: 0px; FONT-FAMILY: Verdana; text-align: center
	}
	
	H1.mainhead {
	FONT-SIZE: 26px;
	COLOR: #000000;
	TEXT-INDENT: 0px;
	FONT-FAMILY: verdana;
	text-align: center;
	font-weight: 900;
	}
	
	H2 {
	FONT-SIZE: 18pt; COLOR: #black; TEXT-INDENT: 0px; FONT-FAMILY: Verdana; text-align: center
	}
	
	H3 {
	FONT-SIZE: 13pt; COLOR: #cc0000; TEXT-INDENT: 0px; FONT-FAMILY: Verdana
	}
	
	H4 {
	FONT-SIZE: 20px; COLOR: black; TEXT-INDENT: 0px; FONT-FAMILY: Verdana
	}
	H5 {
	FONT-SIZE: 14pt; COLOR: black; TEXT-INDENT: 0px; FONT-FAMILY: Verdana
	}
	H6 {
	FONT-SIZE: 14px;
	COLOR: black;
	TEXT-INDENT: 0px;
	FONT-FAMILY: Verdana;
	line-height: 1.15;
	margin-bottom: 8px;
	padding-bottom: 8px;
	margin-top: 10px;
	}
	
	.thebox {
	padding-top: 10px;
	}


	.style1 {font-size: 14px; font-family: "Verdana", Times, serif; line-height: 1.25; color: #000000; }
	.style2 {
	color: #FF0000;
	font-weight: bold;
	}
	.style3 {color: #000000}
	.style5 {color: #000000}
	.style6 {color: #FF0000}
	
	-->
	ol li {
	list-style-image: url(images/check.png);
	line-height: 22px;
	}
	
	/*Credits: Dynamic Drive CSS Library */
	/*URL: http://www.dynamicdrive.com/style/ */
	
	a.boldbuttons{
	background: transparent url('images/roundedge-red-left.gif') no-repeat top left;
	display: block;
	float: left;
	font: bold 13px Arial; /* Change 13px as desired */
	line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	height: 30px; /* Height of button background height */
	padding-left: 8px; /* Width of left menu image */
	text-decoration: none;
	
	}
	
	a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
	color: white; /*button text color*/
	}
	
	a.boldbuttons span{
	background: transparent url('images/roundedge-red-right.gif') no-repeat top right;
	display: block;
	padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
	}
	
	a:hover.boldbuttons{ /* Hover state CSS */
	text-decoration: underline;
	}
	
	
	.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
	}
	
-->

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.squarebutton{
background: transparent url('images/square-green-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('images/square-green-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}


#maitre{
	border:1px solid #333333;
	text-align:left;
	padding:1px;
	position:absolute;
	visibility: hidden;
	width: 368px;
}
#barreTitre{
font: verdana 14px bolder;
cursor: move;
margin-bottom:3px;
}
#contenu {
margin: 0px;
width:100%;
}
#barreTitre a{
text-decoration:none;
font-weight:bolder;
}
#barreTitre a:link{
font-size:12px;
color:#cccccc;
}
#barreTitre a:visited{
font-size:12px;
color:#cccccc;
}
#barreTitre a:hover{ 
font-size:12px; 
color:#ff0000; 
}
#barreTitre a:active{ 
font-size:12px; 
color:#ff0000;
}