@charset "iso-8859-1"; 

BODY {
background-image:url("images/fond.jpg");
background-repeat: repeat-y;
background-position: center;
background-color: #CBACC5;
FONT-FAMILY: Arial, Verdana, sans-serif; 
FONT-SIZE: 9pt; 
COLOR: #222222; 
TEXT-ALIGN: center;
margin: 0;
padding: 0;
}

A {
COLOR : #699718;
}

#content {	
position: relative;
width:753px;	
margin: 0 auto;
padding-bottom:20px;
}

	#logo {
	position:absolute;
	left:0px;
	top:0px;
	z-index:90;
	}
	
	#titre{
	position:absolute;
	top:4px;
	left:4px;
	z-index:97;
	}
	
		H1 {
		FONT-SIZE: 8pt; 
		COLOR: #333333; 
		margin:0px;
		}



		TD.top { 
		FONT-SIZE: 10pt;
		background-image:url("images/banniere.jpg");
		background-repeat: no-repeat;
		background-position: top right;
		COLOR: #333333;
		width:753px;
		}

/* ligne */

	/* logo, recherche login */
	

	
		#top {
		width:753px;	
		height:170px;
		}
		
		
	/* menu */
		
		#menu {	
		position:absolute;
		text-align:left;
		width:753px;
		height:20px;
		top:144px;
		z-index:90;
		}


			TD.menu {
			FONT-SIZE: 8pt; 
			COLOR: #FFFFFF;
			padding-right:14px;
			text-align:center;
			vertical-align:middle;
			}


				
				A.menu {
				FONT-SIZE: 8pt; 
				COLOR : #925286;
				text-decoration:none;
				}

				A.menu:hover, A.menu-on {
				FONT-SIZE: 8pt; 
				COLOR : #FFFFFF;
				text-decoration:none;
				}


	
	/* corps */
		
		#corps {
		width:753px;
		z-index:80;
		bottom:20px;
		background-image:url("images/fond-page.jpg");
		background-repeat: repeat-y;
		}


			/* COLONNE DE CONTENU */

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

					#contenu_content { 
					
					}
			
				
						
					/* BLOC */
							
							H1.content { 
							FONT-SIZE: 14pt; 
							COLOR:#699718;
							text-align:right;
							padding-right:18px;
							border-bottom:1px dotted #699718;
							clear:right;
							}
				
									A.H1content {
									FONT-SIZE: 14pt; 
									COLOR : #699718;
									text-decoration:none;
									}

									A.H1content:hover {
									FONT-SIZE: 14pt; 
									COLOR : #699718;
									text-decoration:none;
									}
							
							H1.contentbis { 
							FONT-SIZE: 12pt; 
							COLOR:#925286;
							text-align:right;
							padding-top:18px;
							padding-right:18px;
							border-bottom:1px dotted #CBACC5;
							}
										
							TD.content { 
							FONT-SIZE: 11pt; 
							COLOR:#333333;
							vertical-align:top;
							padding-top:18px;
							}
							
							p.content { 
							FONT-SIZE: 11pt; 
							COLOR:#333333;
							text-align:justify;
							padding-right:18px;
							}
							
							UL, LI { 
							FONT-SIZE: 9pt; 
							COLOR:#222222;
							}

								A.content {
								FONT-SIZE: 11pt; 
								COLOR : #699718;
								text-decoration:none;
								}

								A.content:hover {
								FONT-SIZE: 11pt; 
								COLOR : #699718;
								text-decoration:underline;
								}

								A.contentbis {
								FONT-SIZE: 8pt; 
								COLOR : #699718;
								text-decoration:underline;
								font-weight:normal;
								}

								A.contentbis:hover {
								FONT-SIZE: 8pt; 
								COLOR : #699718;
								text-decoration:none;
								font-weight:bold;
								}

								A.contentok {
								FONT-SIZE: 11pt; 
								COLOR : #915386;
								text-decoration:none;
								}

								A.contentok:hover {
								FONT-SIZE: 11pt; 
								COLOR : #F400C9;
								text-decoration:underline;
								}
								
								A.mini {
								FONT-SIZE: 8pt; 
								COLOR : #777777;
								text-decoration:none;
								}

								A.mini:hover {
								FONT-SIZE: 8pt; 
								COLOR : #333333;
								text-decoration:none;
								}
										
							TD.liste { 
							padding-bottom: 16px;
							}	
							
							TD.listeprix { 
							FONT-SIZE: 12pt; 
							COLOR:#444444;
							vertical-align:middle;
							text-align:right; 
							padding-left:16px; 
							padding-right:6px;
							}

								A.liste {
								FONT-SIZE: 10pt; 
								COLOR : #333333;
								text-decoration:none;
								}

								A.liste:hover {
								FONT-SIZE: 10pt; 
								COLOR : #699718;
								text-decoration:none;
								}

								A.listebis {
								FONT-SIZE:7pt; 
								COLOR : #333333;
								text-decoration:none;
								}

								A.listebis:hover {
								FONT-SIZE: 7pt; 
								COLOR : #699718;
								text-decoration:none;
								}
						
					#contenu_actu { 
					BACKGROUND-COLOR : #F6F6F6;
					border-left:1px solid #FFFFFF;
					border-bottom:1px solid #FFFFFF;
					padding-left:10px;
					padding-right:10px;
					border-left:#BBBBBB 2px solid;
					border-top:#BBBBBB 2px solid;
					border-right:#EEEEEE 1px solid;
					border-bottom:#EEEEEE 1px solid;
					}
					
				/* ACTU */
				
					.actu { 
					display:block;
					padding:8px;	
					COLOR : #222222;
					height:auto;	
					min-height:80px;
					max-height:300px;
					}
					/* for Internet Explorer */
					/*\*/
					* html .actu {
					height: 80px;
					}
								
						.perso-actu-date {
						FONT-SIZE: 9pt; 
						COLOR:#777777;	
						font-style : italic;
						}

						.perso-actu-titre {
						FONT-SIZE: 9pt; 
						COLOR:#444444;			
						}

						.perso-actu-contenu {
						FONT-SIZE: 9pt; 
						COLOR:#555555;	
						line-height:14px;
						}

						A.actu {
						FONT-SIZE: 9pt; 
						COLOR : #444444;
						text-decoration:none;		
						margin:4px 10;
						border:2px solid #CBACC5;
						-moz-border-radius:8px;
						moz-border-radius:8px;
						BACKGROUND-COLOR: #FDFDFD; 
						}

						A.actu:hover {
						FONT-SIZE: 9pt; 
						COLOR : #222222;
						text-decoration:none;
						margin:4px 10;
						border:2px solid #925187;
						-moz-border-radius:8px;
						moz-border-radius:8px;
						BACKGROUND-COLOR: #FFFFFF; 
						}
						
						.perso-actu-photo  {
						float:right;
						border:1px solid #CBACC5;
						margin-left:10px;
						margin-bottom:10px;
						}
						
						img.photo  {
						border:1px solid #CBACC5;
						margin-right:10px;
						}
						
						
								
					/* BLOC */
															
							
							H1.actu { 
							FONT-SIZE: 10pt; 
							COLOR:#990000;
							font-weight:normal;
							text-transform : uppercase;
							padding-top:6px;
							}
										
							p.actu { 
							FONT-SIZE: 9pt; 
							COLOR:#000000;
							}
							
							p.actubis { 
							FONT-SIZE: 8pt; 
							COLOR:#333333;
							text-align:right;
							}

								A.actu {
								FONT-SIZE: 8pt; 
								COLOR : #333333;
								text-decoration:none;
								}

								A.actu:hover {
								FONT-SIZE: 8pt; 
								COLOR : #000000;
								text-decoration:none;
								}


			/* COLONNE CONTEXTUEL */
			
				TD.annexe { 
				FONT-SIZE: 11pt; 
				COLOR: #FFFFFF;
				width:215px;
				vertical-align:top;
				}

					#annexe_content { 
					z-index:99;
					background-image:url("images/menu-fond.jpg");
					background-repeat: repeat-y;
					background-position: bottom;					
					padding:0px;
					margin:0px;
					}
							
					H3 { 
					FONT-SIZE: 11pt; 
					COLOR:#925286;
					font-weight:normal;
					margin:0px;
					text-align:right;
					padding-top:26px;
					padding-right:24px;
					background-image:url("images/menu-top.jpg");
					background-repeat: no-repeat;
					height:50px;
					}
					
					a.annexe_content-menu {
					FONT-SIZE: 9pt; 
					COLOR: #444444;
					text-decoration:none;
					padding-left:24px;
					padding-right:4px;
					}
					
					a.annexe_content-menu:hover, a.annexe_content-menu-on {
					FONT-SIZE: 9pt; 
					COLOR: #000000;
					text-decoration:none;
					padding-left:24px;
					padding-right:4px;
					background-image:url("images/puce.jpg");
					background-repeat: no-repeat;
					background-position: left;
					}

					#recherche { 
					FONT-SIZE: 8pt; 
					COLOR: #666666;
					padding-top:14px;
					padding-left:20px;
					}
			
					INPUT.rech { 
					        BORDER: #925286 1px solid;
					        FONT-SIZE: 8pt;
					        MARGIN: 0px;
					        COLOR: #444444;
					        FONT-WEIGHT: bold;
					        background-color: #FFFFFF;
					} 
			
					INPUT.rech-ok { 
					        BORDER: #FFFFFF 1px solid;
					        FONT-SIZE: 8pt;
					        MARGIN: 0px;
					        COLOR: #FFFFFF;
					        FONT-WEIGHT: bold;
					        background-color: #925286;
					} 

					#log { 
					FONT-SIZE: 8pt; 
					COLOR: #666666;
					padding-left:20px;
					}
			
					INPUT.log { 
					        BORDER: #925286 1px solid;
					        FONT-SIZE: 8pt;
					        MARGIN-bottom: 4px;
					        COLOR: #444444;
					        FONT-WEIGHT: bold;
					        background-color: #FFFFFF;
					} 
			
					INPUT.log-ok { 
					        BORDER: #FFFFFF 1px solid;
					        FONT-SIZE: 8pt;
					        MARGIN: 0px;
					        COLOR: #FFFFFF;
					        FONT-WEIGHT: bold;
					        background-color: #925286;
					} 

					#paniersimple { 
					FONT-SIZE: 9pt; 
					COLOR: #333333;
					padding-top:10px;
					padding-left:20px;
					padding-right:20px;
					}
		
					#paniersimple-content {
						COLOR : #444444;
						FONT-SIZE: 8pt;
						HEIGHT:50px;
						text-align : left;
						overflow: auto;
						BACKGROUND-COLOR : #FFFFFF;
						BORDER:5px #699818 solid;
						padding-left:2px;
						padding-right:2px;
					}	
					
					
					
			
					INPUT.ok { 
					        BORDER: #FFFFFF 1px solid;
					        FONT-SIZE:10pt;
					        MARGIN: 0px;
					        COLOR: #FFFFFF;
					        FONT-WEIGHT: bold;
					        background-color: #925286;
					} 


/* DEVIS */

	
				
				TD.choix { 
				FONT-SIZE: 10pt; 
				BACKGROUND-COLOR : #FFFFFF;
				COLOR: #444444;
				text-align:left;
				vertical-align:top;
				}
				
				TD.choixbis { 
				FONT-SIZE: 10pt; 
				BACKGROUND-COLOR : #FFFFFF;
				COLOR: #438BC1;
				text-align:right;
				vertical-align:top;
				padding-right:6px;
				}
				
				TD.panier-entete { 
				FONT-SIZE: 8pt; 
				COLOR: #333333;
				vertical-align:bottom;
				text-align:left;
				background-color:#EFEFEF;
				padding-left:3px;
				}	
				
				TD.panier { 
				FONT-SIZE: 10pt; 
				COLOR: #444444;
				text-align:left;
				vertical-align:top;
				}
				
				TD.panierbis { 
				FONT-SIZE: 10pt; 
				COLOR: #333333;
				text-align:right;
				vertical-align:top;
				padding-right:6px;
				}

					A.bottom_content_droite {
					FONT-SIZE: 8pt; 
					COLOR: #FFFFFF;
					text-decoration:none;
					}

					A.bottom_content_droite:hover {
					FONT-SIZE: 8pt; 
					COLOR: #AB1105;
					text-decoration:none;
					}
			
				INPUT.text { 
						BORDER: #925286 1px solid;
						FONT-SIZE: 10pt;
						MARGIN: 0px;
						COLOR: #444444;
						FONT-WEIGHT: bold;
						background-color: #FFFFFF;
				} 
				
				INPUT.textbis { 
					BORDER: #999999 1px solid;
					FONT-SIZE: 10pt;
					MARGIN: 0px;
					COLOR: #111111;
					FONT-WEIGHT: bold;
					background-color: #FFFFFF;
				} 
				
				SELECT.Choix { 
				        BORDER: #999999 1px solid;
				        FONT-SIZE: 8pt;
				        MARGIN: 0px;
				        COLOR: #111111;
				        FONT-WEIGHT: bold;
				        background-color: #EFEFEF;
						text-transform : uppercase;
				} 
				
				TD.cnil { 
				FONT-SIZE: 8pt; 
				COLOR: #CCCCCC;
				}
					
					A.cnil {
					FONT-SIZE: 8pt; 
					COLOR: #CCCCCC;
					text-decoration:none;
					}

					A.cnil:hover {
					FONT-SIZE: 8pt; 
					COLOR: #CCCCCC;
					text-decoration:none;
					}
			
	/* espace vide */
		
		#vide {
		width:753px;
		z-index:90;	
		height:20px;
		}

	/* pied de page */
		
		#bottom {
		bottom:20px;
		width:753px;
		z-index:90;	
		height:60px;
		background-image:url("images/fond-bas.jpg");
		background-repeat: no-repeat;
		background-position: top center;
		}

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

			A.bottom-content-droite {
			FONT-SIZE: 8pt; 
			COLOR: #EEEEEE;
			text-decoration:none;
			}

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