/* CSS Document */

/* GENERALITES */
html { font: 11px/1.3em Arial, Helvetica, sans-serif ; }
body { font-size: 1em ; }
h1, h2, h3, h4, h5, h6 { font-size: 1em ; }
ul { list-style: none }
a { text-decoration: none ; color: #4f4b43 ; }
a img { border: 0 ; } 
* { margin: 0 ; padding: 0 }
body { 
	position: relative ; z-index: 0 ;	
	background: url(../medias/img/body-arr-pl.gif) left top repeat-x ; 
	color: #4f4b43 ; }
/**************/


/* STRUCTURE */
#page { 	
		width: 93.09em ; height: 83.82em ; position: relative ; margin: 0 auto ; z-index: 10 ;
		background: url(../medias/illustr/dessin-jante.gif) right bottom no-repeat ; }

#main {
	width: 73.36em ; height: 83.82em ; 
	position:  absolute ; }

#nav { 	position: relative ; left: 73.36em ; width: 19.73em ; 
		background-color: #fff ; }
/**************/


/* ################################ */
/* ################################ */
/* ###			 HOME			### */
/* ################################ */
/* ################################ */
#main #header ul { 
		position: absolute ; margin: 0.80em 0 0 0.5em ; 
		float: left ; }

#main #header #menu-lang li, 
#main #header ul#menu-sec li  { 
		float: left ; margin: 0 0 0 0.8em ; padding-right: 1em ;
		color: #fff ; 
		background: url(../medias/img/separateur.gif) right 0.4em no-repeat ; }
#main #header #menu-lang li.last,
#main #header ul#menu-sec li.last { background: none ; } 

#main #header ul#menu-sec { margin: 0.8em 0 0 25em ;  }

#col-gauche, #col-centre, #col-droite { float: left ; margin: 0.5em 0 0} 
#col-gauche { width: 19.36em ; margin-left: 2em}
#col-centre { width: 26.4em ; padding-right: 1.5em }
#col-droite { width: 24.0em ; margin-top: -1em  }

#main h1 { 
		text-align: center ;
		margin: 0 0 0.5em ; padding: 0 0 1em ;
		background: url(../medias/img/ombre-ss-titre.gif) center 1.2em no-repeat ; }

#main h2 { 
		font-size: 1.09em ; margin: 0 0 0.1em ; line-height: 1em ; 
		color: #8f5f00 ; font-weight: 900 ; }
#main p { margin: 0 2.2em 1em 0em  ; }

.news {
	clear: both ;
	padding:5px;
} 

.chapo { font-weight: 900 ; }
a.la-suite { color: #877f78 ; text-decoration: underline ; }

/* petits calages */
#main #col-gauche h1, 
#main #col-centre h1 { margin-left: -4em  }
#main #col-centre p { margin: 0 0 0 1em ; padding: 0 ; }
#col-centre .news div { 
		float: left ; 
		margin: 0 1em 1em 0 ; 
		background: url(../medias/img/ombre-image.gif) center 94% no-repeat ; height: 9em ; }
#col-centre .news .crayon { background: url(../medias/img/ombre-image.gif) center 92% no-repeat ; height: 10em ;  }
#col-droite h1 { background: none ; margin: 0 ; padding: 0}


/* ################################ */
/* ################################ */
/* ###		 NAVIGATION			### */
/* ################################ */
/* ################################ */
#nav h1 { text-align: center ; margin: 0 ; }
#nav h2, #nav h2.toggler { 
		font-size: 1.27em ; 
		margin: 0.8em 0 0.2em 0.5em ; padding: 0 0 0.5em 4em ; 
		background: url(../medias/img/nav-arr-pl.gif) left top no-repeat #fff ; }

#nav h2 a, #nav h2.toggler a { 
		color: #060606 ; }

#nav ul { 
		margin: -0.3em 0 1em 4.5em ; }
#nav ul li {  
		padding: 0 0 0 1.3em ; margin: 0.2em 1em 0 ; 
		background: url(../medias/img/puce.gif) 0.6em 0.4em no-repeat ;  
		border-bottom: 0.09em solid #9d98a1 ; }

#nav ul li a { color: #4f4956 ; font-weight: bold ; display: block }

#nav h2#clients a { 
		background: url(../medias/img/cadenas_06.gif) 7.7em -0.05em no-repeat ; 
		padding-right: 3em ; width: 100% ; height: 100% }

#nav ul li a:hover,
.jantes #jantes a, 
.antivols #antivols a, 
.feux #feux a,
.accessint #accessint a, 
.accessext #accessext a,
.events #events a, 
.produits #produits a,
.style #style a { color: #D21224 }
#nav ul li:hover,
.jantes li#jantes, 
.antivols li#antivols, 
.feux li#feux,
.accessint li#accessint, 
.accessext li#accessext,
.events li#events, 
.produits li#produits,
.style li#style { background: url(../medias/img/puce-rge.gif) 0.6em 0.4em no-repeat ;  }

/**************/


/* DETAILS GRAPHIQUES */
	#detail-hg { 
		width: 7.09em ; height: 34.18em ; 
		position: absolute ; top: 0 ; left: -7.09em ; z-index: 10 ; 
		background: url(../medias/img/ombre-gauche.gif) left bottom no-repeat ; 
	}
	
	#detail-hd { 
		width: 9.36em ; height: 48em ; 
		position: absolute ; top: 0 ; left: 93.09em ; z-index: 20 ; 
		background: url(../medias/img/trame-haut-D.gif) left top no-repeat ; }
	
	#detail-bg {
		width: 3.27em ; height: 83.82em ; 
		position: absolute ; top: 0 ; left: -3.27em ; z-index: 20 ; 
		background: url(../medias/img/ombre-bas-G.gif) left top no-repeat ; }
	
	#detail-bd {
		width: 3.27em ; height: 83.82em ; 
		position: absolute ; top: 0 ; left: 93.09em ; z-index: 20 ; 
		background: url(../medias/img/ombre-bas-D.gif) left top no-repeat ; }


/*****************/



/* ################################ */
/* ################################ */
/* ###		PRODUITS			### */
/* ################################ */
/* ################################ */

#int #page { background: none ; }
#int #detail-hg { 
		width: 9.18em ; height: 29.45em ; left: -9.18em ; 
		background: url(../medias/img/trame-haut-G.jpg) left bottom no-repeat ; }

#int #header { 
		height: 29.82em ; position: relative ; 
		background: url(../medias/illustr/header-produits-jantes.jpg) left top no-repeat ; }

#int #header h1 { background: none ; }
#int #header h1 img { margin: 23.5em 0 0 ; }

#int #col-gauche { 
		clear: both ; 
		width: 37.45em ; margin: 2em 0 0 2em ; }		
#int #col-gauche h2 { 
		margin: 3em 0 0.2em ; 
		font-weight: bold ; }		

#int #col-droite { width: 33em ; margin: 2em 0 0 ; }
#int .visuel { width: 33em ; }
#int #col-droite .zoom { float: right ; margin: 0 0.1em 0.2em 0 ; border: 0 ; }
#int #col-droite .illustr { 
		width: 9.18em ; margin-right: 1.5em ; height: 9.40em ; 
		background: url(../medias/img/ombre-image.gif) center bottom no-repeat ; }

#int #col-droite .illustr img { 
		border: 1px solid #807766 ; }
#int #col-droite .illustr img.zoom  { 
		border: 0 ; }
		
#int #caracteristiques { 
		clear: both ; width: 33em ; margin: 0 0 2em ; padding-top: 1.0em ; }
		
#int #caracteristiques table { 
		width: 93% ; padding: 0 0.5em ; position: relative ; 
		color: #000 ; }
#int #caracteristiques td { 
		width: 21.2em ; 
		border-bottom: 0.09em solid #000 ; }
#int #caracteristiques td.first {  
		border-top: 0.09em solid #000 ; }
#int #caracteristiques th { 
		font-size: 1.09em ; width: 100% ; 
		text-align: left ; color: #8f5f00 ; font-weight: bold ; }
#int #caracteristiques td { float: left  }
#int #caracteristiques td.ref { width: 8em ; }


#int #bando-flash { 
		clear: both ; position: relative ; z-index: 100 ; }

		
#int #nav .logo { margin: 0 0 0 2.64em  }
.gros-bt { position: relative ; z-index: 300 ; margin: 1em 0 0 1.8em ; }
#nav .gros-bt h2 { 
		margin: 0.4em 0 0 ; padding: 0 ; 
		background: none ; }


#int #desc { 
		margin: 1em 0 ; 	
		width: 72em ; 
		text-align: left ; }
.accessint #lescat .cat { 
		/*	width: 15.83em ; padding: 0.5em 1em  ; */
		width: 11.3em ; padding: 0.5em 0em 0 ; margin: 0 0 0.0em ; 
		float: left ;

	} 
#int #lescat { 
		width: 72.36em ; padding: 0 0 0 1em ; margin: 2em 0 0 ; 
		clear: both ;  }
#lescat .cat { 
/*		width: 15.83em ; padding: 0.5em 1em  ; */
		width: 12.3em ; padding: 0.5em 1em 0 ; margin: 0 0 1.0em ; 
		float: left ; } 
#lescat h2 { 
		text-align: center ;
		margin: 0 0 0.5em ; padding: 1em 0 0.7em ;
		background: url(../medias/img/ombre-ss-titre.gif) center 2.1em no-repeat ; }
.accessint #lescat h2 { 
		text-align: center ;
		margin: 0 0 0.1em ; padding: 1em 0 0.7em ;
		background: url(../medias/img/ombre-ss-titre2.gif) center 2.1em no-repeat ;
		}

#lescat h2 a { 
		padding-left: 1.2em ; 
		background: url(../medias/img/fleche-lescat.gif) left 0.15em no-repeat ; }


#desc #pres{
		clear: both ; position: relative ; margin: 1.5em 0 0 ;
		width: 99% ; padding: 0 1em ; }
#desc #pres #presG, 
#desc #pres #presD, 
#desc #pres p, #desc #pres2 p {
		float: left ; }
#desc #pres #presG, 
#desc #pres #presD {  
		height: 6em ; margin: 1em 0 0 ; }
#desc #pres .pres2 p { 
		width: 300px ; margin: 0 auto ; padding: 1em ; height: auto ; min-height: 6em ;
		border-left: 1px solid #b8b8b8 ; border-right: 1px solid #b8b8b8 ; 
		color: #333333 ; background-color: #fff ;  }
#desc #pres p { 
		width: 40% ; margin: 0 auto ; padding: 1em ; height: auto ; min-height: 6em ;
		border-left: 1px solid #b8b8b8 ; border-right: 1px solid #b8b8b8 ; 
		color: #333333 ; background-color: #fff ;  }
#desc #pres #presG {
		background: url(../medias/img/ombre-pres-G.gif) right 1em repeat-y #f8f8f8 ; }
#desc #pres #presD {
		background: url(../medias/img/ombre-pres-D.gif) left 1em repeat-y #f8f8f8 ; }

/* jantes */
.cla #pres #presG { width: 2.5% ; }
.cla #pres #presD { width: 54.0% ; }
.adv #pres #presG { width: 27.5% ; }
.adv #pres #presD { width: 29.0% ; }
.xtr #pres #presG { width: 53.0% ; }
.xtr #pres #presD { width: 03.5% ; }
.rac #pres #presG { width: 54.5% ; }	
.rac #pres #presD { width: 02.0% ; }
/* feux */
.cal #pres #presG { width: 07.5% ; }	
.cal #pres #presD { width: 49.0% ; }
.led #pres #presG { width: 40.5% ; }	
.led #pres #presD { width: 16.0% ; }
.ang #pres #presG { width: 54.5% ; }	
.ang #pres #presD { width: 2.0% ; }
/* accessoires intérieurs */
.whe #pres #presG { width: 1.5% ; }	
.whe #pres #presD { width: 55.0% ; }
.fon #pres #presG { width: 11.5% ; }	
.fon #pres #presD { width: 45.0% ;}
.con #pres #presG { width: 31.0% ; }	
.con #pres #presD { width: 25.5% ; }
.tra #pres #presG { width: 45.5% ; }	
.tra #pres #presD { width: 11.0% ;}
.spe #pres #presG { width: 55.5% ; }	
.spe #pres #presD { width: 01.0% ; }



.pil #pres #presG { width: 55.5% ; }	
.pil #pres #presD { width: 01.0% ; }
/* accessoires extérieurs */
.enj #pres #presG { width: 0.5% ; }	
.enj #pres #presD { width: 56.0% ; }
.ant #pres #presG { width: 20.0% ; }	
.ant #pres #presD { width: 36.5% ; }
.ech #pres #presG { width: 40.5% ; }	
.ech #pres #presD { width: 16.0% ; }
.ail #pres #presG { width: 55.5% ; }	
.ail #pres #presD { width: 01.0% ; }
.ret #pres #presG { width: 56.5% ; }	
.ret #pres #presD { width: 0.4% ; }


/* Antivols */
.loc #pres #presG { width: 0.5% ; }	
.loc #pres #presD { width: 56.0% ; }
.pla #pres #presG { width: 20.0% ; }	
.pla #pres #presD { width: 36.5% ; }



/* #lescat p { clear: both ; padding: 0 0 0 2em ;} */
#int .pla #lescat h2#pla, 
#int .pla #lescat h2#pla, 

#int .con #lescat h2#con, 
#int .tra #lescat h2#tra, 
#int .whe #lescat h2#whe, 
#int .spe #lescat h2#spe, 
#int .fon #lescat h2#fon, 
#int .rac #lescat h2#rac, 
#int .cla #lescat h2#cla, 
#int .xtr #lescat h2#xtr, 
#int .adv #lescat h2#adv, 
#int .ant #lescat h2#ant, 
#int .ech #lescat h2#ech, 
#int .cal #lescat h2#cal,  
#int .ang #lescat h2#ang{ background: url(../medias/img/gamme-produits-ON.gif) center 0em no-repeat ; }
.accessint  .con #lescat h2#con, 
.accessint .tra #lescat h2#tra, 
.accessint .whe #lescat h2#whe, 
.accessint  .spe #lescat h2#spe, 
.accessint  .fon #lescat h2#fon, 
.accessint  .rac #lescat h2#rac, 
.accessint  .cla #lescat h2#cla, 
.accessint  .xtr #lescat h2#xtr, 
.accessint  .adv #lescat h2#adv, 
.accessint  .ant #lescat h2#ant, 
.accessint .ech #lescat h2#ech, 
.accessint .cal #lescat h2#cal,  
.accessint  .ang #lescat h2#ang,
.accessint .enj #lescat h2#enj,
.accessint .ret #lescat h2#ret, 
.accessint .ail #lescat h2#ail, 
.accessint .pil #lescat h2#pil,
.accessint .led #lescat h2#led { background: url(../medias/img/gamme-produits2-ON.gif) center 0em no-repeat ; }

/* -- CAS PARTICULIERS */
.jantes #lescat .cat { 
		width: 15.83em ; padding: 0.5em 1em  ; 
		float: left ; } 
.accessext #lescat .cat { 
		width: 14.30em ; padding: 0.5em 0 ; 
		float: left ; } 
.feux #lescat  .cat {
		width: 18.83em ; padding: 0.5em 2em  0 3em  ; 
		float: left ; } 


/* ################################ */
/* ################################ */
/* ###			TETIERES			### */
/* ################################ */
/* ################################ */

.jantes #page #main #header { background: url(../medias/illustr/tetiere_jantes.jpg) left top no-repeat ; }
.accessext #page #main #header { background: url(../medias/illustr/tetiere_ailerons.jpg) left top no-repeat ; }
.accessint #page #main #header { background: url(../medias/illustr/tetiere_accessoires.jpg) left top no-repeat ; }
.antivols #page #main #header { background: url(../medias/illustr/tetiere_antivoles.jpg) left top no-repeat ; }
.feux #page #main #header { background: url(../medias/illustr/tetiere_feux.jpg) left top no-repeat ; }
.produits #page #main #header, 
.actus #page #main #header { background: url(../medias/illustr/tetiere_act.jpg) left top no-repeat ; }
.contact #page #main #header { background: url(../medias/illustr/tetiere_contact.jpg) left top no-repeat ; }
.vente #page #main #header { background: url(../medias/illustr/tetiere_point.jpg) left top no-repeat ; } 
.filiere #page #main #header  { background: url(../medias/illustr/tetiere_filiere.jpg) left top no-repeat ; }

.origine #page #main #header { background: url(../medias/illustr/tetiere_suspension.jpg) left top no-repeat ; }
.filiere #page #main{
	background: url(../medias/img/image-bas_filiere.gif) left bottom no-repeat ;
}

/* ################################ */
/* ################################ */
/* ###			ORIGINE			### */
/* ################################ */
/* ################################ */
	.origine #main #col-gauche { 
				width: 12em ; margin: 3em 0 0 6.7em ; 
				padding-right: 5.0em ; 
				/* border-right: 1px solid #ccc ; */
				background: url(../medias/img/contact-ombre-droite.gif) right top no-repeat ; }
	.origine #col-gauche .visuel { position: relative ; width: 11em ; }
	.origine #main #col-gauche .illustr { height: 8.50em ; margin-top: 0.6em }

	.origine #main p { margin: 0 2.2em 0.5em 0 ; }
	
	.origine #main #col-droite { 
				width: 43.5em ; margin: 3em 1em 0 0 ;
				padding-left: 3.3em ; 
				/* border-left: 1px solid #ccc ; */ }
	.origine #main #col-droite h2 { margin: 2.5em 0 0.5em ; }		
	.origine #main #col-droite .illustr { margin-top: 1.2em }

/* ################################ */
/* ################################ */
/* ###			FILIERE			### */
/* ################################ */
/* ################################ */
	.filiere #main p { margin: 0 2.2em 0.5em 0 ; }

	.filiere #main #col-gauche { 
				width: 50.0em ; margin: 4em 1em 0 2.3em ;
				/* border-right: 1px solid #ccc ; */ }
	.filiere #main #col-gauche h2 { margin: 2.5em 0 0.5em ; }		
	.filiere #main #col-gauche .illustr { margin: 0.5em 4em 0 1em ;}

	.filiere #main #col-droite { 
				width: 9em ; margin: 5.5em 0 0 5em ; 
				padding-right: 0 ; 
				/* border-left: 1px solid #ccc ; */ }
	.filiere #col-droite .visuel { position: relative ; width: 11em ; }
	.filiere #main #col-droite .illustr { height: 8.50em ; margin-top: 0.6em }

	.filiere #col-gauche div { 
			padding: 0 4em 0 5.2em; width: 25.55em ; 
			margin-left: 19em ; 
			background: url(../medias/img/filiere-ombre.gif) 1em  top no-repeat ; }

		
/* ################################ */
/* ################################ */
/* ##  feux /phares + accessInt  ## */
/* ################################ */
/* ################################ */
.feux #main #col-gauche .illustr { margin-top: 1.2em }
.feux #main #col-gauche h2, 
.accessint #main #col-gauche h2 { margin-top: 1.0em  }

/* ################################ */
/* ################################ */
/* ##  		ANTIVOLS  			 ## */
/* ################################ */
/* ################################ */
.antivols #main #col-gauche { width: 36.45em ; margin: 2em 2em 0 2em ; }		
.antivols #main #col-droite { width: 32em ; margin: 2em 0 0 ; }
.antivols #main #col-gauche .illustr { margin-top: 1.2em ; margin-bottom: 2em}
.antivols #main #col-gauche h2 { margin-top: 1.0em  }
.antivols #main #col-gauche ul { padding: 0 0 0 2em  }
.antivols #main #col-gauche ul li { list-style: disc url(../medias/img/puce.gif) outside ; margin-left: 2em }

/* ################################ */
/* ################################ */
/* ##			ACTUS		 	 ## */
/* ################################ */
/* ################################ */
.actus #main #col-gauche { width: 70.0em ; margin: 0 0 0 2em ; }		
.actus #main #col-droite { width: 0em ; margin: 2.5em 0 0 ; }
.actus #main #col-gauche h2 { margin: 0 0 1em ; }


/* -- EVENTS -- */
.events #main #col-gauche #liste-actus { 
		margin: 0 0 0 46em ; width: 18.18em ; padding: 0 2em ; 
		background: url(../medias/img/actus-arr-pl-ss-menu.gif) 0.2em top no-repeat ; }
.events #main #col-gauche #liste-actus ul li.ss-menu {
		width: 100% ; 
		height: 4.18em ; 
		padding: 1.3em 0 0 0.8em ; 
		color: #2f2b23 }
.events #main #col-gauche #liste-actus ul.niveau2 { 
		position: absolute ; z-index: 150 ; 
		width: 19.0em ; padding: 0.8em 0.8em 3.5em ; margin: 1em 0 0 -4em ; 
		background: url(../medias/img/actus-arr-pl-bas-ss-menu.gif) 1.3em bottom no-repeat #fefefe ;  
		display: none ; } 
.events #main #col-gauche #liste-actus ul li.ss-menu:hover ul.niveau2 {
		display: block ; }
.events #main #col-gauche #liste-actus ul li.ss-menu:hover ul.niveau2 li {
		background: url(../medias/img/actus-ss-menu-puce.gif) 0.7em 0.25em no-repeat ; 
		margin: 0.4em 0 ; 
		padding-left: 2.2em ; }
.events #main #col-gauche #liste-actus ul li.ss-menu:hover ul.niveau2 li a:hover {
		border-bottom: 1px dashed #4f4b43 ; }
		
.events #main #col-gauche { padding: 1em 3em 0 3em ;  } 
.events #main #col-gauche .actus1 { 
		clear: both ; width: 63em ; padding: 0 ; margin: 0 ; }

.events #main #col-gauche .actus1 div.illustr { 
		float: left ; 
		padding: 0.5em 2em ; 
		border-right: 1px solid #ccc ;  
		border-bottom: 2px solid #fff ;  
		background: url(../medias/img/actus-trame-image.gif) 2em top repeat-y ; 
		text-align: center ; } 
.events #main #col-gauche .actus1 div.illustr img.illustr { 
		float: none ; clear: both ; 
		margin: auto ; width: 18.18em ;
		border: 1px solid #fff ; }
.events #main #col-gauche .actus1 div.texte { 
		float: none ; margin-left: 22.3em ; 
		padding: 1em 0 1em 2em  ; 	
		border-left: 1px solid #ccc ; }


/* -- PRODUITS -- */
.produits #main #col-gauche { padding: 3em 3em 0 3em ;  } 
.produits #main #col-gauche .actus1 { 
		clear: both ; width: 63em ; padding: 0 ; margin: 0 ; }
.produits #main #col-gauche .actus1 div.illustr { 
		float: left ; 
		padding: 0.5em 2em ; width: 18em ; 
		border-right: 1px solid #ccc ; 
		text-align: center ; } 
.produits #main #col-gauche .actus1 div.illustr img.illustr { 
		float: none ; clear: both ; 
		margin: auto ; 
		border: 1px solid #fff ;}

.produits #main #col-gauche .actus1 div.texte { 
		float: none ; margin-left: 22.0em ; 
		padding: 1em 0 1em 2em  ; 	
		border-left: 1px solid #ccc ;  }
.produits #main #col-gauche p.asterisque { margin: 5em 0 0 }


.style #col-gauche .zoom { float: right ; margin: 0 0.1em 0.2em 0 }
.style #main #col-gauche p { margin: 1em 2.2em 0.5em 2em ; clear: none } 

/* - STYLES - */
.style #page #main #col-gauche #carnet { 
	padding: 0 0 0 10em ; width: 65em ; margin: 3em 0 ; 
	background: url(../medias/img/styles-arr-pl.jpg) 3em 0em no-repeat ;  }
	
.style #page #main #col-gauche #carnet .actus1 { 
		clear: both ; float: left ;
		margin-bottom: 1.5em ; width: 50.0em ; }  

.style #page #main #col-gauche #carnet .actus1 h2 { 
		margin: 1em 0 0 ; }  

.style #page #main #col-gauche #carnet div.illustr { 
		margin: 0 1.5em 0.5em 2em ; position: relative ;
		width: 9.18em ; height: 9.40em ;  }

.style #page #main #col-gauche div#carnet div.illustr img.illustr { 	
		border: 0.09em solid #7d7771 ; }

.style #page #main #col-gauche .actus1 p a { 
	border-bottom: 1px dotted #7d7771 ; }
.style p#requete { 
	padding: 0 0 3em 10.0em ; }
.style p#requete a { 
	margin: 1.5em 0 0 2em ; height: 2em ;
	display: block ; float: left ;
	text-transform: uppercase ; 
	color: #4f4b43 ;
	background: url(../medias/img/ombre-ss-titre.gif) center 1.2em no-repeat ; }


/* ################################ */
/* ################################ */
/* ###			AJAX			### */
/* ################################ */
/* ################################ */

#main #ajax, 
#main #ajax input { color: #4f4b43 ;  }
#main #ajax #participer { 	
	position: relative ; z-index: 500 ;
	margin: 2.7em 0 0 11.0em ; height: auto ; 
	padding: 0.2em ; width: 49em ; 
	background-color: #eee ; 
	border: 1px solid #ccc ; }

#main #participer h3 { 
	font-size: 1.3em ;
	margin-bottom: 1.2em ; height: 1.8em ; padding: 2em 0 0  ;
	text-transform: uppercase ; font-weight: bold ;
	text-align: center ; 
	color: #4f4b43 ;   
/*	color: #000 ; */ 
	background: url(../medias/img/form-arr-pl-titre.gif) left 0em repeat-x #eee ; }

#main #participer form { 
	position: relative ;
	width: auto ; padding: 0 6em ; 
	margin: 0 auto ; }

#main #participer p { 
	clear: both ;
	float: left ;
	margin-left: 1em  ; }

#main #participer p label {
	padding: 0 1em 0 0 ; 
	text-align: right ; }
#main #participer p label,
#main #participer p input { 
	display: block ; 
	clear: both ; float: left ; }

#main #participer div { 
	clear: both ; }
#main #participer div p { 
	margin-left: 0 ; }

#main #participer div p label { 
	clear: none ; 
	padding: 0 0 0 0.2em ; 
	width: 11.5em ; 
	text-align: left ; }

#main #participer p.sexe label, 
#main #participer p.sexe input { clear: none ; margin: 1.3em 0.5em 0 0 ; float: none ; display: inline } 
#main #participer p input { vertical-align: text-bottom; border: 1px solid #ccc ; } 

#main #participer p #valider { 
	display: block ;
	margin: 2em 0 0 ; border: 0 }
#main #participer hr {clear: both ; visibility: hidden ; }
#main #ajax a.refermer { 
	float: right ; 
	margin: 0 1em 1em 0 ;
	text-decoration: underline ;  }

#main #participer div#aunami { }
#main #participer div#aunami #liste p { 
		float: left ; margin: 0 3em 0.5em 2em ;  }
#main #participer div#aunami p label { 
		margin: 0 ; padding: 0 ; }

#main #participer #liste { margin-top: 1em  }
#main #participer #liste h4 { margin: 0 0 0.5em 2em }
#main #participer #liste p { margin: 0 0 0.5em 2em }
#main #participer #liste p label { margin: 0 0.5em 0 }
#main #participer label.voit { color: #8f5f00 }

#main #participer #sincrire p { margin: 0 0 0.5em 2em  }
#main #participer #sincrire #photo { 
	margin-left: 2em ; padding-left: 0 ; }

/* ######################### */
/* ######################### */
/* ##		POINTS DE VENTE	 	 ## */
/* ######################### */
/* ######################### */
.vente #main #col-gauche { 
		width: 69em ; }
.vente #main #col-gauche h2 { margin: 2em 0 0 6.5em ; }
.vente #main #col-gauche #vente-gauche, 
.vente #main #col-gauche #vente-droite { 
		float: left ; 
		width: 22em ; padding: 2em 4em ;
		height: 28em ; margin: 3em 0 0 3em ; }
.vente #main #col-gauche #vente-gauche {
		background: url(../medias/img/vente-gauche.gif) left top no-repeat ; }
.vente #main #col-gauche #vente-droite { 
		width: 23.82em ; 
		background: url(../medias/img/vente-droite.gif) left top no-repeat ; }
.vente #main #col-gauche #vente-gauche h3 {
		margin-bottom: 1em ;}
.vente #main #col-gauche #vente-gauche select { 
		padding: 0.2em ; 
		color: #4f4b43 ; } 
.vente #main #col-gauche #vente-gauche select option {
		padding: 0 0.2em ;
}


/* ################################ */
/* ################################ */
/* ##			PLAN		 	 ## */
/* ################################ */
/* ################################ */
.plan #main #col-gauche { width: 100% ; margin: 4em 0 0 2em ; }
.plan #main #col-gauche h2 { margin: 0em 0 0.9em }
.plan #main #col-gauche h2 a { color: #8f5f00 ; }		
.plan #main #col-gauche a:hover { text-decoration: underline ; }		
.plan #main #col-gauche ul { margin: -0.4em 0 1.2em 2em ; }
.plan #main #col-gauche ul ul { margin: 0.3em 0 0.5em 2em ; }		
.plan #main #col-gauche ul li { margin: 0 0 0.5em ; }
.plan #main #col-gauche li { margin: 0 0 0.5em ; list-style: circle url(../medias/img/puce.gif) outside ; }
.plan #main #col-gauche .pave { 
		float: left ; 
		width: auto ; margin: 0 2em 0 1em ; padding: 1em 1em 0 2em ;
		border-right: 1px solid #efefef ; 
		background: url(../medias/img/ombre-pres-G.gif) -1em top repeat-y #f8f8f8 ; }


/* ######################	  */
/* ####################### */
/* ##		CONTACT		 		 ## */
/* ####################### */
/* ####################### */
.contact #main #col-gauche { width: 94.5% ; }
.contact #main #col-gauche #contact-gauche {
		float: left ; 
		width: 19em ; padding: 0 2em 0 2em ; margin: 0 0 0 2em ;
		background: url(../medias/img/contact-ombre-droite.gif) right top no-repeat ; }
.contact #main #col-gauche #contact-droite {
		float: left ; 
		margin: 4.5em 0 0 3.25em ; padding: 0.2em ; 
		width: 38em ; 
		background-color: #eee ; 
		border: 1px solid #ccc ; }
.contact #main #col-gauche #contact-droite h3 { 
		font-size: 1.5em ;
		margin-bottom: 0.8em ; height: 1.8em ; padding: 1.5em 0 0  ;
		text-transform: uppercase ; font-weight: bold ;
		text-align: center ; 
		color: #4f4b43 ;  
		background: url(../medias/img/form-arr-pl-titre.gif) left 0em repeat-x #eee ; }
.contact #main #col-gauche #contact-droite form {
		padding: 0 3em 1em ; }
.contact #main #col-gauche #contact-droite form p {
		padding: 0.8em 0 ; }		
.contact #main #col-gauche #contact-droite form p label, 
.contact #main #col-gauche #contact-droite form p input { 
		display: block ; 
		float: left ; 
		width: 9.5em ;} 
.contact #main #col-gauche #contact-droite form p label  {
		clear: both ; 
		text-align: right ; 
		margin-right: 0.5em ;}
.contact #main #col-gauche #contact-droite form p input, 
.contact #main #col-gauche #contact-droite form p textarea {
		border: 1px solid #aaa ; 
		border-bottom-color: #bbb ; border-right-color: #bbb ; }
.contact #main #col-gauche #contact-droite form p #valider {
		width: auto ; 
		float: right ; 
		border: 0 ;}
.contact #main #col-gauche #contact-droite p.asterisque {
		clear: both ; 
		margin: 0 0 1em 4em ; padding: 0 ; 
		color: #af0003 ; }
	
/* ################################ */
/* ################################ */
/* ###		BTE A OUTILS		### */
/* ################################ */
/* ################################ */

.asterisque { clear: both ; font-size: 0.8em ; margin: 3em 0 0 ; }
.strong { font-weight: bold }
.illustr { float: left }
img.illustr { margin-right: 1em }
.rouge { color: #af0003 }
hr.clear { 
	clear: both ; 
	visibility: hidden ; }