<!--
/* Redénition des balises HTML */
* { margin:0;padding:0; } 
body { margin: 0 0;font: normal 62.5%/1.5em "Trebuchet MS", Verdana, Arial, sans-serif; } 
hr { display:none; } 
img { border:none; } 
a { text-decoration:none; } 
a:hover { text-decoration:underline; } 
ul, li { list-style:none; } 
input, textarea  { font-family:"Trebuchet MS", Verdana, Arial, sans-serif } 

/* STRUCTURE */
#global { position:relative;width:100%;text-align:center } 
	/* TOP */
	#top { position:relative;width:760px;margin:0 auto;text-align:left;z-index:3; } 
	/* Donne une hauteur au bloc en float sous Firefox et IE/Mac */				
	#top:after { content:".";display:block;height:0;clear:both;visibility:hidden; } 
	* html #top { height: 1%; } 
	*+html #top { height: 1%; } 
	/* --------------------------------------------------------- */		
		#header { position:relative;width:760px; } 					
			#header_nav { width:760px;margin:26px 0 8px 0; } 				
				#header_nav ul { margin:0;padding:0;margin-left:10px } 
					/* Donne une hauteur au bloc en float sous Firefox et IE/Mac */				
					#header_nav ul:after { content:".";display:block;height:0;clear:both;visibility:hidden; } 
					* html #header_nav ul { height: 1%; } 
					*+html #header_nav #menu_ul { height: 1%; } 
					/* --------------------------------------------------------- */				
				#header_nav ul li { float:left;margin:0 0 } 
				#header_nav ul li a { display:block;text-decoration:none; } 
				
				#header_nav ul li a span { display:block;padding:5px 20px 1px 20px;line-height:24px;white-space:nowrap; } 
				
				#header_nav ul li ul { position:absolute;width:10em;z-index:101;padding:10px;margin-left:0 } 
				html>body #header_nav ul li ul { position:absolute;width:10em;z-index:101;padding:10px; } 
				
				#header_nav ul li ul li { float:none;margin:0;padding:0;background:none;line-height:8px; } 
				#header_nav ul li ul li a { display:block;border:1px solid } 
				#header_nav ul li ul li a:hover { display:block;border:1px solid } 
				
				#header_nav ul li ul li a span { display:block;background:none;padding:0 10px 0 10px;line-height:24px;white-space:normal; } 
				/*html>body #header_nav ul li ul li a span { display:block;background:none;padding:0 10px 0 10px;line-height:24px;white-space:normal; } */
				
				#header_nav ul li ul li a:hover span { display:block; } 							
				
			#header_content { position:relative; } 	
				/* Donne une hauteur au bloc en float sous Firefox et IE/Mac */				
				#header_content:after { content:".";display:block;height:0;clear:both;visibility:hidden; } 
				* html #header_content { height: 1%; } 
				*+html #header_content { height: 1%; } 
				/* --------------------------------------------------------- */	
				#page_title { float:left;width:300px;height:130px; } 
					#page_title h1 span img  { display:none } 
				#lang_nav { position:absolute;top:-64px;right:10px;z-index:100 } 
					
					#lang_nav li { float:left } 
					#lang_nav li a { display:block } 
					#lang_nav li a:hover, #lang_nav li a.selected {  } 
					#lang_nav li a  { padding:7px } 
					
				#user_identity { position:absolute;top:98px;left:16px;z-index:50 } 
				* html #user_identity { top:94px;left:4px; } 
				*+html #user_identity { top:94px;left:8px; } 
				
					#user_identity fieldset { border:none } 
					#user_identity fieldset legend { display:none } 
					#user_identity fieldset p { float:left;margin:0 4px } 
					#user_identity fieldset p label { display:none } 
					input#login, input#password { width:76px;border:1px solid; } 
					input#connexion  { border:0;border:1px solid;cursor:pointer;font-size:1em } 
					#user_identity a { display:none } 
				#content_header { float:left;position:absolute;right:0;width:460px;height:130px; } 
				html>body #content_header  {  } 				
					#content_header img { display:none } 
					#content_header h2 { display:none } 

	/* MIDDLE */
	#middle { position:relative;width:760px;margin:9px auto 0 auto;z-index:2;text-align:center;padding-bottom:10px; } 	
	* html #middle { padding-bottom:21px; } 
	*+html #middle { padding-bottom:10px; } 
		#middle_nav { display:block;width:760px;height:7px; } 
		html>/**/body #middle_nav { display:block;width:760px;height:7px; } 		
		#middle_nav ul { display:none; } 
		/*correctif pour IE 5*/
		#main { position:relative;width:720px;margin:0;padding:0;text-align:left;voice-family: "\" } \"";voice-family:inherit;margin:0 auto;padding:0 20px; } 
			#config_a, #config_b, #config_c, #config_d, #config_e, #config_f { position:relative; } 
			#config_a { padding-top:21px;display:block; } 
			/*
			html>body #config_a { padding-top:21px;display:block;top:-92px;margin-bottom:-90px } 
			*/
					/* Donne une hauteur au bloc en float sous Firefox et IE/Mac */				
					#config_a:after { content:".";display:block;height:0;clear:both;visibility:hidden; } 
					* html #config_a { height: 1%; } 
					*+html #config_a { height: 1%; } 
					/* --------------------------------------------------------- */		
				#ac1 { float:left;display:inline;width:500px;margin-right:12px; } 				
					#ac21 {  } 
					#ac22 { margin-top:20px; } 
				#ac2 { float:left;display:inline;width:170px;padding-left:34px; } 				
				
			#config_b {  } 
					/* Donne une hauteur au bloc en float sous Firefox et IE/Mac */				
					#config_b:after { content:".";display:block;height:0;clear:both;visibility:hidden; } 
					* html #config_b { height: 1%; } 
					*+html #config_b { height: 1%; } 
					/* --------------------------------------------------------- */
				#bl1 {  } 
				#bl2 { margin-top:20px; } 
						/* Donne une hauteur au bloc en float sous Firefox et IE/Mac */				
						#bl2:after { content:".";display:block;height:0;clear:both;visibility:hidden; } 
						* html #bl2 { height: 1%; } 
						*+html #bl2 { height: 1%; } 
						/* --------------------------------------------------------- */				
					#bl21 { float:left;width:466px;margin-right:15px; } 
					#bl22 { float:left;width:210px;margin-left:15px; } 
			#config_c  {  } 
					/* Donne une hauteur au bloc en float sous Firefox et IE/Mac */				
					#config_c:after { content:".";display:block;height:0;clear:both;visibility:hidden; } 
					* html #config_c { height: 1%; } 
					*+html #config_c { height: 1%; } 
					/* --------------------------------------------------------- */
				#cc1 { float:left;width:200px;padding:12px 10px 0 10px;voice-family: "\" } \"";voice-family:inherit;width:180px } 	
				#cc2 { float:left;width:310px;margin-left:20px;padding:2px 10px 0 0;voice-family: "\" } \"";voice-family:inherit;width:300px } 
				#cc3 { float:left;width:182px;padding:12px 0 0 22px;voice-family: "\" } \"";voice-family:inherit;width:160px } 
			#config_d {  } 
					/* Donne une hauteur au bloc en float sous Firefox et IE/Mac */				
					#config_d:after { content:".";display:block;height:0;clear:both;visibility:hidden; } 
					* html #config_d { height: 1%; } 
					*+html #config_d { height: 1%; } 
					/* --------------------------------------------------------- */
				#dl1 {  } 
				#dl2 { margin-top:20px; } 
				#dl3 { margin-top:20px; } 
			#config_e {  } 
					/* Donne une hauteur au bloc en float sous Firefox et IE/Mac */				
					#config_e:after { content:".";display:block;height:0;clear:both;visibility:hidden; } 
					* html #config_e { height: 1%; } 
					*+html #config_e { height: 1%; } 
					/* --------------------------------------------------------- */
				#ec1 { float:left;display:inline;width:170px;margin-right:12px } 
					#ec12 { margin-top:20px; } 
				#ec2 { float:left;display:inline;width:500px;padding-left:30px; } 
			#config_f {  } 
					/* Donne une hauteur au bloc en float sous Firefox et IE/Mac */				
					#config_f:after { content:".";display:block;height:0;clear:both;visibility:hidden; } 
					* html #config_f { height: 1%; } 
					*+html #config_f { height: 1%; } 
					/* --------------------------------------------------------- */
				#fl1 { float:left; } 
					#fl11 { float:left;width:466px;margin-right:15px; } 
					#fl12 { float:left;width:200px;margin-left:15px;padding-top:20px } 
				#fl2 { float:left;margin-top:20px; } 
			br.cleaner { display:none } 

	/* BOTTOM */
	#bottom { position:relative;width:760px;height:30px;margin:9px auto;text-align:center; } 
		#footer { position:relative;width:700px;margin:0 auto;padding:0 60px;text-align:right;voice-family: "\" } \"";voice-family:inherit;width:580px } 
			ul#footer_informations { position:relative;height:20px;padding-right:20px;padding-top:5px } 
			ul#footer_informations li { display:inline;padding:0 4px;line-height:20px } 
			ul#footer_informations li a  { font-size:1.1em; } 

	/* DIV SUPLEMENTAIRE */
	#extradiv_a {  } 
	#extradiv_b {  } 
	#extradiv_c {  } 
	#extradiv_d {  } 
	#extradiv_e {  } 

	
	/* CLASS */
	.text_image { position:relative; } 
		/* Donne une hauteur au bloc en float sous Firefox et IE/Mac */				
		.text_image:after { content:".";display:block;height:0;clear:both;visibility:hidden; } 
		* html .text_image { height: 1%; } 
		*+html .text_image { height: 1%; } 
		/* --------------------------------------------------------- */	
	.text_image img  { float:left;border:1px solid;margin:0 5px 5px 0; } 
	.text_image div { font-size:1.1em;text-align:justify; } 
	.text_image .col2  { display:none } 
	.text_image h3 { font-size:1.8em;margin-right:8px;padding-left:8px;line-height:1.2em;text-align:left; } 
	.text_image h3 span  { padding-left:16px } 
	
	.text_image h4 { font-size:1.4em;font-style:italic;line-height:1.65em; } 
		
	.image { position:relative;text-align:center;margin:0 } 
	.image dl dt img  { border:1px solid } 
	.image dl dd  { border:1px solid;height:14px;text-align:left } 
	.image dl dd a  { font-size:1.1em;padding-left:20px;line-height:14px } 
	

	
	.news { position:relative; } 
	.news h3 { display:block;font-size:1.4em;padding:2px 0;text-align:right;line-height:1.2em; } 
	.news h3 span  { padding-left:10px } 
	
	.news dl dt { font-weight:bold;font-size:1.2em;margin-top:6px; } 
	.news dl dd { font-size:1.1em } 
	.news dd.date { font-size:1.1em } 
	.news dd.plus { font-size:1em;margin-bottom:16px;text-align:right;margin-top:6px } 
	.news dd.plus a { padding:0 4px;border:1px solid; } 
	
	.faq  { position:relative;margin:10px 0 } 
	.faq h3 { font-size:1.8em;margin-bottom:5px;padding:10px 0 10px 0;line-height:1.2em; } 
	.faq h3 span  { padding-left:14px } 
	.faq dl  { margin-bottom:8px;border-bottom:1px solid } 
	.faq div a, .faq div  { font-size:1.1em;line-height:30px } 
	.faq dl dt a  { font-size:1.2em;font-weight:bold;padding-left:10px } 
	.faq dl dd  { font-size:1.2em;padding:6px 15px;margin-left:10px } 
	
	.forum  { position:relative;font-size:1.1em;padding:2px;margin:10px 0 0 0 } 
	.forum dl  { padding:10px } 
	.forum h3  { font-size:1.4em;margin:3px 0;padding:6px 10px 0 10px;line-height:1.2em; } 
	.forum h3 span  { padding-left:12px } 
	.forum dl dd span  { font-weight:bold } 
	.forum dl dd.plus a  { font-weight:bold;font-size:1em;background:none } 
	.forum #last_post dt  { font-weight:bold } 
	.forum p.bouton  { text-align:right;padding:8px } 
	.forum p.bouton input  { border:1px solid;font-size:1em;line-height:16px;cursor:pointer; } 
	
	.poll  { position:relative;font-size:1.1em;text-align:right;padding: 0 0;margin:0; } 
	.poll h3  { font-size:1.4em;text-align:right;margin-bottom:5px;line-height:1.2em; } 
	.poll h3 span  { padding-left:12px; } 
	.poll fieldset  { border:none } 
	.poll legend  { display:none } 
	
	.poll p  { text-align:right;margin-right:15px;height:16px } 
	
	#sondage_message  { padding:10px 0; } 
	
	.poll p label  { font-weight:bold } 
	.poll p.bouton  { margin-top:10px;padding-bottom:10px;margin-right:10px } 
	html>body .poll p.bouton  { margin-top:10px;padding-bottom:10px;margin-right:20px } 
	.poll p.bouton input  { border:1px solid;font-size:1em;padding:0 3px } 
	
	.links  { position:relative;font-size:1em; } 
	.links h3  { font-size:1.4em;line-height:1.2em; } 
	.links h3 span  { padding-left:12px; } 
	.links dl  { padding-bottom:16px } 
	.links dt  { padding:12px 0 0 12px;font-size:1.2em;font-weight:bold } 
	.links dt a  { font-size:1.2em;font-weight:bold } 
	.links dd  { padding:5px 12px;font-size:1.1em; } 
	.links dd.plus { padding:0 } 
	.links dd.plus a  { font-size:0.9em;margin-left:12px;padding:0 5px;border:1px solid } 

	.articles  { position:relative;font-size:1em; } 
	.articles h3  { font-size:1.4em;line-height:1.2em; } 
	.articles h3 span  { padding-left:12px; } 
	.articles dl  { padding-bottom:16px } 
	.articles dt  { padding:12px 0 0 12px;font-size:1.2em;font-weight:bold } 
	.articles div.article_image { padding:5px 12px; } 
		/* Donne une hauteur au bloc en float sous Firefox et IE/Mac */				
		.articles div.article_image:after { content:".";display:block;height:0;clear:both;visibility:hidden; } 
		* html div.articles .article_image { height: 1%; } 
		*+html div.articles .article_image { height: 1%; } 
		/* --------------------------------------------------------- */		
	.articles img { float:left;margin:0 5px 0 0; } 
	.articles div.article_image p { text-align:justify;font-size:1.1em; } 		
	.articles dd  { padding:5px 12px;font-size:1.1em; } 
	.articles dl dd.price { text-align:right;margin-top:3px; } 	
	.articles dd.plus { padding:0 12px 0 0;text-align:right; } 
	.articles dd.plus a  { font-size:0.9em;margin-left:12px;padding:0 5px;border:1px solid } 
	
	.downloads  { position:relative; } 
	.downloads dl  { margin-bottom:20px;padding-bottom:8px } 
	.downloads h3  { font-size:2em;padding:8px 0;margin-bottom:8px;line-height:1.2em; } 
	.downloads h3 span  { padding-left:10px } 
	.downloads dt a  { font-size:1.2em;font-weight:bold;padding-left:10px } 
	.downloads dl dd  { font-size:1.1em; } 
	.downloads dl dd.plus  { font-size:1em;font-weight:bold;text-align:right } 
	.downloads dl dd.plus a  {  } 
	.downloads dl dd.plus a:hover  { text-decoration:none; } 
	.downloads dl dd.plus a img { vertical-align:middle;padding-right:10px; } 
	.downloads dl dd.plus2  { display:none } 
	
	.jobs  { position:relative; } 
	.jobs h3  { font-size:1.4em;text-align:right;margin-bottom:6px;line-height:1.2em; } 
	.jobs h3 span  { padding-left:10px } 
	.jobs dl  { padding:12px 0 } 
	.jobs dl dt  { font-size:1.2em;padding:0 10px;font-weight:bold;text-align:right } 
	.jobs dl dd  { padding:0 10px;font-size:1.1em;text-align:right } 
	.jobs dl dd.plus  { font-size:1em;margin-top:4px } 
	.jobs dl dd.plus a  { padding:0 4px;border:1px solid } 
	#overDiv .jobs h3, #overDiv .jobs dl dt, #overDiv .jobs dl dd  { text-align:left; } 
	
	.gallery  { position:relative;padding-bottom:16px } 
	html>body .gallery  { position:relative;padding-bottom:6px } 
		/* Donne une hauteur au bloc en float sous Firefox et IE/Mac */				
		.gallery:after { content:".";display:block;height:0;clear:both;visibility:hidden; } 
		* html .gallery { height: 1%; } 
		*+html .gallery { height: 1%; } 
		/* --------------------------------------------------------- */				
	.gallery h3  { font-size:1.8em;line-height:1.2em;margin-bottom:12px;padding-top:0.3em;padding-bottom:0.3em; } 
	.gallery h3 span  { padding-left:14px } 
	.gallery dl  { float:left;display:inline;margin:0 12px 10px 12px; } 
	.gallery dl dt  {  } 
	.gallery dl dd.plus  { display:none; } 
	.gallery dl dd.plus2  { font-size:1.1em;border:1px solid;height:15px; } 
	.gallery dl dd.plus2 a  { padding-left:16px; } 
	.gallery dl dd.plus3  { display:none; } 
	.gallery dl dd.plus  { text-align:right;padding-right:4px; } 
	.gallery dl dd.plus a  { background:none; } 
	.gallery dl dt a img  { border:1px solid; } 
	
	.contact { position:relative; } 
	.contact h3 { font-size:1.6em;font-weight:bold;line-height:1.2em;padding:0 0 5px 0; } 
	.contact h3 span  { padding-left:12px } 
	.contact fieldset { border:none;font-size:1.1em;text-align:center; } 
	.contact fieldset legend { display:none; } 
	.contact fieldset p { width:99%;margin:0 auto;margin-top:5px; } 
		/* Donne une hauteur au bloc en float sous Firefox et IE/Mac */				
		.contact fieldset p:after { content:".";display:block;height:0;clear:both;visibility:hidden; } 
		* html .contact fieldset p { height: 1%; } 
		*+html .contact fieldset p { height: 1%; } 
		/* --------------------------------------------------------- */		
	.contact fieldset p#contact_message { width:98%;text-align:left;font-size:1em;margin-left:1%; } 
	.contact fieldset div#contact_message { width:98%;text-align:left;font-size:1em;margin-left:1%;margin-top:5px; } 
	.contact fieldset div#contact_message p { width:100%;margin:0;padding:0; } 
	.contact fieldset label { float:left;width:80px;padding-right:5px;margin-right:5px;font-weight:bold;text-align:right; } 
	.contact fieldset input#lastname, .contact fieldset input#firstname, .contact fieldset input#email,
	.contact fieldset input#subject, .contact fieldset textarea#message { float:left;width:69%;border:0;border:none;font-size:1.1em } 
	.contact fieldset p.bouton { text-align:right;background:none;padding-bottom:3px;margin-bottom:3px;width:69%;margin-left:89px; } 
	.contact fieldset p.bouton input { font-size:1.1em;line-height:1.2em;height:1.5em;border:1px solid;cursor:pointer; } 
	.contact fieldset .chpSup { border:0;border:none;font-size:1.1em } 
	.contact fieldset select.chpSup { font-size:1.1em;font-family: "Trebuchet MS", Verdana, Arial, sans-serif; } 
	.contact fieldset textarea#message { height:120px; } 
	
	.contact fieldset .ContactTable { text-align:center;width:100%; } 
	.contact fieldset .ContactTable tr td { padding-bottom:4px;padding-top:4px; } 
	.contact fieldset .ContactTable tr td.label { width:25%;text-align:right;vertical-align:top;font-weight:bold; } 
	.contact fieldset .ContactTable tr td.input { width:75%;text-align:left;padding-left:5px; } 
	.contact fieldset .ContactTable tr td.input input,.contact fieldset .ContactTable tr td.input textarea { width:96% } 
	.contact fieldset .ContactTable tr td.bouton { text-align:center;width:100%; } 
	.contact fieldset .ContactTable tr td.bouton input { font-size:1.1em;line-height:1.2em;height:1.5em;border:1px solid;cursor:pointer; } 
	
		
	.plan { position:relative;padding-bottom:5px; } 
		/* Donne une hauteur au bloc en float sous Firefox et IE/Mac */				
		.plan:after { content:".";display:block;height:0;clear:both;visibility:hidden; } 
		* html .plan { height: 1%; } 
		*+html .plan { height: 1%; } 
		/* --------------------------------------------------------- */				
	.plan h3 { font-size:1.3em;margin-bottom:5px;line-height:1.2em; } 
	.plan img { float:left;margin:0 10px 10px 0; } 
	.plan dl { font-size:1.2em; } 
	.plan dl dt { font-weight:bold; } 
	
	.shop { position:relative;width:168px } 
	.shop h3 { font-size:1.4em;padding:6px 10px 0 10px;line-height:1.2em; } 
	.shop h3 span { padding-left:15px } 
	.shop dl { font-size:1.1em;margin-top:5px;text-align:center; } 
	.shop dl dt img { text-align:center; } 
	.shop dl dd span.crossline { font-size:0.9em;text-decoration:line-through; } 
	.shop p.bouton { background:none;text-align:center; } 
	.shop p.bouton input { display:block;font-size:1.1em;border:0;border:none;margin-top:5px;cursor:pointer; } 
	
.gallery dl { height:115px; width:100px; } 
.gallery dl dt { height:100px; } 
.text_image br { display:inline; } 
.contact br { display:inline; } 
.news br { display:inline; } 
.jobs br { display:inline; } 
.articles br { display:inline; } 
.downloads br { display:inline; } 
.links br { display:inline; } 
.faq br { display:inline; } 
.forum br { display:inline; } 

#bl1 .contact fieldset label, #dl1 .contact fieldset label, #dl2 .contact fieldset label, #dl3 .contact fieldset label, #fl2 .contact fieldset label  { width:15% } 
#bl1 .contact fieldset p.bouton, #dl1 .contact fieldset p.bouton, #dl2 .contact fieldset p.bouton, #dl3 .contact fieldset p.bouton, #fl2 .contact fieldset p.bouton  { width:85%;margin-left:0; } 
.contact div#contact_description { font-size:1.1em;margin-left:5px;margin-right:5px; } 

#fl12 .text_image div h3, #bl22 .text_image div h3, #ac21 .text_image div h3, #ac22 .text_image div h3, #ec11 .text_image div h3, #ec12 .text_image div h3, #cc1 .text_image div h3, #cc2 .text_image div h3, #cc3 .text_image div h3  { font-size:1.3em; } 
#fl12 .downloads h3, #bl22 .downloads h3, #ac21 .downloads h3, #ac22 .downloads h3, #ec11 .downloads h3, #ec12 .downloads h3, #cc1 .downloads h3, #cc2 .downloads h3, #cc3 .downloads h3  { font-size:1.3em; } 
#fl12 .faq h3, #bl22 .faq h3, #ac21 .faq h3, #ac22 .faq h3, #ec11 .faq h3, #ec12 .faq h3, #cc1 .faq h3, #cc2 .faq h3, #cc3 .faq h3  { font-size:1.3em; } 

.contact h3, .jobs h3, .downloads h3, .faq h3, .poll h3, .links h3, .articles h3, .news h3 { width:100%; } 

.mentions_legales_titre  { font-size:1.2em;line-height:1.5em; } 
.mentions_legales  { font-size:0.8em; } 
.mentions_legales_titre2  { font-size:1.3em;line-height:1.5em; } 
.mentions_legales2  { font-size:0.9em; } 
.mentions_legales3  { font-size:0.8em; } 

ul li#li_deconnexion { display:none; } 
ul li#li_deconnexion_separator { display:none; } 
-->