* { margin:0; padding:0; list-style-type:none; border:0; font-family:Tahoma,Arial, Helvetica, sans-serif;  }

/* hack hauteur IE */

* html #main {
	height: 450px;
}

* html .bloc-index {
	height: 280px;
}

* html #side {
	height: 450px;
}

* html .bloc { height:210px; }

/* TITRE */

h3, h4 { font-weight: bold; background:url('images/h3.png') left center no-repeat; padding-left:15px; margin:5px 0; text-transform:uppercase; }

h3 { font-size:1.3em; }
h4 { font-size:1.1em; }

h3 a, h3 a:visited { text-decoration:none; }
h3 a:hover { text-decoration: underline; }

/* LIENS */ 

a, a:visited, a:active { text-decoration:none; color:#C22005; font-weight:bold; }
a:hover { text-decoration:underline; }

/* STRUCTURE */

body { color:#2D2C2B;  background:#EDEBDF url('images/bg-body.jpg') repeat left top; font-size:11px; }

#box { width:960px; margin:10px auto; position:relative; }

#cadre_main {  background:url('images/main-bg.jpg') repeat-y top left;   }

#side { width:203px; float:left; background: url('images/menu-bg.jpg') left top repeat-y; min-height:450px;
 }
 
#cloche { position:absolute; top:115px; left:170px; }

#meteo { float:right; background:url('images/meteo.jpg') no-repeat center center; width:162px; height:148px; margin:0 10px 10px 0;   }

/* HEADER */

#header { background:url('images/header.jpg') center center no-repeat; width:960px; height:217px; }

/* NAV AUX */
		
#nav-aux { position:absolute; right:5px; bottom:0;  }
	#nav-aux ul { background:url(images/right-top.gif) center top no-repeat; }
	#nav-aux li {  display:inline;  }
	#nav-aux li a, #nav-aux li a:visited { text-transform:uppercase; color:#000; margin:2px; padding:2px; }
	html>body #nav-aux li a { width: auto;  }
	#nav-aux li a:hover { color:#C22005; text-decoration:none;  }
	
/* PIC */

	.pic { width:250px; height:160px; margin:0 10px 10px 10px; float:right; border:2px solid #192C5C;  }
	.pic img { width:250px; height:160px; }	
	
	.pic2 { width:150px; height:90px; float:left; border:1px solid #002B6F; margin-right:40px;  }
	.pic2 img { width:150px; height:90px; }	
	
/* MENU */



/* MAIN */ 

#main-padding { float:right; margin:0; width:757px; min-height:500px;}
#main { padding:15px 40px 10px 15px; }

	#main li { background:url(images/li.png) center left no-repeat; padding-left:20px; margin:5px 0 5px 20px; }
	
	#main p { line-height:1.5em; margin:7px 0;}			
		
/* ------------BLOC { 2 colonnes }------------------ */

.bloc-produit { margin:0 0 10px 0; }
	#main .bloc-produit p { margin-left:30px; }
	
.bloc-date { background:url(images/dates-examen.jpg) no-repeat top center; float:left; width:210px; margin:0 5px 10px 0; text-align:center; padding:5px; }
#main .bloc-date h3 { margin:0 0 0 0; font-size:1.1em; line-height:25px; padding-bottom:30px; color:#192C5C; }

/* ----------------DETAIL-------------------------------- */

.detail { padding:5px; width:500px; margin:5px auto; }
	.detail .marque { font-weight:0.9em; }
	.detail p { line-height:1.5em; margin:5px 0; }


/* ----------------TABLEAU-------------------------------- */

table { width:700px; margin:0 auto; border-collapse:collapse; }
	 th { width:33%;  font-weight:bold; text-align:center; text-transform:uppercase; color:#192C5C; }
	 td { padding-left:5px; text-align:center;}
	 th, td { padding:5px 0; border-bottom:1px solid #EDEAE6; }
	
.diaporama { margin:5px auto;   }

/* images et styles particuliers */
	
.retour { float:right; margin:5px; }
	.retour img {   }
	
#engagement { background:url(images/block-engagement-bas.jpg) bottom center repeat-y #fff; width:185px; padding:5px 0; }
	#engagement .top { background:url(images/block-engagement-top.jpg) center top no-repeat; height:52px; }
	#engagement li { font-weight:bold; font-size:1.1em; background:url(images/puce.png) top left no-repeat; padding-left:15px; margin:5px;  }
	
#promotion { background:url(images/block-promo-bas.gif) bottom center no-repeat; width:448px; margin:5px auto; padding-bottom:5px; position:relative; }
		#promotion .top { background:url(images/block-promo-top.jpg) center top no-repeat; height:56px;}
		#promotion .pic { }
		#main #promotion h3 { position:absolute; left:5px; top:25px; z-index:1; background:none; padding-left:20px;  }
		#main #promotion p { margin:5px; }


#special { background: url(images/ombre.gif) top left repeat-x #6EC12A; width:218px; margin-left:31px;  }
		#special h2 { padding:10px 5px; color:#fff; font-size:1.3em; }
		#special p { margin:0; line-height:1.3em; }
		#special .pic { display:block; margin:0 auto; }
		#special h3 { font-size:1.2em; font-weight:bold; color:#fff;  }
		#special .prix { width:190px; padding:5px 0; float:left; }
		#special .reduc { float:right; font-size:0.9em; }
			#special .barre { text-decoration:line-through; font-weight:bold;  }
		#special .prix-affiche { font-weight:bold; font-size:1.4em; color:#005CE2; }
			#special .input-commander { width:15px; border:1px solid #EFEFED; text-align:center; }

			
#nav { display:block; margin:0 0 5px 0; }
	.prec { float:left; }
	.suiv { float:right; }
	#nav a:hover { text-decoration: underline; }
			
#conditions { width:185px; background:url(images/block-engagement-bas.jpg) center bottom no-repeat; padding:0 0 5px 0; margin:0 0 10px 0; float:right; margin:0 0 10px 10px; }
	#conditions li a, #conditions li a:visited { }
	#conditions li a:hover { }	
		
.formulaire { margin:5px 0; width:700px; }
			.formulaire radio, .formulaire label, .formulaire ,input, .formulaire textarea, .formulaire select { display: block; float: left; margin-bottom:10px;  }	
			.formulaire label { text-align: left; width: 100px; margin-right: 10px; }			
			.formulaire input, .formulaire textarea, .formulaire select { border:1px solid #3E3F42; padding:3px; color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:1em;  }
			.formulaire input, .formulaire textarea { width:200px; background:url(images/ignite_home_featmemb_bg.gif) center center repeat-x; }			
			.formulaire .bouton { width:100px; background:#F0EFEE; color:#000; }		
			.formulaire input:focus, .formulaire textarea:focus { background:#FFFFCC; }		
			.formulaire .input-radio { background:#fff; border:1px solid #fff; width: 20px; margin:5px; }		
			.formulaire br { clear: left; }
			
			.input-style, .textaera-style { border:1px solid #234AA1; padding:2px; color:#234AA1; font-size:0.9em; margin:2px 0; vertical-align:middle; }
	
	.liens { background:url(images/lili.png) no-repeat left center; padding-left:15px; }
				
	.thumbpic_liens { float:right; margin:0 0 5px 5px; border:2px solid #F0EFEE; }					
	
	.hidden { visibility:hidden; overflow: auto; display:none;}

	.plusdedetail { margin:0 0 0 5px;  }
		
	.colleft { float:left; width:250px; margin:5px 10px 5px 0; border-right:1px dotted #545558; }
	.colright { float:left; width:250px; margin:5px 0; }
	.cadre { padding:5px 0; margin:5px 0; }
	
	.prix { font-weight:bold; font-size:1.1em; color:#C22005; float:left; margin:0 5px 0 0; line-height:7px; }
	.prix-barre { text-decoration:line-through; font-size:0.9em;  }
	
	.pdf { padding-left:20px; background:url(images/file_acrobat.gif) no-repeat left center; }
		
/* footer */

#footer { }
		
		
#copyright { text-align:center; font-size:0.9em; margin:0 auto; color:#fff; width:956px; text-align:right;   }
	#copyright a { color:#fff; }

/*^^^^^^^^^^^^^^^^^*/

.showstate{ /*Definition for state toggling image */
cursor:hand; cursor:pointer;
}

.headers{ width: 170px; margin:5px 0; }

.switchcontent{ width: 170px; border-top-width: 0; }
	.switchcontent label { font-size:0.9em; }
	.switchcontent input, .switchcontent textarea { padding:2px; width:165px; margin:0 auto; border:1px solid #234AA1; margin:2px;}
	.switchcontent .btn { width:170px; background:#FFCE1E; color:#234AA1; padding:2px; margin:2px; font-size:0.9em;}
	
	
/* hack clear float */ 	
	
.clr { clear: both; }