/* CSS Document */

body {
  background:url(../images/fond.jpg) repeat-x #ece9d8;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding:0px;
  margin:0px auto;
  text-align:center;
}

#conteneur {
  position: relative;
  text-align: justify;
  margin: 0px auto;
  padding: 0px;
  width: 800px;
  background-color:#FFFFFF;
}

/******************************************************************************/
/****************************** page accueil **********************************/
/******************************************************************************/

#header {
	float:left;
	width:800px;
	height:134px;
	padding:0;
	margin:0;
	background:url(../images/img_default/fin-menu.jpg) right top no-repeat;
}
	#header h1 {text-indent:-5000px; margin:0; padding:0; height:0;}

	#logo {
		float:left;
		width:109px;
		height:79px;
		padding:55px 0 0 268px;
		margin:0;
		color:#696863;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		background:url(images/logo-accueil.jpg) no-repeat;
	}
	#logo a {color:#696863; text-decoration:none; font-size:11px; line-height:18px;}
	
	/******************* menu ********************/
	ul#menu {
		float:left;
		list-style-type: none;
		height: 134px;
		width:404px;
		padding:0px;
		margin:0;
	} 
	
		ul#menu li {
			float:left;
			margin: 0;
			padding:0;
			width:134px;
		}
	/******************************************/
	
#gauche {
	float:left;
	width:417px;
	height:500px;
	padding:0;
	margin:0;
	background:url(../images/img_default/gauche-contenu.jpg) left top no-repeat;
}
	#gauche h3.bleu {
		padding:0 0 0 55px;
		margin:0;
		color:#1b83ba;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight:normal;
	}

	.txtAccueil {
		padding:10px 14px 15px 41px;
		margin:0;
		min-height:175px;
		font-size:12px;
		color:#333333;
		line-height:20px;
		background:url(../images/img_default/guillemet-fermant.jpg) bottom right no-repeat;
	}


	.important {
		color:#1b83ba;
		font-weight:bold;
	}
	
	/******************* actualites ********************/
	#actualites {
		float:left;
		padding:0 0 0 40px;
		margin:10px 0 0 0px;
		width:339px;
		height:218px;
		background:url(../images/img_default/fond-actualites.jpg) right no-repeat;
		color:#635e43;
	}
		.enteteActu {
			margin:0 12px 0 0;
			padding:8px 0px 0 0;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:16px;
			border-bottom:1px solid #635e43;
		}
		
		.uneActu {
			display:inline;
			float:left;
			margin:10px 12px 0 0px;
			padding:0 0 0 0px;
			width:327px;
			height:65px;
			border-bottom:1px dotted #635e43;
		}
		
			.titreActu {
				padding:0px;
				margin:0;
				font-size:11px;
				font-weight:bold;
			}
				a.savoirPlus {
					text-decoration:none;
					color:#635e43;
				}
				a.savoirPlus:hover {
					text-decoration:underline;
					color:#635e43;
				}
				
			.txtActu {
				padding:0px;
				margin:0;
				font-size:11px;
			}
			.photoActu {
				border:1px solid #635e43;
				margin-right:8px;
			}

			a.pdf {
				text-decoration:none; color:#1b83ba; font-weight:bold;
			}
			a.pdf:hover {
				text-decoration:underline; color:#1b83ba; font-weight:bold;
			}
	/***************************************************/


#droite {
	float:left;
	width:375px;
	height:500px;
	padding:0;
	margin:0 0 0 8px;
	background:url(../images/img_default/droite-contenu.jpg) right top no-repeat;
}

	#clipac {
		float:left;
		padding:60px 19px 0 0;
		margin:1px 0 0 0;
		width:330px;
		height:58px;
		background:url(images/clipac.jpg) no-repeat;
		color:#FFFFFF;
		font-weight:bold;
		text-align:right;
		cursor:pointer;
		text-decoration:none;
	}
	
	#derivesClipac {
		float:left;
		padding:65px 19px 0 0;
		margin:0px;
		width:330px;
		height:58px;
		background:url(images/derives-clipac.jpg) no-repeat;
		color:#FFFFFF;
		font-weight:bold;
		text-align:right;
		cursor:pointer;
		text-decoration:none;
	}
	#keepcard {
		float:left;
		padding:85px 0 0 13px;
		margin:0;
		width:336px;
		height:38px;
		background:url(images/keepcard.jpg) no-repeat;
		color:#FFFFFF;
		font-weight:bold;
		cursor:pointer;
		text-decoration:none;
	}
	#puzzle {
		float:left;
		padding:40px 0 0 12px;
		margin:0;
		width:337px;
		height:87px;
		background:url(images/machine-puzzle.jpg) no-repeat;
		color:#FFFFFF;
		font-weight:bold;
		cursor:pointer;
		text-decoration:none;
	}
	#albums {
		float:left;
		padding:75px 0 0 12px;
		margin:0;
		width:337px;
		height:52px;
		background:url(images/machine-mini-albums.jpg) no-repeat;
		color:#FFFFFF;
		font-weight:bold;
		cursor:pointer;
		text-decoration:none;
	}
	#droite h2  {text-indent:-5000px; margin:0; padding:0; height:0;}
	
#footer {
	clear:left;
	padding:0;
	margin:0;
	width:800px;
	height:26px;
	background:url(../images/img_default/footer.jpg) no-repeat;
	color:#d8d8d8;
	font-size:11px;
	text-align:center;
	line-height:26px;
}
	a.footer {
		text-decoration:none;
		color:#d8d8d8;
	}


/******************************************************************************/
/**************************** pages navigation ********************************/
/******************************************************************************/
#logoNav {
	float:left;
	width:109px;
	height:79px;
	padding:55px 0 0 268px;
	margin:0;
	color:#696863;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(images/logo.jpg) no-repeat;
}


#logoProduits {
	float:left;
	width:109px;
	height:79px;
	padding:55px 0 0 268px;
	margin:0;
	color:#696863;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background:url(images/logo-produits.jpg) no-repeat;
}

#logoContact {
	float:left;
	width:109px;
	height:79px;
	padding:55px 0 0 268px;
	margin:0;
	color:#696863;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background:url(images/logo-contact.jpg) no-repeat;
}
	#logoNav a, #logoProduits a, #logoContact a {color:#696863; text-decoration:none; font-size:11px; line-height:18px;}

#contenu {
	float:left;
	padding:0;
	margin:0;
	width:800px;
	font-size:12px;
	background:url(../images/img_nav/fond-contenu.jpg) repeat-y;
}

	.txtKeepcard {
		padding:10px;
		margin:15px 3px 0 41px;
		font-size:12px;
		color:#333333;
		background:#ff9939;
	}
	.txt {
		padding:5px 14px 15px 41px;
		margin:0;
		font-size:12px;
		color:#333333;
	}

	.txtFondGris {
		margin:5px 14px 15px 41px;
		padding:10px;
		font-size:12px;
		color:#333333;
		background:#eeeeee;
		text-align:left;
	}


#gaucheTout {
	float:left;
	width:750px;
	padding:0;
	margin:0;
	background:url(../images/img_default/gauche-contenu.jpg) left top no-repeat;
}
#gaucheContact {
	float:left;
	width:490px;
	padding:0;
	margin:0;
	background:url(../images/img_default/gauche-contenu.jpg) left top no-repeat;
}
	#gaucheContact h3.rouge {
		padding:0 0 0 55px;
		margin:0;
		color:#cb2523;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight:normal;
	}
	#droiteContact h3.rouge {
		padding:0;
		margin:0 0 5px 0;
		color:#cb2523;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight:normal;
	}

#gaucheActu {
	float:left;
	width:722px;
	padding:20px 0 0 40px;
	margin:0;
	background:url(../images/img_default/gauche-contenu.jpg) left top no-repeat;
	color:#333333;
}
#gaucheNav {
	float:left;
	width:417px;
	padding:0;
	margin:0;
	background:url(../images/img_default/gauche-contenu.jpg) left top no-repeat;
}
#gaucheTout h4, #gaucheNav h4, #gaucheContact h4  {text-indent:-5000px; margin:0; padding:0; height:0;}

 	#gaucheNav a.bleu {color:#1b83ba; font-weight:bold; text-decoration:none;}

	.txtNavPres {
		padding:5px 14px 15px 41px;
		margin:0;
		min-height:175px;
		font-size:12px;
		color:#333333;
		line-height:20px;
		background:url(../images/img_default/guillemet-fermant.jpg) bottom right no-repeat;
	}

	#gaucheNav h3.bleu {
		padding:0 0 0 55px;
		margin:0;
		color:#1b83ba;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight:normal;
	}
	#gaucheNav h3.vert, #gaucheTout h3.vert, #gaucheContact h3.vert {
		padding:0 0 0 55px;
		margin:0;
		color:#81c51d;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight:normal;
	}

.txtProduit {
		padding:5px 14px 15px 41px;
		margin:0;
		min-height:175px;
		font-size:12px;
		color:#333333;
		line-height:20px;
		background:url(../images/img_default/guillemet-fermant-pdt.jpg) bottom right no-repeat;
	}
	a.plus {float:right; padding:0; margin:0; color:#81c51d; text-decoration:none; font-weight:bold;}	
	a.plus:hover {float:right; padding:0; margin:0; color:#81c51d; text-decoration:underline; font-weight:bold;}	
	a.plusKeepcard {float:right; padding:0; margin:0; color:#cc7a2a; text-decoration:none; font-weight:bold;}	
	a.plusKeepcard:hover {float:right; padding:0; margin:0; color:#cc7a2a; text-decoration:underline; font-weight:bold;}	
	a.plusMachine {float:right; padding:0; margin:0; color:#9846b6; text-decoration:none; font-weight:bold;}	
	a.plusMachine:hover {float:right; padding:0; margin:0; color:#9846b6; text-decoration:underline; font-weight:bold;}	
	a.plusAlbum {float:right; padding:0; margin:0; color:#ffb502; text-decoration:none; font-weight:bold;}	
	a.plusAlbum:hover {float:right; padding:0; margin:0; color:#ffb502; text-decoration:underline; font-weight:bold;}	
		
	.importantVert {
		color:#81c51d;
		font-weight:bold;
	}
	.importantViolet {
		color:#9846b6;
		font-weight:bold;
		font-size:13px;
	}
	.importantMarron {
		color:#cc7a2a;
		font-weight:bold;
		font-size:13px;
	}

.txtContact {
		padding:5px 14px 15px 41px;
		margin:0;
		min-height:175px;
		font-size:11px;
		color:#333333;
		line-height:20px;
		background:url(../images/img_default/guillemet-fermant-contact.jpg) bottom right no-repeat;
	}

#droiteTout {
	float:left;
	width:42px;
	height:400px;
	padding:0;
	margin:0 0 0 8px;
	background:url(../images/img_default/droite-contenu.jpg) right top no-repeat;
}
#droiteContact {
	float:left;
	width:302px;
	padding:0;
	margin:0 0 0 8px;
	background:url(../images/img_default/droite-contenu.jpg) right top no-repeat;
}
#droiteActu {
	float:left;
	width:30px;
	padding:0;
	margin:0 0 0 8px;
	background:url(../images/img_default/droite-contenu.jpg) right top no-repeat;
}
#droiteNav {
	float:left;
	width:375px;
	padding:0;
	margin:0 0 0 8px;
	background:url(../images/img_default/droite-contenu.jpg) right top no-repeat;
}
	#droiteNav h2  {text-indent:-5000px; margin:0; padding:0; height:0;}

	.txtNavDroite {
		padding:8px;
		margin:10px 30px 10px 0;
		font-size:11px;
		color:#333333;
		line-height:20px;
		background:#eeeeee;
	}
	.txtNavDroite2 {
		padding:8px;
		margin:0 20px 0 0;
		font-size:11px;
		color:#333333;
		text-align:left;
	}

/* ------------------------------------ */
/*          DIV FORM CONTACT            */
/* ------------------------------------ */
#zoneForm{margin:20px 0 0 40px; padding:0; border:none;}
.champFrom{vertical-align:top; margin:0 0 3px 0px; padding:0 0 3px 0; width:435px; }
label.form { display:inline ; float:left ; width:100px; font-size:12px; }
#zoneForm .largeur{ background:none; width:330px; border:1px solid #999; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#cb2523;}

.adresse {
		padding:8px;
		margin:20px 40px 0 0px;
		font-size:12px;
		color:#333333;
		line-height:20px;
		background:#eeeeee;
		text-align:center;
}

	.importantRouge {
		color:#cb2523;
		font-weight:bold;
	}
	a.email {
		text-decoration:none; color:#cb2523;
	}
	a.email:hover {
		text-decoration:underline; color:#cb2523;
	}
	
.scroll {
	SCROLLBAR-FACE-COLOR: #f8f8f8;
	SCROLLBAR-HIGHLIGHT-COLOR: #f8f8f8;
	SCROLLBAR-SHADOW-COLOR: #f8f8f8;
	SCROLLBAR-3DLIGHT-COLOR: #f8f8f8;
	SCROLLBAR-ARROW-COLOR:  #635e43;/*fleche#c4c6ca*/
	SCROLLBAR-TRACK-COLOR: #f8f8f8;
	SCROLLBAR-DARKSHADOW-COLOR: #f8f8f8;
	background-color:TRANSPARENT;
}