@import url("/skin/styles.general.css");
@import url("/skin/skin_default/client.css");
@import url("/skin/skin_default/menu.css");
@import url("/skin/skin_default/pager.css");
@import url("/skin/skin_default/plan.css");
@import url("/skin/skin_default/recherche.css");
@import url("/skin/skin_default/accueil.css");
@import url("/skin/skin_default/contact.css");
@import url("/skin/skin_default/panier.css");
@import url("/skin/skin_default/promo.css");
@import url("/skin/skin_default/outils.css");

@import url("/modules/actualites/module.css");
@import url("/modules/evenements/module.css");
@import url("/modules/faq/module.css");
@import url("/modules/emplois/module.css");
@import url("/modules/produits/module.css");
@import url("/modules/galerie/module.css");

@import url("/skin/skin_default/headings.css");

html{
	margin: 0px;
	padding: 0px;
	height: 100%;
}
body{
	background: #281d0f url(/images/bg-mud.jpg) top left;
	margin: 0px;
	padding: 0px;
	height: 100%;
	font: 12px Arial, Helvetica, sans-serif;
	color: #dadac6;
	text-align: center;
}

/* styles de formulaire */
form {
	margin:0px;
	padding:0px;
}
legend{color: #221d14;}
	input {
		background: #efefdb url(/images/bg-input.gif) top left no-repeat;
		margin: 0;
		line-height: 0;
		border: none;
		border-top: 1px solid #c2c2b2;
		border-left: 1px solid #c2c2b2;
		color: #5a5a42;
		font: normal 11px Arial, Helvetica, sans-serif;
		padding: 1px 3px;
	}	input.required {background: #efefdb url(/images/bg-input-required.gif) top right no-repeat; padding-right: 28px;}
	
	textarea {
		font: normal 11px Arial, Helvetica, sans-serif;
		color: #5a5a42;
		background: #efefdb url(/images/bg-input.gif) top left no-repeat;
		border: none;
		border-top: 1px solid #c2c2b2;
		border-left: 1px solid #c2c2b2;
	}	/*textarea {width: 246px; height: 150px;}*/
	
	
	
	fieldset {
		border: 0;
		padding: 25px 0 0 0;
		margin: 0;
		border-top: 1px solid #514e40;
	}
	
		fieldset div {
			padding: 8px 0;
			clear: left;
		}
	
		fieldset label {
			float: left; 
			text-align: right; 
			width: 45%;
			color: #bfbfa6;
			padding: 0 10px 0 0;
		}
	
	form.miniform fieldset{
		border: none;
		padding: 0px;
		margin: 0px;
	}
		form.miniform fieldset span{
			display: block;
			padding-bottom: 6px;
		}
		form.miniform fieldset legend{display: none;}
		form.miniform fieldset label{
			float: none;
			display: block;
			text-align: left; 
			width: auto;
			color: #bfbfa6;
			padding: 0px 0px 5px 0px;
		}
		
		div.boutons {border: 1px solid #110d09; float: right;}
		div.off {border: 1px solid #aeaeae;}

		div.boutons a.btn input{
			background: #c9c900;
			border: none;
			border-top: 1px solid #d6d600;
			border-left: 1px solid #d6d600;
			border-bottom: 1px solid #a3a300;
			border-right: 1px solid #a3a300;
			padding: 3px 5px 3px 5px;
			line-height: 12px;
			margin: 0px;
			cursor: pointer;
			color: #221d14;
			overflow: visible;
			font: 11px Arial, Helvetica, sans-serif;
		}	div.boutons a:hover.btn input{
				background-color: #8a8900;
				border-top: 1px solid #b8b700;
				border-left: 1px solid #b8b700;
				border-bottom: 1px solid #616001;
				border-right: 1px solid #616001;
				color: #FFFFFF;
			}
		
		div.off a.btn input,
		div.off a:hover.btn input {
			background: #c8c8c8;
			border-top: 1px solid #cbcbcb;
			border-left: 1px solid #cbcbcb;
			border-bottom: 1px solid #c2c2c2;
			border-right: 1px solid #c2c2c2;
			color: #aeaeae;
			cursor: default;
		}
		
		div.boutons a.btn_recherche input{
			padding-left: 23px;
			background-image: url(/images/bg-btn-recherche.gif);
			background-position: 3px 1px;
			background-repeat: no-repeat;
		}	div.boutons a:hover.btn_recherche input{background-position: 3px -99px;}
		
		div.boutons a.btn_options input{
			padding-left: 22px;
			background-image: url(/images/bg-btn-options.gif);
			background-position: 5px 1px;
			background-repeat: no-repeat;
		}	div.boutons a:hover.btn_options input{background-position: 5px -99px;}
		
		div.boutons a.btn_add input{
			padding-left: 27px;
			background-image: url(/images/bg-btn-add.gif);
			background-position: 2px 1px;
			background-repeat: no-repeat;
		}	div.boutons a:hover.btn_add input{background-position: 2px -99px;}
		
		div.boutons a.btn_mail input{
			padding-left: 22px;
			background-image: url(/images/bg-btn-mail.gif);
			background-position: 1px 1px;
			background-repeat: no-repeat;
		}	div.boutons a:hover.btn_mail input{background-position: 1px -99px;}
		
		div.boutons a.btn_recalc input{
			padding-left: 22px;
			background-image: url(/images/bg-btn-recalc.gif);
			background-position: 2px 1px;
			background-repeat: no-repeat;
		}	div.boutons a:hover.btn_recalc input{background-position: 2px -99px;}
			div.off a.btn_recalc input,
			div.off a:hover.btn_recalc input {
				background-image: url(/images/bg-btn-recalc.gif); 
				background-position: 2px -49px;
				background-repeat: no-repeat;
			}
		
		div.boutons a.btn_gonext input{
			padding-right: 21px;
			background-image: url(/images/bg-btn-gonext.gif);
			background-position: right 1px;
			background-repeat: no-repeat;
		}	div.boutons a:hover.btn_gonext input{background-position: right -99px;}
			div.off a.btn_gonext input,
			div.off a:hover.btn_gonext input {
				background-image: url(/images/bg-btn-gonext.gif); 
				background-position: right -49px;
				background-repeat: no-repeat;
			}
		
		div.boutons a.btn_goprevious input{
			padding-left: 21px;
			background-image: url(/images/bg-btn-goprevious.gif);
			background-position: left 1px;
			background-repeat: no-repeat;
		}	div.boutons a:hover.btn_goprevious input{background-position: left -99px;}
			div.off a.btn_goprevious input,
			div.off a:hover.btn_goprevious input {
				background-image: url(/images/bg-btn-goprevious.gif); 
				background-position: left -49px;
				background-repeat: no-repeat;
			}
		
		div.boutons a.btn_confirm input{
			padding-right: 24px;
			background-image: url(/images/bg-btn-confirm.gif);
			background-position: 125px 1px;
			background-repeat: no-repeat;
		}	div.boutons a:hover.btn_confirm input{background-position: 125px -99px;}
			div.off a.btn_confirm input,
			div.off a:hover.btn_confirm input {
				background-image: url(/images/bg-btn-confirm.gif); 
				background-position: 125px -49px;
				background-repeat: no-repeat;
			}
		
		div.boutons a.btn_confirm_en input{
			background-position: 96px 1px;
		}	div.boutons a:hover.btn_confirm_en input{background-position: 96px -99px;}
			div.off a.btn_confirm_en input,
			div.off a:hover.btn_confirm_en input {
				background-position: 96px -49px;
			}
		
		div.boutons a.btn_access input{
			padding-left: 27px;
			background-image: url(/images/bg-btn-access.gif);
			background-position: 2px 1px;
			background-repeat: no-repeat;
		}	div.boutons a:hover.btn_access input{background-position: 2px -99px;}
		
		div.boutons a.btn_backhome input{
			padding-right: 22px;
			background-image: url(/images/bg-btn-home.gif);
			background-position: 92px 1px;
			background-repeat: no-repeat;
		}	div.boutons a:hover.btn_backhome input{background-position: 92px -99px;}
		
		div.boutons a.btn_login input{
			padding-left: 18px;
			background-image: url(/images/bg-btn-login.gif);
			background-position: 2px 1px;
			background-repeat: no-repeat;
		}	div.boutons a:hover.btn_login input{background-position: 2px -99px;}
		
		form.miniform fieldset div.boutons{
			float: none;
			border: none;
		}
		
/* /styles de formulaire */
	
img {border: none;}

/*### Styles généraux à tous les skins ###*/
.clearLeft,
.clearRight,
.clearBoth {
	clear: left;
	height: 0px;
	margin: 0px;
	visibility: hidden;
	line-height: 0px;
	padding: 0px;
	font-size: 0px;
}
.clearRight {clear: right;}
.clearBoth {clear: both;}

div.rss a {
	padding-left: 19px;
	background: url(/images/rss.gif) 0px 0px no-repeat;
}
/*### FIN - Styles généraux à tous les skins ###*/

#top {
	width: 980px;
	text-align: left;
	margin: 0 auto;
}
	#top div.top {
		border-top: none;
	}

#quicksearch {

}
	
#header {
	width: 980px;
	padding: 0;
	margin: 0;
}

	#header #breadcrumbs {
		background: #000 url(/images/bg-search-left.gif) top left no-repeat;
		height: 23px;
		width: 700px;
		padding: 9px 0 0 15px;
		float: left;
		font: normal 10px Arial, Helvetica, sans-serif;
	}
	
		#header #breadcrumbs a {}
			#header #breadcrumbs a span {}
		#header #breadcrumbs span {}
	
	#header #search {
		background: #000 url(/images/bg-search-right.gif) top right no-repeat;
		height: 32px;
		width: 255px;
		padding: 0 10px 0 0;
		float: left;
		font: normal 10px Arial, Helvetica, sans-serif;
		color: #dadac6;
	}
		/*skin*/ #header #search a.btn input,
		#header #search a:hover.btn input{
			background: #b8b800 url(/skin/skin_default/images/btn-search.gif) 0px 0px;
			color: #fff;
			border: none;
			padding: 0px;
			margin: 0px;
			height: 19px;
			width: 20px;
			cursor: pointer;
		}
		#header #search a:hover.btn input{background-position: -40px 0px;}
			
		#header #search input {padding: 2px 1px;}
		
		#header #search table {
			width: 100%;
			border: 0;
			padding: 0;
			margin: 0;
			text-align: right;
		}
		
			#header #search table tr td,
			#header #search table tr th {padding: 4px 2px;}


	/*skin*/ #header #logo {
		padding: 0;
		margin: 0;
		height: 128px;
		width: 205px;
		background: url(/skin/skin_default/images/gr-logo.gif) 10px 17px no-repeat;
		float: left;
	}
	
		#header #logo img {
			width:195px;
			height:62px;
			margin:16px 0px 0px 10px;
		}
		#header #logo h2 {
			font: normal 11px Arial, Helvetica, sans-serif;
			margin: 0 0 0 0;
			padding: 3px 15px 0 15px;
			text-align: center;
			line-height: 14px;
			color: #dad7c3;
		}
		
	#header #anim {
		padding: 0;
		margin: 0;
		width: 381px;
		height: 128px;
		float: left;
	}
	
	#header #tools{
		padding: 0;
		margin: 0;
		width: 394px;
		height: 128px;
		float: left;
	}
	
		#header #tools #navlist {
			height: 32px;
			width: 394px;
			font-size: 11px;
		}
		
			#header #tools #navlist ul {margin: 0 15px 0 0; padding: 0; list-style: none; float: right;}
			
				#header #tools #navlist li {
					float: left; 
					margin: 0 0 0 20px;
					white-space: nowrap;
					border: none;
					padding: 0;
					background: none;
				}
					#header #tools #navlist li a {padding: 6px 0 5px 17px; display: block;}
					#header #tools #navlist li.contact a {background: url(/images/icon-contact.gif) center left no-repeat;}
					#header #tools #navlist li.sitemap a {background: url(/images/icon-sitemap.gif) center left no-repeat;}
					#header #tools #navlist li.language a {background:  url(/images/icon-lang.gif) center left no-repeat;}
					
		
		#header #tools #compte {
			margin: 0 10px 0 0;
			width: 244px;
			height: 96px;
			float: left;
		}
		
			#header #tools #compte #hdr_access,
			#header #tools #compte #hdr_login,
			#header #tools #compte #hdr_logged {
				width: 224px; 
				height: 49px; 
				padding: 0;
			}
			
			#header #tools #compte #hdr_logged {
				font-size: 11px;
				padding: 10px 0 0 0;
				height: 39px;
			}
			
				#header #tools #compte #hdr_logged ul {
					margin: 0;
					padding: 6px 0 0 0;
					list-style: none;
				}
				
					/*skin*/ #header #tools #compte #hdr_logged ul li {
						float: left; 
						display: inline;
						width: 98px;
						padding: 0 0 0 14px; 
						height: auto; 
						border: none; 
						background: url(/skin/skin_default/images/bullet-arrow-small.gif) 6px 5px no-repeat;
					}
		
			#header #tools #compte h2 {
				height: 27px;
				width: 244px;
				padding: 0;
				margin: 0;
				background-position:0px 0px;
				background-repeat:no-repeat;
			}	#header #tools #compte h2 span {display: none;}
			
			#header #tools #compte div {
				background: #000;
				height: 69px;
				width: 224px;
				padding: 0 10px;
			}
			
				#header #tools #compte div ul{
					margin: 0;
					padding: 0;
					list-style: none;
					font: normal 11px Arial, Helvetica, sans-serif;
				}
				
					#header #tools #compte div ul li {float: left; padding: 0 9px; height: 12px; border: none; background: none;}
					#header #tools #compte div ul li.border {background: url(/images/bg-line-light.gif) 0px 3px no-repeat;}
			
				#header #tools #compte div table {
					width: 100%;
					border: 0;
					padding: 0;
					margin: 0;
				}
					
					#header #tools #compte div table tr th,
					#header #tools #compte div table tr td {padding: 2px;}
					#header #tools #compte div table tr th {
						font: normal 11px Arial, Helvetica, sans-serif;
						color: #bfbfa6;
						text-align: right;
						width: 95px;
					}
					
						#header #tools #compte div table tr td p {
							padding: 0 0 2px 0;
							margin: 0;
							font: normal 10px Arial, Helvetica, sans-serif;
							height: 19px;
							line-height: 1.0em;
						}	/*skin*/ #header #tools #compte div table tr td p em {color: #cccc00;}
					
					#header #tools #compte a.btn input,
					#header #tools #compte a:hover.btn input{
						background: #b8b800 url(/skin/skin_default/images/btn-login.gif) 0px 0px;
						color: #fff;
						border: none;
						padding: 0px;
						margin: 0px;
						height: 17px;
						width: 30px;
						cursor: pointer;
					}
					#header #tools #compte a:hover.btn input{background-position: -40px 0px;}
		
		#header #tools #cart {
			width: 140px;
			height: 96px;
			float: left;
		}
		
			#header #tools #cart h2 {
				height: 27px;
				width: 140px;
				padding: 0;
				margin: 0;
				background-position:top left;
				background-repeat:no-repeat;
			}	#header #tools #cart h2 span {display: none;}
			
			#header #tools #cart div {
				background: #000;
				height: 49px;
				width: 110px;
				font: normal 11px Arial, Helvetica, sans-serif;
				color: #bfbfa6;
				padding: 10px 15px;
				text-align: center;
			}

				#header #tools #cart div span {
					display: block;
					padding: 0 3px;
				}


#page {
	width: 980px;
	background: url(/images/dots-hor.gif) top left repeat-x;
	margin: 10px 0 0 0;
	padding: 1px 0 0 0;
}

	#page #full {
		width: 980px;
		margin: 10px 0;
		/*background: #221d14 url(/images/bg-fullpage-produits.gif) top left repeat-y;*/
	}	.fullpage {background: #221d14 url(/images/bg-fullpage.gif) top left repeat-y;}
		.prod {background: #221d14 url(/images/bg-fullpage-produits.gif) top left repeat-y;}
		.full {background: #221d14 url(/images/bg-fullpage-produitsw.gif) top left repeat-y;}
	
		#page #full #cols {
			background: url(/images/bg-fullpage-bas.gif) bottom left no-repeat;
			width: 980px;
		}
	
		#page #full #border,
		#page #full #cols #border {width: 980px; background: url(/images/bg-fullpage-top.gif) top left no-repeat;}
	
			#page #full #border #printp {
				width: 980px;
				background: url(/images/bg-fullpage-bas.gif) bottom left no-repeat;
				padding: 3px;
			}
			
			#page #full #cols #border #printp {background: none; width: 722px; padding: 0;}

#colLeft{
	float: left;
	display: inline;
	margin: 3px 0 3px 3px;
	width: 251px;
}
#colRight{
	float: right;
	display: inline;
	margin: 3px 3px 3px 0;
	width: 722px;
	border-left: 1px solid #413d31;
}	/*.dark {background: #221d14; background: #CC0000;}*/
	.light {background: #fff; color: #221d14;}
	
	/*skin*/ .light a, .light a:hover {color: #898900;}
	#page  #full #cols #border .light #printp {padding: 50px 30px 10px 30px; width: 662px;}

#footer{
	margin: 0;
	background: url(/images/dots-hor.gif) top left repeat-x;
	padding: 45px 0 0 0;
	text-align: right;
	font: normal 11px Arial, Helvetica, sans-serif;
	overflow: hidden;
}

	#footer #note {
		width: 827px;
		float: left;
		margin: 34px 0 15px 0;
		padding: 0 0 0 1px;
		text-align: left;
		color: #837f6c;
	}	#footer #note strong {color: #dadac6; display: block;}
	
		#footer #note a {color: #837f6c;}

	#footer #realisation {
		margin: 49px 0 15px 0;
		width: 152px;
		float: left;
		font-weight: bold;
	}
	
div.infobox{
	margin: 20px 0px;
	background: #ece9e3;
	padding: 10px;
}
	div.valide, div.invalide{
		background: url(/images/bullet-left-triangle.gif) 0px 17px no-repeat;
		padding-left: 11px;
	}
	div.valide div.infobox, div.invalide div.infobox, div.exclamation div.infobox{
		margin: 0px;
		padding: 21px 30px 30px 68px;
		background-image: url(/images/bullet-valide.gif);
		background-position: 15px 10px;
		background-repeat: no-repeat;
	}	div.invalide div.infobox{background-image: url(/images/bullet-invalide.gif);}
		div.exclamation div.infobox{background-image: url(/images/bullet-exclamation.gif);}
	div.valide div.infobox h3, div.invalide div.infobox h3, div.exclamation div.infobox h3{
		margin: 0px;
		padding: 0px 0px 10px 0px;
		color: #665c48;
		font: bold 21px Arial, Helvetica, sans-serif;
	}
	
	div.exclamation fieldset label{
		float: none;
		display: inline;
		color: #221d14;
	}
	div.exclamation fieldset div{padding: 0px 10px 8px 10px;}
	
	div.infobox h5,
	.module_panier .step2 #club_about div.infobox h5{
		margin: 0px;
		padding: 10px 10px 10px 40px;
		color: #221d14;
		font: bold 12px/12px Arial, Helvetica, sans-serif;
		background: url(/images/bullet-qmark-large.gif) 10px 5px no-repeat;
	}
	div.infobox p,
	.module_panier .step2 #club_subscribe div.infobox p{
		margin: 0px;
		padding: 8px 10px;
	}
	.module_panier .step2 #club_valide div.infobox p{
		margin: 0px;
		padding: 10px 0px 0px 0px;
	}
	.module_panier .step2 div.infobox a{
		color: #a6a601; 
	}
	
	div.pricebox h5,
	.module_panier .step2 #club_about div.pricebox h5{
		background: #544b3c url(/images/h5-brown-corner-top-left.gif) 0px 0px no-repeat;
		color: #FFFFFF;
	}
		div.pricebox h5 span,
		.module_panier .step2 #club_about div.pricebox h5 span{
			font: 11px/18px Arial, Helvetica, sans-serif;
			display: block;
			background: url(/images/h5-brown-corner-top-right.gif) right top no-repeat;
			padding: 8px 10px;
		}
		div.pricebox h5 span strong,
		.module_panier .step2 #club_about div.pricebox h5 span strong{
			color: #cccc00;
			font: 18px/18px Arial, Helvetica, sans-serif;
		}
		div.pricebox h5 span em,
		.module_panier .step2 #club_about div.pricebox h5 span em{
			font: 10px Arial, Helvetica, sans-serif;
			padding-left: 5px;
			white-space: nowrap;
		}
		
		div.pricebox fieldset{
			border: 1px solid #7e7460;
			padding: 15px 0px;
		}
			div.pricebox fieldset div{
				padding: 0px 20px 0px 10px;
				clear: right;
				line-height: 30px;
			}
				#club_valide div.pricebox fieldset div{line-height: 0px;}
			div.pricebox fieldset div label{
				float: right;
				clear: right;
				text-align: left;
				width: 335px;
				color: #221d14;
				padding-bottom: 12px;
				line-height: 16px;
				margin-top: -1px;
			}
				#club_valide div.pricebox fieldset div label{
					width: auto;
					float: left;
					font-size: 11px;
					padding-top: 5px;
					padding-bottom: 0px;
				}
			div.pricebox fieldset div.boutons,
			#club_subscribe fieldset div.boutons{
				padding: 0px;
				float: left;
				margin-left: 10px;
				margin-top: 5px;
			}
			#club_valide div.pricebox fieldset input{margin: 0px;}
			#club_valide div.pricebox fieldset div.boutons{float: right; margin-top: 0px;}
			#club_subscribe fieldset div.boutons{margin-left: 0px;}

fieldset input.checkbox{border: none; background: none;}

/* MESSAGES */
div#public_message {position: relative; z-index: 10;}
div#public_message #message {
	position: absolute;
	top: 263px;
	left: 18px;
	z-index: 10;
	background: #f7f7d4;
	padding: 1px;
	width: 942px;
}
	div#public_message #message div.message{
		color: #544b3c;
		border: 1px solid #544b3c;
		padding: 15px 10px;
		text-align: center;
		font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
		word-spacing: 2px;
		text-transform: uppercase;
	}
div#publicerror, div#publicerrorErr {
	color: #FF0000;
}
#lightbox{z-index: 410;}
#overlay{z-index: 400;}

#loaderDiv, #loaderModal{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 400;
	width: 100%;
	height: 500px;
	background: #2b1f11;
}
	#loaderDiv{cursor: pointer;}
	/*skin*/ #loaderModal{z-index: 399; background: #8f8f00;}
	
#loaderChild, div.modalHolder{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 410;
	line-height: 0;
}	
	#loaderChild{cursor: pointer;}
	div.modalHolder{z-index: 405;}
	
#loaderChildBox{
	border: 1px solid #f7f7d4;
	background: #f7f7d4;
	width: 500px;
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	word-spacing: 2px;
	text-transform: uppercase;
	margin: 0 auto;
	text-align: center;
	letter-spacing: normal;
	z-index: 420;
}
	/*skin*/ div.modalHolder div.modalBox{
		display: block;
		width: 736px;
		height: auto;
		padding: 20px;
		margin: 0 auto;
		color: #333333;
		text-align: center;
		letter-spacing: normal;
		line-height: normal;
		z-index: 406;
		background: #FFFFFF;
		border: 2px solid #515001;
	}
		
	#loaderChildBox div{
		border: 1px solid #544b3c;
		padding: 20px 10px;
		color: #544b3c;
	}
	#loaderChildBox #publicerror, #loaderChildBox #publicerrorErr {
		border: 1px solid #990000;
		color: #CC0000;
	}
/* FIN - MESSAGES */

/*INCENDIE - TMP*/
#incendie{
	background:url(/images/incendie/fond.gif) #a72806 bottom left repeat-x;
}
#incendie .holder{
	background:url(/images/incendie/fond2.gif) bottom left no-repeat;
	width:980px;
	margin:0 auto;
	height:100px;
	text-align:left;
}
#incendie p{
	padding:6px 30px 0px 230px;
	margin:0;
	font-size:11px;
	line-height:14px;
	color:#fff;
	text-shadow:0px 1px 0px #630d02
}
#joindreIncendie{
	margin:0px 20px 20px;
}
#joindreIncendie p{
	padding:6px 0px 0px 0px;
	margin:0;
	font-size:11px;
	line-height:14px;
	color:#fff;
}

/*div#areaEditor {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
}*/