/*

__        __      ____   ____        _       _   _                 
\ \      / / __  / ___| / ___|  ___ | |_   _| |_|_| ___  _ __  ___ 
 \ \ /\ / / '_ \| |  _  \___ \ / _ \| | | | | __| |/ _ \| '_ \/ __|
  \ V  V /| | | | |_| |  ___| | |_| | | |_| | |_| | |_| | | | \__ \
   \_/\_/ |_| |_|\____| |____/ \___/|_|\__,_|\__|_|\___/|_| |_|___/



	*********************************************************
	*                                                       *
	*   Copyright 2007 WnG Solutions                        *
	*                                                       *
	*   WnG Solutions                                       *
	*   Rue Centrale 15                                     *
 	*   1003 Lausanne                                       *
	*   Suisse - Switzerland                                *
	*   http://www.wng.ch                                   *
	*                                                       *
	*              - -                                      *
	*                                                       *
	*   Nous vous remercions de l'attention que vous        *
	*   portez a notre code.                                *
	*                                                       *
	*              - -                                      *
	*                                                       *
	*   Thanks for looking at our sources.                  *
	*                                                       *
	*********************************************************


*/




/* ----- * Defaults * ----- */

		/* ----- * All * ----- */
		
		* {
			padding:0px;
			margin:0px;
			
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			
			color:#333333;
		}
		
		html {
			margin-bottom: 0.1px;
			height:100%;
		}

		body {
			background:#535353 url(../images/background.gif) repeat-x;
			text-align:center;
		}
		
		.spacer {
			clear:both;
			font-size:0;
		}
		
		.floatL {
			float:left;
		}
		
		.floatR {
			float:right;
		}
		
		.hideMe {
			position:absolute;
			left:-9999px;
			top:-9999px;
		}
		
		.contentMargins {
			margin-left:10px;
			margin-right:10px;
		}
		
		.topMargin {
			margin-top:20px;
		}
		
		.bottomMargin {
			margin-bottom:20px;
		}
		
		/* ----- * /All * ----- */
		
		/* ----- * Headers * ----- */
		
		h1 {
			font-size:16px;
			
			margin-bottom:10px;
		}
		
		h2 {
			font-size:14px;
			
			margin-bottom:6px;
			color:#7898c4;
		}
		
		h3 {
			font-size:12px;
			
			margin-bottom:6px;
			color:#7898c4;
		}
		
		/* ----- * /Headers * ----- */
			
		/* ----- * Text * ----- */
		
		p {
			margin-bottom:10px;
		}
		
		hr {
			height:1px;
			border:1px solid #eeeded;
			
			margin:0 5px;
		}
		
		/* ----- * /Text * ----- */
		
		/* ----- * Links * ----- */
		
		a {
			text-decoration:underline;
			color:#7898c4;
		}
		
		a:hover {
			text-decoration:underline;
			color:#333;
		}
		
		/* ----- * /Links * ----- */
			
		/* ----- * Forms * ----- */
		
		.textInput {
			color:#191B68;
			
			border:1px solid #819CC9;
		}
		
		.submitInput {
			color:#191B68;
			background: #eeeded;
			
			border:1px solid #191B68;
			padding:2px;
		}
		
		.mandatory {
			color:#FF0000;
		}
		
		/* ----- * /Forms * ----- */
			
		/* ----- * Tables * ----- */
		
		.row td {
			background:#eeeded;
		}
		
		.altRow td {
			background:#fafafa;
		}
		
		/* ----- * /Tables * ----- */

		/* ----- * Lists * ----- */

		ul {
			list-style: none;
		}

		/* ----- * /Lists * ----- */
		
/* ----- * /Defaults * ----- */

/* ----- * Containers * ----- */

#global {
	width:820px;
	
	margin:10px auto;
}

#site {
	background:url(../images/borders.png) repeat-y; /* Problème affichage menu IE */
}

/* ----- * /Containers * ----- */

/* ----- * Banner * ----- */

#banner {
	background:url(../images/banner.png) no-repeat;
	height:114px;
}

#banner h1 a {
	display:block;
	
	width:200px;
	height:60px;
	
	margin-left:30px;
	margin-top:30px;
	
	float:left;
}

#flash_banner {
	float:right;
	
	margin-right:20px;
	margin-top:20px;
}

	/* ----- * Langues * ----- */
	
	#menuLang {
		float:right;
		
		clear:right;
		margin-right:20px;
	}
	
	#menuLang ul {
		list-style:none;
	}
	
	#menuLang ul li {
		display:inline;
	}

	#menuLang ul li a {
		font-weight:bold;
		color:#000;
		font-size:11px;
		
		display:block;
		float:right;
		
		padding:0 5px;
		text-decoration:none;
				
		background:url(../images/language_sep.gif) left 2px no-repeat;
	}

	#menuLang ul li a:hover {
		text-decoration:none;
		color:#7898c4;
	}

	#menuLang ul li.first a {
		background:none;
	}

	#menuLang ul li.menuOn a {
		color:#7898c4;
	}

	/* ----- * /Langues * ----- */

/* ----- * /Banner * ----- */

/* ----- * Menu * ----- */

#menuMain {	
	background:#e3e3e3;
	border-bottom:2px solid #FFF;
}

#menuMain ul.menuMain {
	float:left; /* Problème affichage menu IE */
}

#menuMain ul {
	list-style:none;
	
	margin-left:8px;
	margin-right:8px;
	background-color: transparent;
}

#menuMain ul li {
	display:inline;
}

	/* ----- * Tools * ----- */
	
	.tools {
		float:right;
	}
	
	#tools {
		float:right;
		background-color: transparent;
		
		margin-top:5px;
		margin-right:10px;
	}

	#tools a {
		margin-left:1px;
	}

	/* ----- * /Tools * ----- */
	
/* ----- * /Menu * ----- */

/* ----- * Visuels * ----- */

#visuals {
	border-bottom:1px solid #FFF;
}

#visuLeft {
	float:left;
}

.tx-rbflashobject-pi1-swf_altcontent {
	
}

#visuRight {
	float:right;
}

/* ----- * /Visuels * ----- */

/* ----- * Content * ----- */

#content {
	text-align:left;
}

#contentLeft {
	float:left;
	width:160px;
}

#contentRight {
	float:right;
	width:180px;
}

	/* ----- * Submenu * ----- */
	
	#contentLeft ul {
		list-style:none;
	}
	
	#contentLeft ul.menuSub {
		background:#eeeded;
	}
	
	#contentLeft ul.menuSub li {
		text-align:left;
		
		border-bottom:1px solid #fff;
	}
	
	#contentLeft ul.menuSub li a {
		display:block;
		
		text-decoration:none;
		
		padding:6px 20px 6px 10px;
	}
	
	#contentLeft ul.menuSub li a:hover {
		background:#fafafa;
		text-decoration:none;
		color:#7898c4;
	}
	
	#contentLeft ul.menuSub li.menuOn a {
		background:url(../images/menuBkgOn.jpg) no-repeat;
	}
	
	#contentLeft ul.home {
		margin-top:10px;
	}
	
	#contentLeft ul.home li {
		margin-bottom:3px;
	}
	
	#contentLeft ul.home li a {

	}
	
	/* ----- * /Submenu * ----- */

	/* ----- * Accroches * ----- */

	.accroche {
		background:url(../images/gradient_right.jpg) right top no-repeat;
		
		padding:16px 16px 16px 0;
		
		min-height:120px;
	}

	.accroche img {
		margin-top:10px;
	}

	.accroche h3 {
		color:#7898c4;
		
		margin-bottom:8px;
	}

	.accroche h3 a {
		font-size:12px;
		text-decoration:none;
	}

	.accroche h3 a:hover {
		text-decoration:none;
		color:#7898c4;
	}

	.accroche p {
		font-size:12px;
	}

	.accroche p .precision{
		display:block;
		color:#7898c4;
	}

	.accroche p.more a {
		color:#000;
		text-decoration:underline;
	}

	/* ----- * /Accroches * ----- */

	/* ----- * Contenu * ----- */

	#contentMain {
		text-align:justify;
		overflow:hidden;
		
		padding:0 24px 0 24px;
		
		min-height:200px;
	}

			/* ----- Texte ----- */
			
			#contentMain h2 {
				margin-top:26px;
				margin-bottom:10px;
			}
	
			#contentMain h3 {
				margin-top:16px;
			}
	
			p.pdfDownload {
				margin-top:20px;
			}
			
			p.pdfDownload a {
				background-color:#FF0000;
				
				padding-left:24px;
				padding-top:3px;
				padding-bottom:3px;
				
				background:url(../images/filetypes/pdf.png);
				background-repeat:no-repeat;
				background-position:1px;
			}
			
			#contentMain ul {
				margin-bottom:10px;
			}
				
			#contentMain ul li {
				background:url(../images/puce.gif) left 3px no-repeat;
				
				padding-left:14px;
			}
				
			/* ----- /Texte ----- */		
				
			/* ----- Images ----- */		

			.csc-textpic-imagewrap {
				margin:5px;
			}

			/* ----- /Images ----- */		

			/* ----- Tableaux ----- */

				/* ----- Tableaux des références ----- */

				table.wfqbe_table_results td {
					text-align: left;
				}

				/* ----- /Tableaux des références ----- */

				/* ----- Données ----- */
			
				table.dataTable {
					
				}
				
				table.dataTable td {
					border-bottom:1px solid #eeeded;
				}
				
				table.dataTable td p {
					margin-top:3px;
					margin-bottom:3px;
				}
				
				table.dataTable th {
					background-color:#eeeded;
		
					text-align:right;
					
					padding-left:8px;
					padding-right:8px;
				}
				
				table.dataTable td h3 {
					margin-top:16px;
					margin-bottom:3px;
				}
				
				table.dataTable td p {
					margin-right:8px;
				}
				
				td.grayBkg {
					background-color:#eeeded;
				}
				
				td.grayBkg p {
					text-align:right;
					
					margin-left:8px;
					margin-right:8px;
				}
				
				td.alignRight p {
					text-align:right;
					
					margin-left:8px;
					margin-right:8px;
				}
			
				/* ----- /Données ----- */
		
			/* ----- /Tableaux ----- */

			/* ----- Formulaires ----- */
			
			#contentMain fieldset {
				border: 0;
			}
			
			#contentMain fieldset legend {
				margin: 0 0 10px 0;
			}
			
			#contentMain fieldset ul {
				list-style: none;
			}
			
			#contentMain fieldset ul li {
				padding-left: 0;
				background-image: none;
			}
			
			#contentMain fieldset ul li.floatL {
				margin-right: 30px;
			}
			
			#contentMain fieldset label {
				width: 80px;
				display: block;
				float: left;
			}
			
			#contentMain fieldset.userForm label {
				width: 100px;
				display: block;
				float: left;
			}
			
			#contentMain fieldset select, #contentMain fieldset input, #contentMain fieldset textarea {
				padding: 1px;
				border: 1px #000 solid;
				font-size: inherit;
				font-family: inherit;
			}
			
			#contentMain #mailto {
				width:160px;
			}
			
			/* Note: ":focus" ne fonctionne pas sur IE */
			#contentMain fieldset select:focus, #contentMain fieldset input:focus, #contentMain fieldset textarea:focus {
				border: 1px #7898c4 solid;
			}
			
			#contentMain fieldset.userForm input.text {
				padding: 2px;
				width: 110px;
			}
			
			#contentMain fieldset input.text {
				padding: 2px;
				width: 100px;
			}
			
			#contentMain #mailtooForm input.text {
				width: 200px;
			}
			
			#contentMain fieldset input.file {
				border: 1px #7898c4 solid;
				padding: 2px;
				width: 100px;
			}
			
			#contentMain fieldset input.long {
				padding: 2px;
				width: 316px;
			}
			
			#contentMain fieldset.userForm input.long {
				padding: 2px;
				width: 356px;
			}
			
			#contentMain fieldset input.button {
				padding: 3px;
				font-weight: bold;
				background: #eeeded;
			}
			
			#contentMain fieldset textarea {
				padding: 2px;
				width: 316px;
				height: 109px;
				line-height: 1.4em;
			}
			
			#contentMain fieldset li.submitForm {
				margin-left: 80px;
			}
			
			#contentMain fieldset.userForm li.submitForm {
				margin-left: 100px;
			}
			
			#contentMain fieldset li {
				margin-bottom: 4px;
			}
			
			#contentMain div.errorList ul, #contentMain ul.errorList {
				font-size: 11px;
				list-style: none;
				border: 1px #7898c4 solid;
				background: #eeeded;
				padding: 10px 0 10px 20px;
				margin-bottom:10px;
			}
			
			#contentMain div.errorList ul li, #contentMain ul.errorList li {
				margin: 3px 0;
				padding-top: 0;
				padding-bottom: 0;
			}
			
			#contentMain fieldset .recaptcha {
				margin: 10px 0 20px 0;
			}
			
			#contentMain fieldset .recaptcha #recaptcha_image {
				padding-bottom: 10px;
			}
			
			#contentMain fieldset .recaptcha img {
				border: 1px #000000 solid;
			}
			
			/* ----- /Formulaire ----- */

			/* ----- FAQ ----- */

			.tx-irfaq-answer {
				margin-bottom:20px;
			}

			/* ----- /FAQ ----- */

			/* ----- Commandes ----- */

			div.tx-spoofcom-pi1 {
				margin-top:20px;
				margin-bottom:20px;
			}

			ul.nfonbrList {
				background:#eeeded;
				
				margin-bottom:10px;
				padding:14px 0 6px 4px;
			}

			ul.itemList {
				list-style:none;
				margin-top:15px;
			}

			ul.itemList li {
				margin-bottom:10px;
			}

			.orderLink {
				margin-left:10px;
		
				padding-left:24px;
				padding-top:3px;
				padding-bottom:3px;
				
				background:url(../images/pictos/cart_add.png) 0px 1px no-repeat;
			}
			
			.cartListingSimple {
				list-style:none;
			}

			.cartListing td {
				background:#eeeded;
				border-top:1px solid #fff;
				border-bottom:1px solid #fff;
				
				padding:3px;
			}

			.cartListing td img {
				border:0;
			}

			.cartDetails a {
				padding-left:24px;
				padding-bottom:3px;
				padding-top:3px;
				background:url(../images/pictos/cart.png) 0 1px no-repeat;
			}

			.dropCart a {
				padding-left:24px;
				padding-bottom:3px;
				padding-top:3px;
				background:url(../images/pictos/trash.png) 0 1px no-repeat;
			}

			/* ----- /Commandes ----- */

			/* ----- Sitemap ----- */
	
			#content div.csc-sitemap {
			
			}
	
			#content div.csc-sitemap ul {
				list-style:none;
				padding-left:0;
			}
	
			#content div.csc-sitemap li {
				margin-top:10px;
			}
	
			#content div.csc-sitemap li a {
				text-decoration:none;
			}
	
			#content div.csc-sitemap li a:hover {
				text-decoration:underline;
			}
	
			#content div.csc-sitemap li ul {
				padding-left:16px;
				margin-top:4px;
			}
	
			#content div.csc-sitemap li ul li {
				margin-top:2px;
				background:none;
				
				padding-left:0;
			}
	
			#content div.csc-sitemap li ul li a {
				background:url(../images/puce2.gif) left center no-repeat;
				
				padding-left:10px;
			}
	
			#content div.csc-sitemap li ul li ul li a {
				background:none;
			}
	
			/* ----- /Sitemap ----- */

			/* ----- Résultats de la recherche ----- */

			#content div#searchForm fieldset {
				border: 1px #7898c4 solid;
				background: #eeeded;
				padding: 20px;
			}

			#content div#searchForm fieldset legend {
				font-size: 11px;
				margin: 0 0 10px 0;
			}

			#content div#searchForm label {
				display: block;
				float: left;
				margin-right: 50px;
			}

			#content div#searchForm input {
				padding: 2px;
				border: 1px #7898c4 solid;
				font-size: 11px;
				font-family: inherit;
				color: #333333;
			}

			/* Note: ":focus" ne fonctionne pas sur IE */
			#content div#searchForm input:focus {
				border: 1px #7898c4 solid;
			}

			#content div#searchForm input.text {
				padding: 2px;
				width: 150px;
			}

			#content div#searchForm input.button {
				padding: 1px;
				font-weight: bold;
				background: #eeeded;
			}

			#content div.tx-indexedsearch-whatis p {
				font-size: 13px;
				margin-top: 20px;
				margin-bottom: 0;
			}

			#content div.tx-indexedsearch-browsebox {
				margin-bottom: 30px;
			}

			#content div.tx-indexedsearch-browsebox p {
				margin: 0;
				padding-left: 0;
				font-size: 13px;
			}

			#content div.tx-indexedsearch-browsebox ul {
				list-style: none;
				margin: 0 0 10px 0;
				padding: 0;
			}

			#content div.tx-indexedsearch-browsebox li {
				background-image: none;
				display: inline;
				margin: 0;
				padding: 0 15px 0 0;
			}

			#content div.searchResults h3 {
				font-size: 15px;
				font-weight: bold;
			}

			#content div.searchResults p {
				font-size: 12px;
				margin: 3px 0 0 0;
				padding: 0;
			}

			#content div.searchResults dl {
				margin: 0 0 20px 0;
				padding: 0;
				font-size: 10px;
			}

			#content div.searchResults dt {
				display: inline;
			}

			#content div.searchResults dd {
				margin-right: 8px;
				display: inline;
			}

			#content div.searchResults dd a {
				text-decoration: none;
			}

			/* ----- /Résultats de la recherche ----- */

	/* ----- * /Contenu * ----- */

/* ----- * /Content * ----- */

/* ----- * Footer * ----- */

#footer {
	background:url(../images/footer.png) no-repeat;
	height:93px;
}

#footer p {
	position:relative;
	top:60px;
	
	font-size:10px;
	color:#605f5f;
}

#footer p a {
	font-size:10px;
	color:#605f5f;
	text-decoration:none;
}

/* ----- * /Footer * ----- */