@charset "iso-8859-1"; 

/***************************************
* reset.
***************************************/
/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	/*border: 0;*/
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	padding: 0;
	outline: 0;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	background: white;
	color: black;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
td {
	vertical-align:top;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/**/
input[type=hidden] {
	display: none !important;
}



/***************************************
* layout
***************************************/

html {
margin: 0;
padding: 0;
scrollbar-face-color: #ffffff; 
scrollbar-highlight-color:#D1D3D4; /*Contour gauche*/
scrollbar-darkshadow-color: #ffffff; /*Ombre droite*/
scrollbar-3dlight-color: #ffffff; /*Ombre Gauche*/
scrollbar-arrow-color: #5e7a7b; /*fleche*/
scrollbar-track-color: #EBEBEC; /*fond*/
scrollbar-darkshadow-color: #D1D3D4; /*contour droit*/ 
}

BODY {
	background-image:url("images/bg_page.jpg");
	background-repeat:repeat-x;
	background-color: #569245;
	margin: 0;
    padding: 0;
	font-size: 11px;
	color: #5b595a;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


div, form, p {
	margin: 0;
	padding: 0;
}
	
A {
	text-decoration:none;
	color:#333;
}

A:hover {
	text-decoration:none;
	color:#000;
}

#content {	
	position: relative;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

	img.png {
	behavior: url(png.htc);
	border:0;
	}
	
#annexe {
FONT-SIZE:8pt;
color:#333333; 
text-align:left;
margin:0px;
width: 150px;
}

P {
padding-bottom:10pt;
color:#333333; 
text-align:left;
}	

UL, LI, OL {
FONT-SIZE: 8pt;
color:#222222; 
text-align:left;
margin-top:0px;
margin-bottom:0px;
margin-left:8px;
padding-left:2px;
}	

#photo{
	float:left;
	padding-right:10px;
	z-index:999;
}








TD { 
FONT-SIZE: 9pt;
COLOR: #333333;
}

form {
margin:0px;
}

#imgsize {
	width:expression(document.body.clientWidth > 200 ? "200px" : "auto");
	max-width:200px;
	COLOR: #CCCCCC;
}

#imgsizebis {
	width:expression(document.body.clientWidth > 80 ? "80px" : "auto");
	max-width:80px;
	COLOR: #CCCCCC;
}

#imgsizeliste {
	width:expression(document.body.clientWidth > 150 ? "100px" : "auto");
	max-width:150px;
}

#imgsizeprod {
	width:expression(document.body.clientWidth > 200 ? "200px" : "auto");
	max-width:200px;
}

#titre{
	position:absolute;
	top:4px;
	padding-left:190px;
	z-index:97;
	}

H1 {
	FONT-SIZE: 12px; 
	COLOR: #5B595A; 
	margin-top:0px;
	}

H2 {
	FONT-SIZE: 16px;
	}
	
H3 {
	FONT-SIZE: 18px;
	background-image:url("images/colonne-centre-puce-titre.gif");
	background-repeat:no-repeat;
	background-position:center left;
	display:block;
	padding-left:16px;
	margin-top:6px;
	margin-bottom:0px;
	color:#24603D;	
	}
	
H4 {
	FONT-SIZE: 14px;
	COLOR: #BFCE03; 
	margin:0px;
	}

fieldset {
border: 1px solid #BFCE03;
}

legend {
color: #666666;
FONT-SIZE: 12px;
font-weight:normal;
}



/* en tête */

		#top {
		position: absolute;
		width:1000px;	
		height:148px;
		top:0px;
		left:0px;
	    z-index:50;
		background-image:url("images/top.jpg");
		background-repeat:no-repeat;
		background-position:top left;
		}


			#logo {	
				position: absolute;
				top:16px;
				left:25px;
				z-index:970;
			}	

				#logo-texte {	
					position: absolute;
					bottom:10px;
					left:54px;
					z-index:971;
					FONT-SIZE: 6pt;
					COLOR: #333333;
					Letter-spacing:-0.15pt;
				}


				#logo a, #logo a:hover {
					FONT-SIZE: 6pt;
					COLOR: #333333;
					Letter-spacing:-0.15pt;
				}

			#accroche {	
				position: absolute;
				top:82px;
				right:156px;
				z-index:950;
			}	

				#accroche H1{
					FONT-SIZE: 16px; 
					COLOR: #EEB10C;
					margin:0px;
					}


				#accroche a, #accroche a:hover {
					FONT-SIZE: 14px; 
					COLOR: #EEB10C;
					margin:0px;
					text-decoration:none;
				}

			#gestion {	
				position: absolute;
				top:14px;
				right:32px;
				z-index:950;
			}	

				H1.gestion{
					FONT-SIZE: 20px; 
					COLOR: #FFFFFF;
					margin:0px;
					}





	/* menu horizontal */

		#menu {	
			position: absolute;
			width:1000px;	
			top:118px;	
			height:30px;
			background-image:url("images/menu.jpg");
			background-repeat:no-repeat;
			background-position:top left;
			z-index:100;
		}
		
		TD.menu-gauche {
			text-align:left;
			color:#FFFFFF;
			FONT-SIZE: 9px;
			padding-left:31px;
		}

			a.menu-gauche {
				color:#FFFFFF;
				FONT-SIZE: 9px;
			    text-decoration:none;
			}

			a:hover.menu-gauche, a.menu-gauche-on  {
				color:#FFFFFF;
			    text-decoration:underline;
			}
		
		TD.menu-droite {
			color:#FFFFFF;
			text-align:right;
			padding-right:28px;
			FONT-SIZE: 13px;
		}

			a.menu-droite {
				color:#FFFFFF;
			    text-decoration:none;
				FONT-SIZE: 13px;
				padding-left:5px;
				padding-right:5px;
			}

			a:hover.menu-droite, a.menu-droite-on  {
				color:#DADC00;
			    text-decoration:none;
				FONT-SIZE: 13px;
			}
			
			
	/* contact*/
	
		input.comptec, textarea.comptec {
			border: #CCCCCC 1px solid;
			background-color:#FFFFFF;
			font-size:14px;
			width:180px;
		}
	
		input.comptec:hover, textarea.comptec:hover {
			border: #BFCE03 1px solid;
			background-color:#ECF0B3;
			font-size:14px;
			width:180px;
		}
		
		select.comptec {
			border: #CCCCCC 1px solid;
			background-color:#FFFFFF;
			margin-left: 6px;
			font-size:14px;
			width:180px;
			margin-top:2px;
			margin-bottom:2px;
		}
		
		select.comptecbis {
			border: #CCCCCC 1px solid;
			background-color:#FFFFFF;
			margin-left: 6px;
			font-size:14px;
		}
		
		select.comptec:hover {
			border: #BFCE03 1px solid;
			background-color:#ECF0B3;
			font-size:14px;
			width:180px;
			margin-top:2px;
			margin-bottom:2px;
		}
					
					/* Hack IE6 : bords de select */
							#select.comptec { 
									position:relative;
							        _BORDER: #BFCE03 1px solid;
									width:1%;
									background-color:#ECF0B3;
							} 
							
							
			
			
	/* cmde*/
	

		TD.cmdetitre { 
		FONT-SIZE: 9pt;
		COLOR: #333333;
		padding-top:2px;
		padding-bottom:6px;
		text-align:center;
		}
		
		TD.cmde { 
		FONT-SIZE: 8pt;
		COLOR: #666666;
		padding-top:1px;
		padding-bottom:1px;
		text-align:center;
		}
		
		TD.cmdebis { 
		FONT-SIZE: 8pt;
		COLOR: #333333;
		padding:2px;
		/*text-align:left;*/
		}
		
		TD.cmdetiers { 
		FONT-SIZE: 8pt;
		COLOR: #333333;
		padding:2px;
		text-align:left;
		background-color:#FFFFFF;
		}
	
	
		input.cmde, textarea.cmde {
			border: #BFCE03 1px solid;
			background-color:#FFFFFF;
			font-size:12px;
		}
		
		select.cmde {
			border: #BFCE03 1px solid;
			background-color:#FFFFFF;
			font-size:12px;
			margin-top:2px;
		}
	
	
		input.cmdebis, textarea.cmdebis {
			border: #BFCE03 1px solid;
			background-color:#ECF0B3;
			font-size:12px;
		}
		
		select.cmdebis {
			border: #BFCE03 1px solid;
			background-color:#ECF0B3;
			font-size:12px;
			margin-top:2px;
		}
					
					/* Hack IE6 : bords de select */
							#select.cmde { 
									position:relative;
							        _BORDER: #BFCE03 1px solid;
									width:1%;
									background-color:#F4F4F4;
							} 
				
	/* corps */

		
	#corps {
		position: relative;
		background-color:#FFF;
		width:928px;
		padding-top:155px;
		margin-left:25px;
		margin-right:25px;
		padding-left:11px;
		padding-right:11px;
		_height:510px;
		min-height:510px;
		}
		
		.more{			
			position: absolute;
			bottom:0px;
			right:0px;
			}	
		
		a.plus{
			FONT-SIZE: 7pt;
			background-image:url("images/plus.gif");
			background-repeat:no-repeat;
			background-position:top right;
			width:76px;
			height:19px;
			min-height:19px;
			display:block;
			padding-left:24px;
			padding-top:6px;
			margin:0px;
			color:#4F4D4E;
			font-weight:normal;
			}
		
		a.plus:hover{
			color:#EEB10C;
			}
		
		
			#intro-encart-log {
				position: absolute;
				top:155px;
				left:11px;
				background-image:url("images/intro-encart-logiciel.gif");
				background-repeat:no-repeat;
				background-position:top left;
				width:514px;
				height:273px;
				min-height:273px;
				}	
		
			/*TD.intro-encart-logiciel {
				background-image:url("images/intro-encart-logiciel.gif");
				background-repeat:no-repeat;
				background-position:top left;
				width:514px;
				height:273px;
				min-height:273px;
				padding-right:6px;
				}	*/
				
					#intro-encart-logiciel {
						position: absolute;
						left:12px;
						top:13px;
						width:241px;
						height:249px;
						min-height:249px;
						}	
						
							#intro-encart-logiciel-texte {
								position: absolute;
								left:24px;
								top:180px;
								z-index:890;
								}
							
							A.intro-encart-logiciel-texte{
								display:block;
								width:158px;
								background-color:#3E774C;
								border:1px solid #FFF;
								padding:6px;
								FONT-SIZE: 8pt; 
								margin:0px;
								text-align:left;
								COLOR:#FFF;
							}
							
							A:hover.intro-encart-logiciel-texte{
								margin:0px;
								COLOR:#FFF;
								text-decoration:none;
								border:1px solid #DADC00;
								}
						
							#intro-encart-logiciel-plus {
								position: absolute;
								left:24px;
								top:228px;
								z-index:890;
								}
							
							A.intro-encart-logiciel-plus{
								display:block;
								background-color:#EEB10C;
								padding:4px;
								FONT-SIZE: 8pt; 
								margin:0px;
								text-align:left;
								COLOR:#FFF;
							}
							
							A:hover.intro-encart-logiciel-plus{
								margin:0px;
								COLOR:#333333;
								text-decoration:none;
								}
				
					#intro-encart-area {
						position: absolute;
						top:14px;
						left:266px;
						right:11px;
						height:247px;
						min-height:247px;
						}	
				
					#intro-encart-area-content {
						position: absolute;
						top:30px;
						width:236px;
						height:180px;
						min-height:180px;
						overflow:auto;
						FONT-SIZE: 8pt;			
						color:#4F4D4E;		
						padding-right:4px;
						text-align:left;
						}	
				
				
				
			#intro-encart-sol {
				position: absolute;
				top:155px;
				left:532px;
				background-image:url("images/intro-encart-solutions.gif");
				background-repeat:no-repeat;
				background-position:top left;
				width:247px;
				height:273px;
				min-height:273px;
				}		
				
			/*
			TD.intro-encart-solutions {
				background-image:url("images/intro-encart-solutions.gif");
				background-repeat:no-repeat;
				background-position:top left;
				width:247px;
				height:273px;
				min-height:273px;
				padding-right:11px;
				border:1px solid #000000;
				}		*/
				
					#intro-encart-solutions {
						position: absolute;
						left:11px;
						right:11px;
						top:14px;
						height:249px;
						min-height:249px;
						}	
				
					#intro-encart-solutions-content {
						width:222px;
						height:168px;
						min-height:168px;
						FONT-SIZE: 8pt;			
						color:#4F4D4E;			
						}	
		
					H2.intro-encart-titre-haut {
						background-image:url("images/intro-encart-titre-haut.gif");
						background-repeat:no-repeat;
						background-position:top left;
						FONT-SIZE: 10pt;
						height:20px;
						min-height:20px;
						display:block;
						padding-left:28px;
						padding-top:3px;
						margin-top:0px;
						margin-bottom:6px;
						color:#24603D;
						background-color:#FFFFFF;
						}
		
					a.intro-encart-titre-haut , a.intro-encart-titre-haut :hover{
						FONT-SIZE: 10pt;
						color:#24603D;
						background-color:#FFFFFF;
						text-decoration:none;
						}
						
			#intro-encart-contact2 {
				position: absolute;
				top:155px;
				left:789px;
				height:250px;
				background-color:#569245;
				width:138px;
				padding:6px;
				text-align:right;
				z-index:999;
				}	
				
			#intro-encart-contact {
				position: absolute;
				top:155px;
				right:36px;
				background-color:#569245;
				width:138px;
				padding:6px;
				text-align:right;
				z-index:999;
				}	
		
				#intro-encart-contact-titre {	
					FONT-SIZE: 8pt;
					height:17px;
					min-height:17px;
					display:block;
					margin:0px;
					color:#FFFFFF;
					text-align:right;
					padding-right:4px;
					padding-top:4px;
					background-color:#6FA145;
					border:1px solid #FFFFFF;
					}		

						INPUT.contact { 
							FONT-WEIGHT: normal;
							font-size:9pt;			
							background-color:#FFFFFF;
							border:1px solid #569245;
							margin-bottom:2px;
							color:#4A852F;
							padding:0px;
							width:124px;
							height:16px;
							padding-left:3px;
						} 
						
							*INPUT.contact  {
							margin-bottom:1px;
							border:1px solid #569245;
							}

						SELECT.contact {  
							FONT-WEIGHT: normal;
							font-size:9pt;			
							background-color:#FFFFFF;
							border:1px solid #3E6E29;
							width:129px;
							margin-bottom:2px;
							color:#4A852F;
							padding:0px;
							height:19px;
						}
						
							*SELECT.contact  {
							margin-bottom:1px;
							}


							INPUT.SUBMITcontact { 	
									BORDER: 1px solid #FFFFFF;
							        FONT-SIZE: 9pt;
							        COLOR: #FFFFFF;
							        FONT-WEIGHT: bold;
							        background-color: #EEB10C;
									width:30px;
									margin-top:4px;
									margin-right:1px;
									padding:0px;
							} 

							INPUT.SUBMITcontact:hover { 	
									BORDER: 1px solid #EEB10C;
							        COLOR: #EEB10C;
							        background-color: #FFFFFF;
							} 
						
					#droite3 {
						margin-top:10px;
						}
						
						*#droite3 {
						margin-top:8px;
						}
				
			/*
			TD.intro-encart-compte {
				background-color:#569245;
				width:150px;
				height:273px;
				min-height:273px;
				padding:0px;
				}	*/
		
		
	#intro-encart-ombre {
		position: absolute;
		top:438px;
		width:928px;
		background-image:url("images/intro-encart-ombre.gif");
		background-repeat:repeat-x;
		background-position:bottom left;
		height:22px;
		min-height:22px;
		display:block;
		z-index:999;
		clear:both;
		}			
		
	#intro-encart-bas1 {
		position: relative;
		width:288px;
		height:200px;
		min-height:20f0px;
		z-index:999;
		padding-left:11px;
		border-right:1px solid #BFBFBF;
		float:left;
		padding-right:11px;
		}	
		
		H2.intro-encart-titre-bas {
			FONT-SIZE: 10pt;
			background-image:url("images/intro-encart-titre-bas.gif");
			background-repeat:no-repeat;
			background-position:top left;
			height:27px;
			min-height:27px;
			display:block;
			padding-left:28px;
			padding-top:5px;
			margin:0px;
			color:#3E7C3F;
			}
		
		a.intro-encart-titre-bas, a.intro-encart-titre-bas:hover {
			FONT-SIZE: 10pt;
			color:#3E7C3F;
			text-decoration:none;
			}
			
	#intro-encart-bas2 {
		position: relative;
		width:288px;
		height:200px;
		min-height:20f0px;
		z-index:999;
		padding-left:11px;
		border-right:1px solid #BFBFBF;
		float:left;
		padding-right:11px;
		}	
		
	#intro-encart-bas3 {
		position: relative;
		width:288px;
		height:200px;
		min-height:20f0px;
		z-index:999;
		padding-left:11px;
		float:right;
		}	
		
		H3.intro-encart-formation {
			FONT-SIZE: 10pt;
			background-image:url("images/intro-encart-formation.gif");
			background-repeat:no-repeat;
			background-position:top left;
			width:248px;
			height:24px;
			min-height:24px;
			display:block;
			padding-left:38px;
			padding-top:4px;
			margin:0px;
			color:#FFFFFF;
			}
		
		
		
		
		
		
		
	TD.colonne-gauche {
		background-image:url("images/colonne-gauche-top.gif");
		background-repeat:no-repeat;
		background-position:top left;
		width:155px;
		background-color:#F4F5F5;
		vertical-align:top;
		padding:11px;
	}
	
	TD.colonne-centre {
		background-color:#FFFFFF;
		padding-left:11px;
		padding-right:11px;
		height:510px;
		vertical-align:top;
	}
	
	TD.colonne-droite {
		background-image:url("images/colonne-droite-top.gif");
		background-repeat:no-repeat;
		background-position:top left;
		width:155px;
		background-color:#F4F5F5;
		vertical-align:top;
		padding-top:312px;	
		padding-left:11px;	
		padding-right:11px;		
	}
		
		H4.colonne {
			background-image:url("images/intro-encart-titre-haut.gif");
			background-repeat:no-repeat;
			background-position:top left;
			FONT-SIZE: 10pt;
			height:20px;
			min-height:20px;
			display:block;
			padding-left:28px;
			padding-top:3px;
			margin-top:0px;
			margin-bottom:6px;
			color:#FFFFFF;
			background-color:#3E774C;
			border:1px solid #FFFFFF;
			}
		
		H3.colonne-droite-formation {
			FONT-SIZE: 9pt;
			background-image:url("images/colonne-droite-formation.gif");
			background-repeat:no-repeat;
			background-position:top left;
			width:112px;
			height:40px;
			min-height:40px;
			display:block;
			padding-left:38px;
			padding-top:4px;
			margin:0px;
			color:#FFFFFF;
			border-left:2px solid #F4F5F5;
			}
		
		TD.fonctionnalites-titre {
			FONT-SIZE: 9pt;
			height:28px;
			vertical-align:middle;
			padding-left:10px;
			margin-top:6px;
			margin-bottom:0px;
			color:#FFFFFF;
			background-color:#808080;
			}
		
		TD.fonctionnalites-nom {
			height:20px;
			vertical-align:middle;
			padding-left:20px;
			margin-top:6px;
			margin-bottom:0px;
			color:#4F4D4E;
			background-color:#F1F1F1;
			border-top:1px #FFFFFF solid;
			}
			
				a.fonctionnalites-nom{
					FONT-SIZE: 8pt;
					color:#4F4D4E;
				}
					
				a.fonctionnalites-nom :hover{
					color:#569245;
				}
		
		TD.fonctionnalites-check {
			FONT-SIZE: 9pt;
			height:28px;
			vertical-align:middle;
			text-align:center;
			margin-top:6px;
			margin-bottom:0px;
			color:#4F4D4E;
			background-color:#F1F1F1;
			border-top:1px #FFFFFF solid;
			}
			
		TD.fonctionnalites-nom-ok {
			height:20px;
			vertical-align:middle;
			padding-left:20px;
			margin-top:6px;
			margin-bottom:0px;
			color:#4F4D4E;
			background-color:#D0EAAD;
			border-top:1px #FFFFFF solid;
			}
			
				a.fonctionnalites-nom-ok{
					FONT-SIZE: 8pt;
					color:#4F4D4E;
				}
					
				a.fonctionnalites-nom-ok :hover{
					color:#569245;
				}
		
		TD.fonctionnalites-check-ok {
			FONT-SIZE: 9pt;
			height:28px;
			vertical-align:middle;
			text-align:center;
			margin-top:6px;
			margin-bottom:0px;
			color:#4F4D4E;
			background-color:#D0EAAD;
			border-top:1px #FFFFFF solid;
			}
			
		a.sous-menu {
			FONT-SIZE:10pt;
			color:#5B595A;
		}
			
		a.sous-menu:hover{
			color:#569245;
		}
			
		a.sous-menuactu {
			FONT-SIZE: 8pt;
			color:#5B595A;
		}
			
		a.sous-menuactu :hover{
			color:#569245;
		}
			
		select.sous-menuactu {
			FONT-SIZE: 8pt;
			color:#5B595A;
			padding-left:4px;
			width:150px;
		}
		
		#arbo {
			FONT-SIZE: 8pt; 
			margin:0px;
			text-align:left;
			COLOR:#4F4D4E;
			font-weight:normal;
			border-bottom:1px solid #C3C3C3;
			display:block;
			padding-top:10px;
			padding-bottom:10px;
		}
		
		A.arbo{
			FONT-SIZE: 8pt; 
			margin:0px;
			padding-bottom:10px;
			text-align:left;
			COLOR:#4F4D4E;
			font-weight:normal;
		}

		A:hover.arbo{
			FONT-SIZE: 8pt; 
			margin:0px;
			padding-bottom:10px;
			text-align:left;
			COLOR:#4F4D4E;
			text-decoration:underline;
			font-weight:normal;
			}
		
		A.copilot{
			display:block;
			width:158px;
			background-color:#F1F1F1;
			border:1px solid #C3C3C3;
			padding:6px;
			FONT-SIZE: 8pt; 
			margin:0px;
			text-align:left;
			COLOR:#569245;
		}

		A:hover.copilot{
			margin:0px;
			COLOR:#4F4D4E;
			text-decoration:none;
			border:1px solid #EEB10C;
			}
		
		
		
		
		
		
		
	
	.contenu {
		text-align: justify;
		max-width:600px;
	}
	
	.contenubis {
		margin-top: 20px;
		margin-left: 20px;
		margin-right: 20px;
		text-align: justify;
		max-width:760px;
	}
	
	.cadretirets {
		border: #BFBFBF 1px solid;
		padding:11px;
		font-weight:9pt;
		color:#333;
		text-align:justify;
	}
	.cadretitre {
		color:#666;
		font-weight:700;
		font-size:8pt;
		padding-left:3pt;
	}
	a.lirelasuite {
		display:block;
		font-weight:700;
		text-align:right;
		margin:0px;
	}

	
	.resume {
	FONT-SIZE: 10pt;
	color:#111111; 
	text-align: justify;
	padding-top:6px;
	margin-bottom:11px;
	border-top:3px solid #F4F5F5;
	}	

	.conclusion {
	FONT-SIZE: 10pt;
	color:#333333; 
	text-align:left;
	background:#ECF0B3;
	padding:6px;
	border:1px dashed #BFCE03;
	margin-top:20px;
	margin-bottom:10px;
	}	
		
		
		/* COLONNE DE CONTENU */

				TD.contenu { 
				FONT-SIZE: 10pt; 
				COLOR:#333333;
				vertical-align:top;
				padding-top:12px;
				padding-right:16px;
				padding-left:24px;
				padding-bottom:0px;
				}			

					
				TD.intro {
					background-image:url("images/intro.jpg");
					background-repeat:no-repeat;
					background-position: top center;
					height:341px;
					}
					
				#intro {
					width:547px;
					height:341px;
					border: 1px solid #DFCEF2;
					}

				A.intro{
					font-size:8pt;
					display:block;
					COLOR:#5C7D42;
					cursor:pointer;
					text-align:center;
					width:132px;
					height:132px;
				}

				A.intro:hover{
					COLOR:#FFFFFF;
					}

				#contenu_content { 
					padding-bottom:26px;
					}
		

					/* LISTE PRODUITS */
							
							H2.liste { 
							FONT-SIZE: 12pt; 
							margin:0px;
							padding-bottom:10px;
							text-align:left;
							COLOR:#6B34CA;
							}


							A.liste-nom{
								border: 1px solid #DFCEF2;
								padding:2px;
								font-size:10pt;
								display:block;
								width:170px;
								float:left;
								margin:3px;
								COLOR:#6B34CA;
								cursor:pointer;
								height:160px;
								_height:170px;	
								text-align:center;
							}

							A.liste-nom:hover{
								border: 1px solid #AA82E5;
								}
								
							#liste-prix{ 
								background-position: center;
								font-size:10pt;
								COLOR:#723ABF;
								text-align:center;
								padding-top:3px;
								padding-bottom:4px;
								margin-bottom:0px;
							}

							#liste-prixbis{
								COLOR:#9D2611;
								font-size:8pt;
							}

					/* FICHE PRODUITS */

							H4.prod { 
							FONT-SIZE: 10pt; 
							COLOR:#AA82E5;
							margin:0px;
							text-align:left;
							font-weight:normal;
							}

							A.H4prodo{
								FONT-SIZE: 8pt; 
								margin:0px;
								padding-bottom:10px;
								text-align:left;
								COLOR:#AA82E5;
								font-weight:normal;
							}

							A.H4prod:hover{
								FONT-SIZE: 8pt; 
								margin:0px;
								padding-bottom:10px;
								text-align:left;
								COLOR:#6B34CA;
								text-decoration:underline;
							font-weight:normal;
								}

							H2.prod { 
							FONT-SIZE: 12pt; 
							margin:0px;
							padding-bottom:6px;
							text-align:left;
							COLOR:#6B34CA;
							}

							#prod-visu { 
							COLOR : #B2C31F;
							FONT-SIZE: 10pt;
							display:block;
							padding:2px;
							text-align:left;
							width:200px;
							}

							#prod-note{
								COLOR:#999999;
								font-size:8pt;
								text-align:left;
							}

							TD.tarif { 
								font-size:8pt;
								background-color: #FEF7D6;
							}

							TD.tarifbis { 
								COLOR:#333333;
								font-size:8pt;
								text-align:center;
								background-color: #FCF1C0;
							}

							TD.titre { 
								COLOR:#7E48AD;
								font-size:8pt;
								text-align:center;
								background-color: #F9F9F9;
							}

							TD.prod { 
							FONT-SIZE: 8pt;
							COLOR: #333333; 
							border-top:1px solid #F9F9F9;
							border-bottom:1px solid #F9F9F9;
							}
							
							TD.prod-on { 
							FONT-SIZE: 8pt;
							COLOR: #111; 
							border-top:1px solid #F9F9F9;
							border-bottom:1px solid #F9F9F9;
							background-color: #F6E7A5;
							}

							TD.prix{	
								BORDER: #6B34CA 1px solid;
								FONT-SIZE: 10pt;
								COLOR: #6B34CA;
								FONT-WEIGHT: bold;
								background-color: #F6E7A5;
								text-align:right;
							}

							SELECT.prod { 	
						        BORDER: #713BBF 1px solid;
						        FONT-SIZE: 10pt;
						        COLOR: #FFFFFF;
						        FONT-WEIGHT: bold;
						        background-color: #713BBF;
							} 

							INPUT.SUBMITprod { 	
							        BORDER: #F6E7A5 1px solid;
							        FONT-SIZE: 9pt;
							        COLOR: #6B34CA;
									FONT-WEIGHT: bold;
							        background-color: #E6B800;	
							} 

							INPUT.SUBMITprod:hover { 			
							        BORDER: #6B34CA 1px solid;
							        FONT-SIZE: 9pt;
							        COLOR: #6B34CA;
									FONT-WEIGHT: bold;
							        background-color: #F6E7A5;
							} 
		
							input.SUBMITcmde {
								font-size:11pt;
								color:#222;
								margin: 0px;
								text-align:center;
								background-color:#BFCE03;
								border:1px solid #ECF0B3;
								FONT-WEIGHT: bold;
							}
					
							input.SUBMITcmde:hover {
								background-color:#ECF0B3;
								border:1px solid #BFCE03;
							}


							INPUT.SUBMITliste { 					
									BORDER: #CD6D03 1px solid;
							        FONT-SIZE: 9pt;
							        COLOR: #FFFFFF;
									FONT-WEIGHT: normal;
							        background-color: #CD6D03;
									width:240px;
									_width:240px;
							} 

							INPUT.SUBMITliste:hover { 	
							        BORDER: #E78400 1px solid;
							        FONT-SIZE: 9pt;
							        COLOR: #FFFFFF;
									FONT-WEIGHT: normal;
							        background-color: #E78400;
							} 

							TD.gris {
							        padding-top: 3px;
							        BORDER-bottom: #F6E9AB 1px dashed;
							}


							H1.prod-titre-info { 
							FONT-SIZE: 11pt; 
							COLOR:#B2C31F;
							margin-bottom:4px;
							}

							H2.prod-titre-info { 
							FONT-SIZE: 9pt; 
							COLOR:#000000;
							margin-bottom:4px;
							}

							p.prod-titre-info { 
							FONT-SIZE: 8pt; 
							COLOR:#333333;
							margin:0px;
							}

							#prod-titre-info { 
							FONT-SIZE: 8pt; 
							COLOR:#666666;
							margin:0px;
							display:block;
							text-align:right;
							}

							A.prod-titre-info {
							FONT-SIZE: 8pt; 
							COLOR : #B2C31F;
							text-decoration:underline;
							}

							A.prod-titre-info :hover {
							FONT-SIZE: 8pt; 
							COLOR : #B2C31F;
							}
			

					/* ACTU / INFOS */
					
								a.accueil-actu-lien  {
									FONT-SIZE: 8pt; 
									color:#333333;
									font-weight:normal;
									text-decoration:none;
									text-align:left;
									line-height:12px;
								}

								a.accueil-actu-lien :hover {
									color:#000000;
									text-decoration:none;
								}	

								a.actu-lien  {
									FONT-SIZE: 10pt; 
									color:#333333;
									text-decoration:none;
								}

								a.actu-lien :hover {
									FONT-SIZE: 10pt; 
									color:#000000;
									text-decoration:underline;
								}								

								.actu-date {
									FONT-SIZE: 8pt; 
									color:#999999;
								}						

								.actu-archives {
									color:#666666;
									margin-top:30px;
									padding-top:10px;
									border-top:1px dashed #BFCE00;
									text-align: justify;
									width:450px;
									}
								
								
/* COMPTE */

	#compte {	
	text-align:center;
	FONT-WEIGHT: normal;
	width:150px;
	height:234px;
	background-color: #4A852F;
    font-size:8pt;
	color:#FFF;
	line-height:20px;
	clear:right;
	}	
	
		div#accestitre {
			background-color:#000;
			font-weight:700;
			font-size:9pt;
			color:#FFF;
			margin-bottom:6px;
		}
		
		input.acces {
			font-size:9pt;			
			BORDER: 0px;
			background-color:#F4F4F4;
		}
		
		input.accesok {
			background-color:#ECF0B3;
			border:1px solid #BFCE03;
			margin: 4px 0px 0px 0px;
			padding: 1px 4px 1px 4px;
			font-size:9px;	
		}
		
		input.accesok:hover {
			background-color:#BFCE03;
			border: #FFF 1px solid;
			margin: 4px 0px 0px 0px;
			padding: 1px 4px 1px 4px;
			font-size:9px;	
		}
	
		a.accesok {
			font-weight:700;
			padding-left:1pt;
		}
	
				TD.compte{
				FONT-SIZE: 8pt;
				COLOR: #666666;
				text-align:right;
				padding-right:10px;
				}
				
				INPUT.compte { 
						BORDER: 0px;
						FONT-SIZE: 8pt;
						COLOR: #333333;
						FONT-WEIGHT: normal;
						background-color: #F4F4F4;
				        MARGIN-bottom: 3px;
				} 

				SELECT.compte { 
						BORDER: #B3CD45 1px solid;
						FONT-SIZE: 8pt;
						COLOR: #333333;
						FONT-WEIGHT: normal;
				} 
		
				input.SUBMITcompte {
					font-size:9pt;
					color:#222;
					margin: 0px;
					text-align:center;
					background-color:#BFCE03;
					border:1px solid #ECF0B3;
					FONT-WEIGHT: bold;
				}
		
				input.SUBMITcompte:hover {
					background-color:#ECF0B3;
					border:1px solid #BFCE03;
				}
		
				input.SUBMITcompteoff {
					font-size:9pt;
					color:#222;
					margin: 0px;
					text-align:center;
					background-color:#EFEFEF;
					border:1px solid #CCCCCC;
					FONT-WEIGHT: bold;
					color:#C00;
				}
		
				input.SUBMITcompteoff:hover {
					background-color:#FFFFFF;
					border:1px solid #C00;
					color:#C00;
				}

				a.compte {
						FONT-SIZE: 8pt; 
						color:#7D850B;
				}

				a.compte:hover {
						FONT-SIZE: 8pt; 
						color:#7D850B;
						text-decoration:underline;
				}

/* PANIER */

	#panier {
	position:absolute;
	FONT-SIZE: 8pt; 
	COLOR: #777777; 
	z-index:99;
	top:60px;
	left:500px;
	width:376px;
	height:14px;
	text-align:left;
	}

				DIV.paniersimple{
					FONT-SIZE: 8pt; 
					font-weight: normal;	
					color:#723ABF;
					text-align:right;
				}

				a.panier {
						FONT-SIZE: 8pt; 
						color:#B3CD45;
				}

				a.panier:hover {
						FONT-SIZE: 8pt; 
						color:#5B7C41;
				}

				a.panierbis {
						FONT-SIZE: 8pt; 
						color:#723ABF;
				}

				a.panierbis:hover {
						FONT-SIZE: 8pt; 
						color:#723ABF;
						text-decoration:underline;
				}

				/* PANIER DETAILLE */

				H5 { 
						FONT-SIZE: 12pt; 
						margin:0px;
						padding-bottom:10px;
						text-align:left;
						COLOR:#AA82E5;
				}
				
				a.panier-detail {
					FONT-SIZE: 8pt;
					COLOR: #7E48AD;
				}
				
				a.panier-detail:hover {
					COLOR: #AA82E5;
				}

				INPUT.remise { 		
				        BORDER: #E78400 1px solid;
				        FONT-SIZE: 10pt;
				        COLOR: #CD6D03;
				        FONT-WEIGHT: normal;
				        background-color: #FFFFFF;
				} 

				INPUT.SUBMITremise { 			
				        BORDER: #CD6D03 1px solid;
				        FONT-SIZE: 9pt;
				        COLOR: #FFFFFF;
						FONT-WEIGHT: normal;
				        background-color: #CD6D03;
						width:80px;
						_width:80px;
				} 
				
				INPUT.SUBMITremise:hover { 	
				        BORDER: #E78400 1px solid;
				        FONT-SIZE: 9pt;
				        COLOR: #FFFFFF;
						FONT-WEIGHT: normal;
				        background-color: #E78400;
				} 

				INPUT.panier { 
						BORDER: #B3CD45 1px solid;
						FONT-SIZE: 10pt;
						COLOR: #333333;
						FONT-WEIGHT: normal;
						background-color: #FFFFFF;
				} 

							INPUT.SUBMITpanier { 	
									BORDER: 1px solid #B3CD45;
							        FONT-SIZE: 9pt;
							        COLOR: #FFFFFF;
							        FONT-WEIGHT: bold;
							        background-color: #5B7C41;
									width:140px;
									_width:140px;
							} 

							INPUT.SUBMITpanier:hover { 	
									BORDER: 1px solid #5B7C41;
							        FONT-SIZE: 9pt;
							        COLOR: #5B7C41;
							        FONT-WEIGHT: bold;
							        background-color: #AFD13A;
							} 
				
				a.compte-panier{
					FONT-SIZE: 8pt;
					COLOR: #5B7C41;
				}
				
				a.compte-panier:hover {
					COLOR: #5B7C41;
					text-decoration:underline;
				}

								
		/* LISTE ARCHIVES ACTU*/


			.siteSwitcher {
				float:right;
			}


			/* Dropdown styles */

			.dropdownHeader {
				position:absolute;
				top:286px;
				cursor:pointer;
				right:10px;
				color:#FFFFFF;
			}

			.btn {
				float:left;
				position:relative;
				font-weight:bold;
				outline:none;
				background:#9400A5;
				padding-left:5px;
				padding-right:5px;
				FONT-SIZE: 9pt;
				display: block;
				COLOR: #FFFFFF;
				border:2px solid #7E48AD;
				BACKGROUND-COLOR : #7E48AD;
			}

			.btn .text {
				display:block;
			}
			
			.dropdn .text {
				white-space:nowrap;
			}
			
			.dropdn:hover {
				COLOR: #FFFFFF;
				border:2px solid #AA82E5;
				background-color: #7E48AD;
			}

			.dropdownContent {
				FONT-SIZE: 9pt; 
				position:absolute;
				z-index:999;
				right:10px;
				background-color: #F9F9F9;
				border:1px dashed #AA82E5;
			}

			.dropdownContent a {
				display:block;
				FONT-SIZE: 12pt; 
				padding-right:12px;
				padding-left:12px;
				padding-top:3px;
				padding-bottom:3px;
				text-align:right;
				COLOR: #AA82E5;
				white-space:nowrap;
				line-height:16px;
			}

			.dropdownContent a:hover {
				FONT-SIZE: 12pt; 
				COLOR: #7E48AD;
			}

					
	/* pied de page */

	#bottom {
		background-image:url("images/bottom.jpg");
		background-repeat:repeat-x;
		text-align:right;
		COLOR: #CBC6C6;
		width:1000px;
		margin-left:auto;
		margin-right:auto;
		FONT-SIZE: 8pt; 
		height:60px;
		padding-top:10px;
		}

		A.bottom-content-droite {
			FONT-SIZE: 8pt; 
			COLOR: #CBC6C6;
		}

		A.bottom-content-droite:hover {
			FONT-SIZE: 8pt; 
			COLOR: #CBC6C6;
			text-decoration:underline;
		}

	/* cnil */
	
		TD.cnil { 
			FONT-SIZE: 8pt; 
			COLOR: #888888;
		}

			A.cnil {
				FONT-SIZE: 8pt; 
				COLOR: #888888;
			}

			A.cnil:hover {
				FONT-SIZE: 8pt; 
				COLOR: #888888;
			}
			

/* EDITO */
								
				div.encmaintiers {
				padding:6px;
				color:white;
				background-color:#333333;
				border-left: 1px dashed #BFCE03;	
				border-top: 1px dashed #BFCE03;	
				border-bottom: 1px dashed #BFCE03;	
				border-right: 1px dashed #BFCE03;	
				background-color:#F9F9F9;
				z-index:999;
				width:746px;
				}

				a.enctitre{
				FONT-SIZE: 8pt;
				font-weight:bold;
				color:#333333;
				text-align:left;
				text-decoration:none;
				background-color:#BFCE03;
				}

				a.enctitre:hover{
				FONT-SIZE: 8pt;
				font-weight:bold;
				color:#000000;
				text-align:left;
				text-decoration:none;
				background-color:#F9F9F9;
				border-top: 1px dashed #BFCE03;	
				border-bottom: 1px dashed #BFCE03;	
				}

				div.enccorps{
				text-align:left;
				FONT-SIZE: 8pt;
				font-weight:normal;
				color:#999999;
				}
				
				a.minimenu {
					text-align:left;
					FONT-SIZE: 9pt;
					color:#333333;
					text-decoration:none;
				}

				a:hover.minimenu {
					color:#000000;
					text-decoration:underline;
				}
						
		
		
/* menu des categorie */		
.annexe_content-menu0, .menuacc  {
		FONT-SIZE: 10pt;
		display: block;
		COLOR: #7E48AD;
		margin-bottom:4px;
		cursor:pointer;
		margin-top:8pt;
}

a.annexe_content-menu0:hover, a.annexe_content-menu0-on {			
		FONT-SIZE: 10pt;
		display: block;
		COLOR: #7E48AD;
		margin-bottom:4px;
		margin-top:8pt;
		BACKGROUND-COLOR : #E6B900;
}		

a.annexe_content-menu1 {
	FONT-SIZE: 9pt;
	display: block;
	COLOR: #EF8400;
	padding-left:40px;
	padding-right:4px;
	padding-bottom:2px;
}
				
					
.stretcher {
	text-align:left;
	font-weight: bold;
	font-size:9pt;
}

.stretcher a {
	font-size:8pt;
	COLOR: #7E48AD;
	padding-right:4px;
	padding-bottom:2px;
	display: block;
}

.stretcher a:hover {
	BACKGROUND-COLOR : #E6B900;
}

a.annexe_content-menu1:hover, a.annexe_content-menu1-on {	
	FONT-SIZE: 9pt;
	display: block;
	COLOR: #FFF;
	BACKGROUND-COLOR : #EF8400;
	padding-left:40px;
	padding-right:4px;
	padding-bottom:2px;
}

.menuniv1 {
	padding-left:5px;
}

.menuniv2 {
	padding-left:20px;
}

.menuniv1-on {
	padding-left:5px;
	BACKGROUND-COLOR : #E6B900;
}

a.menuniv2-on{
	padding-left:20px;
	BACKGROUND-COLOR : #E6B900;
}



/* SLIDESHOW */
#mySlideshow
{
	width: 284px;
	height: 80px;
	z-index:960;
	border:1px solid #D4CECE;
}

.jdSlideshow
{
	display: none;
	overflow:hidden;
	position: relative;
}

.jdSlideshow img
{
	border: 0;
	margin: 0;
}

.jdSlideshow .slideElement
{
	width: 100%;
	height: 100%;
	background-color: #fff;
	background-repeat: no-repeat;
}

.jdSlideshow .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
}

.jdSlideshow .slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 40px;
	background: #333;
	color: #fff;
	text-indent: 0;
}

.jdSlideshow .slideInfoZone h2
{
	padding: 0;
	font-size: 80%;
	margin: 0;
	margin: 2px 5px;
	font-weight: bold;
	color: inherit;
}

.jdSlideshow .slideInfoZone p
{
	padding: 0;
	font-size: 60%;
	margin: 2px 5px;
	color: #eee;
}

.jdSlideshow a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}

.jdSlideshow a.right, .jdSlideshow a.left
{
	position: absolute;
	height: 100%;
	width: 40%;
	cursor: pointer;
	z-index:10;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

* html .jdSlideshow a.right, * html .jdSlideshow a.left
{
	filter:alpha(opacity=50);
}

.jdSlideshow a.right:hover, .jdSlideshow a.left:hover
{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.jdSlideshow a.left
{
	left: 0;
	top: 0;
	background: url('img/fleche1.png') no-repeat top left;
}

* html .jdSlideshow a.left { background: url('img/fleche1.gif') no-repeat top left; }

.jdSlideshow a.right
{
	right: 0;
	top: 0;
	background: url('img/fleche2.png') no-repeat top right;
}

* html .jdSlideshow a.right { background: url('img/fleche2.gif') no-repeat top right; }