<!--
/* Redénition des balises HTML */
* { margin:0;padding:0; } 
body { margin: 10px 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; } 
fieldset legend { display:none; } 

/* STRUCTURE */
#global { position:relative;left:50%;margin-left:-490px;width:980px;z-index:1; } 
	/* TOP */
	#top { position:relative;width:980px;z-index:3; } 
		#header { position:relative;width:980px;z-index:3; } 
		#header_nav {  } 
			#header_nav ul { margin-bottom:2px; } 
					/* 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 { height: 1%; } 
					*+html #header_nav ul li ul { height: auto; } 
				/* --------------------------------------------------------- */				
				#header_nav li { float:left;display:inline;padding:5px 20px } 
				#header_nav li a  { font-size:1.2em;display:block;background:none } 
				#header_nav li a span { display:block;padding:5px 16px;white-space:nowrap; } 
				#header_nav li a:hover  { text-decoration:none } 
				#header_nav li ul { position:absolute;z-index:100;width:13em;padding-bottom:8px;margin-top:7px; } 
				#header_nav li ul li { float:none;display:block;background:none;border-bottom:1px solid;padding:0;margin:0 8px; } 
				#header_nav li ul li a span  { padding:0;white-space:normal; } 
				#header_nav li ul li a  { font-size:1.1em;margin:4px 0;padding:0 30px 0 20px; } 
				#header_nav li ul li a:hover  { font-weight:bold } 
			#page_title { position:absolute;right:0;bottom:0;z-index:4;width:326px;height:197px;border:0px solid #f00 } 
				/* avec une hauteur impaire et un bottom 0, on a un décalage de 1px sous ie6, d'où le bottom:-1px pour ie6: à remettre à 0 si la hauteur devient paire */
				* html #page_title { bottom:-1px; } 
				
				#page_title img { display:none; } 
			#lang_nav { position:absolute;right:30px;bottom:160px;z-index:4; } 
				#lang_nav li { display:inline } 
				#lang_nav li a { font-weight:bold;padding:0 8px; } 
				#lang_nav li a:hover, #lang_nav li a.selected { text-decoration:none; } 
				#lang_nav li a.selected  { text-decoration:underline } 
			#user_identity { position:absolute;right:21px;bottom:18px;width:214px;height:30px;padding:0 5px;z-index:4; } 
				#user_identity fieldset { border:none;width:214px; } 
				#user_identity fieldset legend { display:none; } 
				#user_identity fieldset p { float:left; } 
				#user_identity fieldset p label { display:none; } 
				#user_identity input#login, #user_identity input#password { width:88px;margin-right:6px;margin-top:6px;border:1px solid; } 
				#user_identity input#connexion { font-size:1em;line-height:1.5em;margin-top:6px;padding:0 1px;border:0;cursor:pointer; } 
				#user_identity a { display:none; } 
			#content_header { width:654px;height:197px;border:0px solid #f00 } 
				#content_header img { display:none; } 
				#content_header h2 { display:none; } 

	/* MIDDLE */
	#middle { position:relative;width:980px;z-index:2; } 
		#middle_nav { display:none; } 
		#main { position:relative;padding:0 31px 10px 31px;margin:5px 0;width:980px;voice-family: "\" } \"";voice-family:inherit;width:918px; } 
			#config_a, #config_b, #config_c, #config_d, #config_e, #config_f, #config_h, #config_i { position:relative;width:918px;voice-family: "\" } \"";voice-family:inherit;width:918px; } 
			/* Agencement A */
			#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:608px;voice-family: "\" } \"";voice-family:inherit;width:608px; } 
			#ac2 { float:left;width:290px;margin-left:20px;voice-family: "\" } \"";voice-family:inherit;width:290px; } 
				#ac21 {  } 
				#ac22 { margin-top:20px; } 
			/* Agencement B */
			#config_b {  } 
			#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:449px;voice-family: "\" } \"";voice-family:inherit;width:449px; } 
				#bl22 { float:left;width:449px;margin-left:20px;voice-family: "\" } \"";voice-family:inherit;width:449px; } 
			/* Agencement C */
			#config_c { clear:both; } 
				/* 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;margin-right:20px;voice-family: "\" } \"";voice-family:inherit;width:200px; } 
			#cc2 { float:left;width:478px;voice-family: "\" } \"";voice-family:inherit;width:478px; } 
			#cc3 { float:left;width:200px;margin-left:20px;voice-family: "\" } \"";voice-family:inherit;width:200px; } 
			/* Agencement D */
			#config_d {  } 
			#dl1 {  } 		
			#dl2 { margin-top:20px; } 
			#dl3 { margin-top:20px; } 	
			/* Agencement E */
			#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:290px;voice-family: "\" } \"";voice-family:inherit;width:290px; } 
				#ec11 {  } 
				#ec12 { margin-top:20px; } 
			#ec2 { float:left;width:608px;margin-left:20px;voice-family: "\" } \"";voice-family:inherit;width:608px; } 
			/* Agencement F */
			#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:449px;voice-family: "\" } \"";voice-family:inherit;width:449px; } 
				#fl12 { float:left;width:449px;margin-left:20px;voice-family: "\" } \"";voice-family:inherit;width:449px; } 
			#fl2 { margin-top:20px; } 
			/* Agencement H */
			#config_h {  } 
			/* Donne une hauteur au bloc en float sous Firefox et IE/Mac */				
				#config_h:after { content:".";display:block;height:0;clear:both;visibility:hidden; } 
				* html #config_h { height: 1%; } 
				*+html #config_h { height: 1%; } 
			/* --------------------------------------------------------- */
			#hc1 { float:left;width:200px; } 
				#hc11, #hc12, #hc13, #hc14 {  } 
			#hc2 { float:left;width:704px;margin-left:14px;margin-bottom:10px; } 
			/* Agencement I */
			#config_i {  } 
			/* Donne une hauteur au bloc en float sous Firefox et IE/Mac */				
				#config_i:after { content:".";display:block;height:0;clear:both;visibility:hidden; } 
				* html #config_i { height: 1%; } 
				*+html #config_i { height: 1%; } 
			/* --------------------------------------------------------- */
			#ic1 { float:left;width:704px;margin-bottom:10px; } 
			#ic2 { float:left;width:200px;margin-left:14px; } 
				#ic21, #ic22, #ic23, #ic24 {  } 
			
			/* Blocs dans #hc1 et #hc2 */
			.hc1_block, .ic2_block { margin-bottom:10px; } 
		br.cleaner { clear:both;height:0;line-height:0px; } 

	/* BOTTOM */
	#bottom { position:relative;width:100%;z-index:2; } 
		#footer { text-align:center;width:980px;height:20px; } 
			ul#footer_informations { margin:0;padding-top:2px } 
			ul#footer_informations li { display:inline;margin:0 4px; } 
			ul#footer_informations li a  { font-size:1em } 

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

/* CLASS */
.text_image { position:relative;margin-top:10px; } 
	/* 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:10px solid;margin:0 10px 10px 0; } 
.text_image h3  { font-size:2.3em;margin-bottom:10px;line-height:1.1em;text-align:left; } 
.text_image h3 span { padding-left:2em; } 
.text_image div { font-size:1.2em;text-align:justify; } 
.text_image div.col2 { display:none; } 

.image { position:relative;text-align:center;margin-top:10px } 
.image dl dt img { margin-top:10px; } 
.image dl dd { padding:4px 0;text-align:left } 
.image dl dd a { font-size:1.2em;padding-left:3.5em } 

.news  { position:relative;margin-top:10px; } 
.news h3  { position:relative;font-size:13px;margin-bottom:2px } 
.news h3 span  { display:block;padding:10px 0 10px 36px; } 
.news dl  { padding:10px } 
.news dl dd  { font-size:1.1em; } 
.news dl dd.date { font-size:1em;font-weight:bold; } 
.news dl dd.plus { text-align:right; } 
.news dl dd.plus a { padding:0 0 0 5px; } 
.news dt  { font-size:1.2em;font-weight:bold } 


.jobs  { position:relative;padding-bottom:6px } 
.jobs h3  { position:relative;font-size:1.3em;margin-bottom:2px; } 
.jobs h3 span  { display:block;padding:10px 0 10px 36px; } 
.jobs dl { font-size:1.2em;margin-top:2px;padding:10px } 
.jobs dl.impaire { margin:0 0; } 
.jobs dl dt { font-weight:bold; } 
.jobs dl dd {  } 
.jobs dl dd.plus { text-align:right;border:0; } 
.jobs dl dd.plus a { margin:0 6px;padding:0 6px;font-size:0.9em } 
.jobs dl dd.plus span { display:none } 

.links  { position:relative;padding-bottom:6px } 
.links h3  { position:relative;font-size:1.3em;margin-bottom:2px; } 
.links h3 span  { display:block;padding:10px 0 10px 36px; } 
.links dl  { padding:10px; } 
.links dl dt  { font-size:1.2em;font-weight:bold } 
.links dl dt a  { font-size:1.2em;font-weight:bold } 
.links dl dd  { font-size:1.1em; } 
.links dl dd.plus  { border-bottom:1px solid;padding-bottom:10px } 
.links dl dd.plus a  { font-size:1.1em; } 

.articles  { position:relative;padding-bottom:6px } 
.articles h3  { position:relative;font-size:1.3em;margin-bottom:2px; } 
.articles h3 span  { display:block;padding:10px 0 10px 36px; } 
.articles dl  { padding:10px; } 
.articles dl dt { font-size:1.2em;font-weight:bold;margin-bottom:3px; } 
.articles dl dt a  { font-size:1.2em;font-weight:bold } 
.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; } 
.articles dl dd.price { text-align:right;margin-top:3px; } 
.articles dl dd.plus  { text-align:right;border-bottom:1px solid;padding-bottom:10px } 
.articles dl dd.plus a  { font-size:1.1em; } 

.downloads  { position:relative;padding-bottom:6px } 
.downloads dl  { padding:10px } 
.downloads dl dd.plus  { border-bottom:1px solid } 
.downloads h3  { position:relative;font-size:1.3em;margin-bottom:2px; } 
.downloads h3 span  { display:block;padding:10px 0 10px 36px; } 
.downloads dl dt a  { font-size:1.2em;font-weight:bold } 
.downloads dl dt a  { font-size:1.2em;font-weight:bold } 
.downloads dl dd  { font-size:1.1em; } 
.downloads dl dd.plus a:hover  { text-decoration:none } 
.downloads dl dd.plus a img  { vertical-align:middle;margin:6px } 

.gallery { position:relative;margin:10px 10px; } 
	/* 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  { position:relative;font-size:1.3em;margin-bottom:2px; } 
.gallery h3 span  { display:block;padding:10px 0 10px 36px; } 
.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.1em;padding-right:14px; } 
.gallery dl dt a img { border:5px solid; } 

.contact { position:relative; } 
.contact h3  { position:relative;font-size:1.3em;margin-bottom:2px; } 
.contact h3 span  { display:block;padding:10px 0 10px 36px; } 
.contact form { padding-bottom:2px; } 
.contact fieldset { border:none;font-size:1.1em;padding-bottom:6px } 
	/* 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: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 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:97px; } 
.contact fieldset p.bouton input { border:0;border:none;padding:0 1.6em;margin:8px 0;font-size:1.2em } 

.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; } 
.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:none;cursor:pointer; } 


.plan { position:relative;margin-top:10px;padding-bottom:6px; } 
	/* 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:2px } 
.plan h3 span  { display:block;padding:10px 0 10px 36px; } 
.plan img { float:left;margin:8px 10px 10px 18px;border:6px solid } 
.plan dl { padding:10px;font-size:1.1em } 

.faq { position:relative; } 
.faq h3 { position:relative;font-size:1.3em;margin-bottom:2px } 
.faq h3 span { display:block;padding:10px 0 10px 36px; } 
.faq div a { padding:6px 0 6px 10px;font-size:1.1em } 
.faq dl { padding:10px 0; } 
.faq dl dd { font-size:1.1em;margin:0 10px;padding:0 10px 10px 10px; } 
.faq dl dt a { display:block;font-weight:bold;line-height:2em;text-decoration:none;padding-left:10px;margin:0 10px; } 

.poll { position:relative;margin-top:10px; } 
.poll h3  { position:relative;font-size:1.3em;margin-bottom:2px } 
.poll h3 span  { display:block;padding:10px 0 10px 36px; } 
.poll form  { padding-bottom:6px } 
.poll form fieldset  { padding:10px } 
.poll fieldset { border:none;font-size:1.2em; } 
.poll fieldset p#sondage_message  { font-weight:bold;height:20px } 
.poll fieldset p.bouton { text-align:center;margin-top:5px; } 
.poll fieldset p.bouton input  { border:0;border:none;padding:0 1.6em;font-size:1.2em } 


.forum  { position:relative;margin-top:10px;padding-bottom:6px } 
.forum h3  { position:relative;font-size:1.3em;margin-bottom:2px } 
.forum h3 span  { display:block;padding:10px 0 10px 36px; } 

.forum { position:relative;margin-top:10px; } 
.forum dl { font-size:1.2em; } 
.forum dl#forum_information { padding:10px 10px 0 10px; } 
.forum dl#last_post { padding:0 10px 10px 10px; } 
.forum dl#forum_information dt {  } 
.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; } 
.forum dl#last_post dd.plus2 { display:none; } 
.forum p { text-align:center;padding-bottom:10px; } 
.forum p input { border:0;border:none;padding:0 1.6em;font-size:1.3em } 
.forum .bouton input  { cursor:pointer; } 
.forum p.bouton { border:1px solid;border-width:0 1px; } 
.forum .text_with_options p { text-align:left;padding:0; } 

.shop  { position:relative;padding-bottom:6px } 
.shop h3  { position:relative;font-size:1.3em;margin-bottom:2px } 
.shop h3 span  { display:block;padding:10px 0 10px 36px; } 

.shop dl { text-align:center;font-size:1.2em; } 
.shop dl dt img { margin-top:10px; } 
.shop dl dd  { font-size:1.1em } 
.shop dl dd a { font-weight:bold;font-size:1.2em } 
.shop dl dd span.crossline { font-size:0.9em;font-weight:normal;text-decoration:line-through; } 
.shop p { text-align:center;padding:10px 0; } 
.shop p.bouton input  { border:0;border:none;padding:0 1.6em;font-size:1.2em } 
.shop dl dd span.crossline  { font-size:0.9em; } 

/* CLASS en commun */


.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; } 

/* Padding car il y a un fond sur les blocs h et i */
.hc1_block .text_image, .ic2_block .text_image { padding:5px; } 
/* Pas de padding sur le contenu du bloc de contenu libre */
.hc1_block .free_content, .ic2_block .free_content { padding:5px 0; } 
.hc1_block .free_content h3, .ic2_block .free_content h3 { padding-left:5px;padding-right:5px; } 

#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:87%;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, .hc1_block .text_image div h3, .ic2_block .text_image div h3  { font-size:1.3em;padding-top:0.2em; } 
#bl21 .text_image div h3 span, #fl11 .text_image div h3 span, #bl22 .text_image div h3 span, #fl12 .text_image div h3 span, #ac21 .text_image div h3 span, #ac22 .text_image div h3 span, #ec11 .text_image div h3 span, #ec12 .text_image div h3 span, #cc1 .text_image div h3 span, #cc2 .text_image div h3 span, #cc3 .text_image div h3 span, .hc1_block .text_image div h3 span, .ic2_block .text_image div h3 span  { padding-left:3em; } 

.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; } 
-->