@charset "iso-8859-1"; 



BODY {
background-image:url("images/fond.jpg");
background-position:top center;
background-repeat:no-repeat;
background-attachment:fixed;
FONT-FAMILY: Arial, Verdana, sans-serif; 
FONT-SIZE: 10pt; 
COLOR: #222222; 
margin: 0;
padding: 0;
background-color: #FFFFFF;
}

A {
	text-decoration:none;
	color:#333;
}

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

#content {	
position: relative;
width:800px;	
top:6px;
margin: 0 auto;
}

	img.png {
	behavior: url(png.htc);
	border:0;
	}

P {
padding-bottom:10pt;
FONT-SIZE: 10pt;
color:#111111; 
text-align:justify;
}	

UL, LI, OL {
FONT-SIZE: 9pt;
color:#222222; 
text-align:left;
}	


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: 16px; 
	COLOR: #BFCE03; 
	}

H1:first-letter {
	FONT-SIZE: 22px; 
}

H2 {
	FONT-SIZE: 16px;
	}
	
H3 {
	FONT-SIZE: 12px;
	color:#666;
	margin-top:6px;
	margin-bottom:16px;
	}
	
H4 {
	FONT-SIZE: 14px;
	COLOR: #BFCE03; 
	margin:0px;
	}

#diap {
	display:block;
	clear:both;
	margin-bottom:330px;
	}

	#diap img {
	float:left; 
	padding-right:10px; 
	padding-bottom:10px;
	}

	#diap img.diapo {
	width:430px;
	}
	
	#diap H6 {
	FONT-SIZE: 16px;
	COLOR: #333; 
	padding-top:4px;
	margin:0px;
	text-align:left;
	}

fieldset {
border: 1px solid #BFCE03;
}

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

#masque-contact {	
position: absolute;
display:block;
width:220px;	
height:520px;	
height:520px;	
top:210px;
top:_210px;
left:580px;
_left:580px;
z-index:99;
background-color:#FFFFFF;
}


#topvideo {	
position: absolute;
display:block;
width:800px;	
top:180px;
z-index:90;
background-color:#FFFFFF;
left:0px;
}


#video {	
position: relative;
display:block;
width:800px;	
height:700px;	
z-index:90;
background-color:#FFFFFF;
}


/* en tête */

		#top {
		position: absolute;
		width:800px;	
		top:6px;
	    z-index:50;
		}

		table.top {
		background : #fff;
		opacity : .75;
		filter : alpha(opacity=75);
		/* pour IE 6 */
			height : 1px;
		}

		/* pour les autres navigateurs */
		* > table.top {
			height: auto;
		}
		/* pour IE 7 */
		*+html table.top {
			min-height : 1px;
		}

		TD.top0 { 
		padding-top:18px;
		padding-left:20px;
		vertical-align:middle;
		}

		TD.top1 { 
		FONT-SIZE: 11pt;
		COLOR: #666666;
		padding-left:20px;
		padding-top:72px;
		line-height:20px;
		vertical-align:top;
		text-align:left;
		}

			a.mail  {
				color:#BFCE00;
				FONT-SIZE: 11pt;
			}

			a.mail :hover {
				color:#BFCE00;
				FONT-SIZE: 11pt;
				text-decoration:underline;
			}

			a.verscontact  {
				color:#C00;
				FONT-SIZE: 11pt;
				font-weight:normal;
			}

			a.verscontact:hover {
				color:#C00;
				FONT-SIZE: 11pt;
				text-decoration:none;
				font-weight:bold;
			}
			

		TD.top2 { 
		FONT-SIZE: 11pt;
		COLOR: #666666;
		padding-right:20px;
		padding-top:20px;
		line-height:20px;
		vertical-align:top;
		text-align:right;
		}

		TD.top2bis { 
		padding-right:20px;
		padding-bottom:0px;
		vertical-align:bottom;
		text-align:right;
		}

			a.accueil  {
				color:#333333;
				FONT-SIZE: 7pt;
			}

			a.accueil :hover {
				color:#333333;
				FONT-SIZE: 7pt;
				text-decoration:underline;
			}
			

	/* menu horizontal */

		#menu {	
			background-image:url(images/fond-menu-vert.jpg);
			padding:7px 0px 7px 40px;
			FONT-SIZE: 9pt;
			color:#333;
			font-weight:700;
		}

			a.menu  {
				color:#111111;
				padding-left:2px;
				padding-right:2px;
			}

			a:hover.menu, a.menu-on  {
				color:#FFFFFF;
			    background-color:#111111;
				padding-left:2px;
				padding-right:2px;
			}


	/* colonne de droite */
		
		#gauche {
			margin-right:250px;
		}
		
		#droite {
			position:absolute;
			top:210px;
			right:0px;
			width:220px;
			margin-left:20px;		
		}
		
		#droite1 {
			border-left: #DDE67B 1px dotted;
			border-bottom: #DDE67B 1px dotted;
			font-size:14pt;	
			padding: 5px;
		}
		
		div.petit {
			color:#666;
			font-size:8pt;
		}
		
		a.ensavoirplus {
			font-size:9pt;
			color:#222;
			font-weight:700;
			margin: 3px 6px 0px 120px;
			text-align:center;
			background-color:#BFCE03;
			border:1px solid #FFFFFF;
			display:block;
		}
		
		a:hover.ensavoirplus {
			background-color:#ECF0B3;
			border:1px solid #BFCE03;
		}
		
		
		a.commandeligne {
			font-size:9pt;
			color:#FFFFFF;
			font-weight:700;
			margin: 3px 6px 0px 40px;
			text-align:center;
			background-color:#C00;
			border:1px solid #FFFFFF;
			display:block;
		}
		
		a:hover.commandeligne {
			background-color:#C00;
			border:1px solid #C00;
		}
		
		div.droitetitre {
			background-image:url(images/fond-menu-gris.jpg);
			padding:6px 2px 6px 7px;
			margin: 8px 0px 8px 0px;
			FONT-SIZE: 9pt;
			color:#333;
			font-weight:700;			
		}
		
		a.droite {
			margin: 0px	15px 0px 27px;
			padding: 0px 2px 0px 5px;
			display:block;
			font-size:9pt;
		}
		
		a:hover.droite, a.droite-on {
			color:#333;
			margin:0px;
			padding: 0px 2px 0px 5px;
			background-color:#ECF0B3;
			border-left: #BFCE03 27px solid;
			border-right: #BFCE03 15px solid;
			display:block;
			font-size:9pt;
		}
	
		div#droite2 {
			border-top: #C00 1px solid;
			font-size:11pt;	
			font-weight:700;
			color:#BFCE03;
			padding: 7px;
			margin: 12px 0px 0px 0px;
		}
		
		div#droite3 {
			text-align:right;
			font-size:11px;	
			color:#111;
			padding: 1px 12px 4px 0px;
			line-height:19px;
		}
		
		input.droite, textarea.droite {
			border: #BFCE03 1px solid;
			background-color:#F4F4F4;
			margin-left: 3px;
			font-size:11px;
			width:145px;
		}
		
		select.droite {
			border: #BFCE03 1px solid;
			background-color:#F4F4F4;
			margin-left: 6px;
			font-size:11px;
			width:147px;
			margin-top:2px;
			margin-bottom:2px;
		}
					
					/* Hack IE6 : bords de select */
							/*#select { 
									position:relative;
							        _BORDER: #BFCE03 1px solid;
									width:1%;
									background-color:#F4F4F4;
									z-index:90;
							} */
		
		input.droitesubmit {
			background-color:#BFCE03;
			border: #FFF 0px solid;
			margin: 5px 1px 1px 1px;
			padding: 1px 4px 1px 4px;
			font-size:10px;	
		}
		
		input.droitesubmit:hover {
			background-color:#ECF0B3;
			border:1px solid #BFCE03;
			margin: 4px 0px 0px 0px;
		}
			
			
	/* 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 {
	    margin-top:10pt;
		background-color:#FFF;
		width:800px;
		min-height:712px;
		background-position:top left;
		background-repeat:no-repeat;
		}

	
	#contenu {
		padding-left: 20px;
		text-align: justify;
		max-width:600px;
	}
	
	.contenubis {
		margin-top: 20px;
		margin-left: 20px;
		margin-right: 20px;
		text-align: justify;
		max-width:760px;
	}
	
	.cadretirets {
		border: #999999 1px dashed;
		padding:8px;
		margin-right:15px;
		height:103px;
		font-weight:400;
		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:#333333; 
	text-align: justify;
	padding:6px;
	margin-top:0px;
	margin-bottom:20px;
	border-top:1px dashed #BFCE03;
	border-bottom:1px dashed #BFCE03;
	background:#FAFAFA;
	}	

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

	#commande {
	position:relative;
	FONT-SIZE: 10pt;
	color:#333333; 
	text-align:left;
	background:#ECF0B3;
	padding:6px;
	border:1px dashed #BFCE03;
	margin-top:20px;
	margin-bottom:10px;
	}	

	
	#commandebis {
	FONT-SIZE: 10pt;
	color:#333333; 
	text-align: justify;
	padding:6px;
	margin:0px;
	border-top:1px dashed #BFCE03;
	border-bottom:1px dashed #BFCE03;
	background:#FAFAFA;
	vertical-align:top;
	_height:100px;
	}
		
		
		/* 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.H4prod, A.arbo{
								FONT-SIZE: 8pt; 
								margin:0px;
								padding-bottom:10px;
								text-align:left;
								COLOR:#AA82E5;
								font-weight:normal;
							}

							A.H4prod:hover, A:hover.arbo{
								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;
									text-decoration:none;
								}

								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 {
	position:absolute;
	z-index:999;
	top:5px;
	left:500px;
	text-align:center;
	FONT-WEIGHT: normal;
	width:240px;
	height:93px;
	background-color: #BFCE00;
    font-size:8pt;
	color:#666;
	line-height:20px;
	}	
	
		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;
			}

			/* CONTACT */

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

			SELECT.contact { 
				BORDER: #B3CD45 1px solid;
				FONT-SIZE: 10pt;
				COLOR: #333333;
				FONT-WEIGHT: normal;
			}

			TEXTAREA.contact { 
				BORDER: #B3CD45 1px solid;
				FONT-SIZE: 10pt;
				COLOR: #333333;
				FONT-WEIGHT: bold;
			}

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

							INPUT.SUBMITcontact:hover { 	
									BORDER: 1px solid #5B7C41;
							        FONT-SIZE: 9pt;
							        COLOR: #5B7C41;
							        FONT-WEIGHT: bold;
							        background-color: #AFD13A;
							} 

					
	/* pied de page */

	#bottom {
		text-align:right;
		COLOR: #888888;
		padding:10px;
		width:800px;
		margin-left:auto;
		margin-right:auto;
		FONT-SIZE: 8pt; 
		}



		TD.bas { 
			FONT-SIZE: 8pt; 
			COLOR: #888888;
			vertical-align:top;
			text-align:center;	
			padding-top:0px;
		}	

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

		A.bottom-content-droite:hover {
			FONT-SIZE: 8pt; 
			COLOR: #888888;
			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: 120px;
	height: 80px;
	z-index:5;
}

.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;
	background-image: url('img/loading-bar-black.gif');
}

.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; }