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

/* STRUCTURE */
#global { position:relative;left:50%;margin-left:-380px;width:760px;z-index:1;border:1px solid; } 
	/* TOP */
	#top { position:relative;width:100%;z-index:3; } 
		#header { position:relative;width:100%;z-index:4; } 
			#header_nav {  } 
				#header_nav ul { position:relative;width:100%;z-index:6; } 
					/* 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 ul #menu_ul { height: 1%; } 
					/* --------------------------------------------------------- */				
				#header_nav li { float:left;line-height:2em; } 
				#header_nav a { display:block;padding:0 20px;text-decoration:none;font-size:1.3em;font-weight:bold; } 
				#header_nav li a span  { white-space:nowrap; } 
				#header_nav li ul { position:absolute;left:0;width:760px; } 
				#header_nav li ul li { display:inline;background:none; } 
				#header_nav li ul li a { font-weight:normal; } 
				#header_nav li ul li a:hover { font-weight:bold; } 
				#header_nav li ul li a span { white-space:nowrap; } 
			#header_content { border-top:1px solid; } 
				#page_title { position:absolute;right:0;bottom:37px;z-index:5;width:328px;height:100px; } 
				#page_title img { display:none; } 
				#lang_nav { position:absolute;right:3px;bottom:35px;z-index:5;height:23px; } 
					#lang_nav li { display:inline } 
					#lang_nav li a { font-weight:bold;padding:0 2px; } 
					#lang_nav li a:hover, #lang_nav li a.selected { text-decoration:none; } 
				#user_identity { position:absolute;right:5px;bottom:10px;z-index:5;height:23px; } 
					#user_identity fieldset { border:none;width:244px; } 
					#user_identity fieldset legend { display:none; } 
					#user_identity fieldset p { float:left; } 
					#user_identity fieldset p label { display:none; } 
					input#login, input#password { width:100px;margin-right:10px;border:1px solid;height:16px } 
					input#connexion { font-size:1em;line-height:1.5em;border:1px solid;cursor:pointer; } 
				#user_identity a { display:none; } 
				#content_header { width:430px;height:159px; } 
					#content_header img { display:none; } 
					#content_header h2 { display:none; } 

	/* MIDDLE */
	#middle { position:relative;width:100%;z-index:2;border-top:1px solid; } 
		#middle_nav { display:none; } 
		#main { margin:20px; } 
			#config_a, #config_b, #config_c, #config_d, #config_e, #config_f { position:relative;width:720px; } 
			#config_a {  } 
					/* 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;width:455px;padding-right:25px;voice-family: "\" } \"";voice-family:inherit;width:435px; } 
				#ac2 { float:left;width:258px;padding-left:25px;voice-family: "\" } \"";voice-family:inherit;width:227px; } 
					#ac21 {  } 
					#ac22 { margin-top:20px; } 
			#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:349px;margin-right:10px;voice-family: "\" } \"";voice-family:inherit;width:349px; } 
					#bl22 { float:left;width:349px;margin-left:10px;voice-family: "\" } \"";voice-family:inherit;width:349px; } 
			#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:239px;padding-right:15px;voice-family: "\" } \"";voice-family:inherit;width:222px; } 
				#cc2 { float:left;width:239px;padding-right:15px;voice-family: "\" } \"";voice-family:inherit;width:236px; } 
				#cc3 { float:left;width:240px;voice-family: "\" } \"";voice-family:inherit;width:230px; } 
			#config_d {  } 
				#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;width:258px;padding-right:25px;voice-family: "\" } \"";voice-family:inherit;width:227px; } 
					#ec11 {  } 
					#ec12 { margin-top:20px; } 
				#ec2 { float:left;width:455px;padding-left:25px;voice-family: "\" } \"";voice-family:inherit;width:435px; } 
			#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 {  } 
						/* Donne une hauteur au bloc en float sous Firefox et IE/Mac */				
						#fl1:after { content:".";display:block;height:0;clear:both;visibility:hidden; } 
						* html #fl1 { height: 1%; } 
						*+html #fl1 { height: 1%; } 
						/* --------------------------------------------------------- */				
					#fl11 { float:left;width:349px;margin-right:10px;voice-family: "\" } \"";voice-family:inherit;width:349px; } 
					#fl12 { float:left;width:349px;margin-left:10px;voice-family: "\" } \"";voice-family:inherit;width:349px; } 
				#fl2 { margin-top:20px; } 
		br.cleaner { clear:both;height:0;line-height:0; } 

	/* BOTTOM */
	#bottom { position:relative;width:100%;z-index:2; } 
		#footer { text-align:center;width:718px;margin:0 20px; } 
			ul#footer_informations { border-top:1px solid;margin:10px 0 20px 0; } 
			ul#footer_informations li { display:inline; } 

	/* 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 h3 { font-size:1.9em;line-height:1.2em;font-weight:bold;font-style:italic;text-align:left;padding-top:0.4em;padding-bottom:0.4em; } 
.text_image h4 { font-size:1.4em; } 
.text_image div { text-align:justify;font-size:1.2em; } 
.text_image div img { float:left;border:5px solid;margin:0 10px 5px 0; } 
.text_image div.col2 { display:none; } 

.image { position:relative;text-align:center; } 
.image dl dt img { margin-top:10px; } 
.image dl dd { padding-bottom:5px; } 
.image dl dd a { font-size:1.2em;line-height:1.5em; } 

.news { position:relative; } 
.news h3 { font-size:1.3em;line-height:1.2em;border-bottom:1px solid;padding-bottom:0.4em;padding-top:0.4em;margin-bottom:6px; } 
.news h3 span { padding-left:10px; } 
.news dl { text-align:justify; } 
.news dl dt { font-size:1.2em;font-weight:bold; } 
.news dl dd { font-size:1.1em; } 
.news dl dd.date { font-size:1.1em;font-weight:bold; } 
.news dl dd.plus { text-align:right;line-height:1em; } 
.news dl dd.plus a { padding:0 0 0 5px;font-size:0.9em; } 

.jobs { position:relative; } 
.jobs h3 { font-size:1.9em;line-height:1.2em;font-weight:bold;font-style:italic;padding-top:0.4em;padding-bottom:0.4em; } 
.jobs h3 { border-bottom:1px solid; } 
.jobs dl { margin-top:2px;text-align:justify;border-bottom:1px solid; } 
.jobs dl.impaire { margin:20px 0; } 
.jobs dl dt { font-size:1.2em;font-weight:bold;padding:10px 10px 0 10px; } 
.jobs dl dd { font-size:1.1em;padding:0 10px 10px 10px;border-bottom:1px solid; } 
.jobs dl dd.plus { padding:0;text-align:right;border:0;line-height:1.5em; } 
.jobs dl dd.plus a { font-size:1em;padding-left:10px; } 
.jobs dl dd.plus span { margin:0 10px; } 

.links { position:relative; } 
.links h3 { font-size:1.3em;line-height:1.2em;border-bottom:1px solid;padding-bottom:0.4em;padding-top:0.4em; } 
.links h3 span { padding-left:10px; } 
.links dl { margin-top:10px; } 
.links dl dt { font-weight:bold; } 
.links dl.impaire {  } 
.links dl dt { font-size:1.2em;line-height:1.5em; } 
.links dl dd { font-size:1.1em;line-height:1.5em;text-align:justify; } 
.links dl dd.plus { border-bottom:1px solid; } 

.articles { position:relative; } 
.articles h3 { font-size:1.3em;line-height:1.2em;border-bottom:1px solid;padding-bottom:0.4em;padding-top:0.4em; } 
.articles h3 span { padding-left:10px; } 
.articles dl { margin-top:10px; } 
.articles dl dt { font-weight:bold; } 
.articles dl.impaire {  } 
.articles dl dt { font-size:1.2em;line-height:1.5em; } 
.articles div.article_image {  } 
	/* 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 dl dd { font-size:1.1em;line-height:1.5em; } 
.articles dl dd.price { text-align:right;margin-top:3px; } 
.articles dl dd.plus { text-align:right;border-bottom:1px solid; } 

.downloads { position:relative; } 
.downloads h3 { font-size:1.3em;line-height:1.2em;border-bottom:1px solid;padding-bottom:0.4em;padding-top:0.4em; } 
.downloads h3 span { padding-left:10px; } 
.downloads dl { text-align:justify;margin-top:10px; } 
.downloads dl.impaire {  } 
.downloads dl dt { font-size:1.2em;line-height:1.5em;font-weight:bold; } 
.downloads dl dd { font-size:1.1em;line-height:1.5em; } 
.downloads dl dd.plus { border-bottom:1px solid;padding-bottom:5px; } 
.downloads dl dd.plus img { vertical-align:middle;margin-right:10px; } 

.gallery { position:relative; } 
.gallery { border-bottom:1px solid; } 
	/* 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.9em;line-height:1.2em;font-weight:bold;font-style:italic;padding-bottom:0.4em;padding-top:0.4em; } 
.gallery h3 { margin-bottom:15px; } 
.gallery h3 { border-bottom:1px solid; } 
.gallery dl { float:left;margin:0 20px 20px 0;display:inline; } 
.gallery dl dd.plus, .gallery dl dd.plus3 { display:none; } 
.gallery dl dd.plus2 { height:15px; } 
.gallery dl dd.plus2 a { display:block;font-size:1.2em;padding-right:14px; } 
/* Largeur à 719 au lieu de 720 par défaut, car sous IE6, la dernière image arrive au bout du div et on voit un dédoublement du libellé de l'image, si on agrandit le div, le problème subsiste à 721 et 722, mais ensuite il faut revoir les largeurs des div parents pour ne pas agrandir la page */
#bl1 .gallery, #dl1 .gallery, #dl2 .gallery, #dl3 .gallery, #fl2 .gallery { width:719px; } 

.contact { position:relative; } 
.contact h3 { font-size:1.3em;line-height:1.2em;padding-bottom:0.4em;padding-top:0.4em; } 
.contact h3 { margin-bottom:2px;border-bottom:1px solid; } 
.contact h3 span { padding-left:10px; } 
.contact form { padding-bottom:2px;border-bottom:1px solid; } 
.contact fieldset { border:none;font-size:1.1em; } 
	/* 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 { width:99%;margin:0 auto;margin-top:5px; } 
.contact fieldset p#contact_message { width:98%;text-align:left;font-size:1.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; } 
.contact fieldset input, .contact fieldset textarea { font-size:1.1em; } 
.contact fieldset .chpSup {  } 
.contact fieldset select.chpSup { font-size:1.1em;font-family: "Trebuchet MS", Verdana, Arial, sans-serif; } 
.contact fieldset textarea#message { height:100px; } 
.contact fieldset p label { float:left;width:80px;padding-right:5px;margin-right:5px;font-weight:bold;text-align:right; } 
.contact fieldset p input#lastname, .contact fieldset p input#firstname, .contact fieldset p input#email, 
.contact fieldset p input#subject, .contact fieldset p textarea#message { float:left;width:69%; } 
.contact fieldset p.bouton { display:block;text-align:right;clear:both;width:69%;margin-left:95px; } 
.contact fieldset p.bouton input { margin:0 0 5px 0;border:1px solid;cursor:pointer; } 

.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 { margin-bottom:5px;border:1px solid;cursor:pointer; } 


.plan { position:relative; } 
	/* 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;line-height:1.2em;margin-bottom:10px;border-bottom:1px solid;padding-top:0.4em;padding-bottom:0.4em; } 
.plan h3 span { padding-left:10px; } 
.plan img { float:left;margin:0 10px 10px 0; } 
.plan dl { font-size:1.2em; } 
.plan dl dt { font-weight:bold; } 

.faq { position:relative; } 
.faq h3 { font-size:1.9em;line-height:1.2em;font-weight:bold;font-style:italic;border-bottom:1px solid;padding-top:0.4em;padding-bottom:0.4em; } 
.faq dl { margin-top:10px;font-size:1.1em; } 
.faq dl dd { padding:0 10px 10px 10px; } 
.faq dl dt a { display:block;font-weight:bold;line-height:2em;text-decoration:none;padding-left:10px; } 

.poll { position:relative; } 
.poll h3 { font-size:1.3em;line-height:1.2em;padding-bottom:0.4em;padding-top:0.4em; } 
.poll h3 span { padding-left:10px; } 
.poll form { border:1px solid;padding:10px; } 
.poll fieldset { border:none;font-size:1.2em; } 
.poll fieldset p#sondage_message { font-weight:bold; } 
.poll fieldset p.bouton { text-align:center;margin-top:5px; } 

.forum { position:relative; } 
.forum h3 { font-size:1.3em;line-height:1.2em;padding-bottom:0.4em;padding-top:0.4em; } 
.forum h3 span { padding-left:10px; } 
.forum dl { font-size:1.2em; } 
.forum dl#forum_information { border:1px solid;border-width:1px 1px 0 1px;padding:10px 10px 0 10px; } 
.forum dl#last_post { border:1px solid;border-width:0 1px 0 1px;padding:0 10px 10px 10px; } 
.forum dl#forum_information dd { font-weight:bold; } 
.forum dl#last_post dt { padding-top:10px;font-weight:bold; } 
.forum dl#last_post dd { text-align:justify; } 
.forum dl#last_post dd.plus { text-align:right;font-size:1.1em; } 
.forum dl#last_post dd.plus2 { text-align:right;line-height:1em; } 
.forum p { text-align:center;border:1px solid;border-width:0 1px 1px 1px;padding-bottom:10px; } 
.forum .text_with_options p { text-align:left;border:0;padding:0; } 

.shop { position:relative;border-top:1px solid; } 
.shop h3 { font-size:1.3em;line-height:1.2em; } 
.shop h3 span { padding-left:10px; } 
.shop dl { text-align:center;font-size:1.2em; } 
.shop dl dt img { margin-top:10px; } 
.shop dl dd, .shop dl dd a { font-weight:bold; } 
.shop dl dd span.crossline { font-size:0.9em;font-weight:normal;text-decoration:line-through; } 
.shop p { text-align:center;padding:10px 0; } 

p.bouton input { cursor:pointer;font-size:1.1em;border:1px solid; } 

.form_error, form_message { font-size:1em; } 

.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:86%;margin-left:0; } 
.contact div#contact_description { font-size:1.1em;margin-left:5px;margin-right:5px; } 

#bl21 .text_image div h3, #fl11 .text_image div h3, #bl22 .text_image div h3, #fl12 .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.4em;line-height:1.1em; } 
#bl21 .jobs h3, #fl11 .jobs h3, #bl22 .jobs h3, #fl12 .jobs h3, #ac21 .jobs h3, #ac22 .jobs h3, #ec11 .jobs h3, #ec12 .jobs h3, #cc1 .jobs h3, #cc2 .jobs h3, #cc3 .jobs h3  { font-size:1.4em; } 
#bl21 .faq h3, #fl11 .faq h3, #bl22 .faq h3, #fl12 .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.4em; } 

.contact h3, .gallery h3, .jobs h3, .downloads h3, .news h3, .links h3, .articles h3, .faq h3, .forum h3, .poll h3, .plan h3, .shop h3  { width:95%; } 

.mentions_legales_titre  { font-size:0.9em;line-height:1.5em; } 
.mentions_legales  { font-size:0.6em; } 
.mentions_legales_titre2  { font-size:1em;line-height:1.5em; } 
.mentions_legales2  { font-size:0.7em; } 
.mentions_legales3  { font-size:0.5em; } 

ul li#li_deconnexion { display:none; } 
ul li#li_deconnexion_separator { display:none; } 
-->