/* CSS Document */
/*CONTENU*/

/*recherche*/
	div.recherche_cst{
		float:left;
		width:50%;
		margin: 6em 0 0 1%;
		padding: 0.2em 0.2em 0.5em 0.2em;
		font-size:1em;
		color:#000000; 
		background-color:#FAFAFA;
		border: 1px solid #99CC33;				
	}
.liste_serie_cst ul {
	margin:0 0 0 1em; 
	padding:0 0 0 0; 
	font-size:0.8em; 
}
.liste_serie_cst li {
	float:none;
	list-style:none;
	line-height:1.5em;
	text-align:left;
}

form#form_search{ margin:0.5em 0.5em 0.5em 1em ; padding:0 0.5em 0.5em 0.5em; border:thin dotted #99CC33 ;
	background-color:#EFEEDD;}
div#pres_cmd , div#entraide{ margin:1.5em 0.5em 0.5em 1em ; padding:0 0.5em 0.5em 0.5em; border:thin dotted #99CC33}
div#pres_cmd p {font-size:0.9em}
p#ou {font-size:1.4em ; text-align:center; color:#999966}
div#illustration{ margin:1.5em 0.5em 0.5em 1em ; padding:0 0.5em 0.5em 0.5em; border:thin dotted #99CC33;
				 background-image: url(	../images/illustration/fond_de_fiches2.jpg); background-repeat: repeat-x;
				height:110px;}

/* Archives : Zone de droite*/
	div.archives{
		float:right;
		width:40%;
		margin: 6em 12px 0 0;
		padding: 0.2em 0.2em 1em 0.2em;
		font-size:1em;
		color:#000000; 
		background-color:#EFEFFF;
		border: 1px solid #999966;
	}
 /*  div.archives h1, div.archives h2 {font-family:cursive}*/
   div.archives ul{ 	margin: 0 0 0 0; padding: 0 0 0 2em;
		font-size:0.9em;
	}
	div.archives li{ float:none;
		list-style-type:disc;
		color:#99CC33;
	}

/* sous la recherche */
	div.recherche_cst2{
		float:left;
		width:48%;
		margin: 1em 0 0 1%;
		padding: 0.2em 0.2em 0.2em 0.2em;
		font-size:1em;
		color:#000000; 
		border-top: 1px solid #99CC33;
	}



/* Résultats*/
	div.resultat{
		float:left;
		width:95%;
		margin: 6em 0 0 1%;
		padding: 0.2em 0.2em 0.2em 0.2em;
		font-size:1em;
		color:#000000; 
	}
	div.resultat#search_cst{ width:48%}

	div.serie_detail{
		float:right;
		width:48%;
		margin: 6em 1% 0 0;
		padding: 0.2em 0.2em 0.2em 0.2em;
		font-size:0.8em;
		color:#000000; 
		background-color:#EFEFFF;
		border: 1px solid #999966;
	}
	div.serie_detail#preview {width:50%;margin: 2em 12px 0 0;	}
	div#preview_exemple {float:left ; width:40%; font-size:0.8em; margin: 0 0 0 0;}
	div.serie_detail ul{ margin-left:1.5em; padding-left:0}
	div.serie_detail li {float:none;
		list-style-type:disc; 
		margin-top:0.2em;
		margin-left:0; padding-left:0}
.lot { 
	font-size:1em;
	font-weight:bolder;
	color: #FFFFFF;
	text-align:left;
	white-space:nowrap;
	background-color: #556655;
	margin:0 0.2em 0 0; padding:0 0.2em 0 0;
}
.lot_detail {
	font-size:0.8em;
	font-weight:normal;
	color: #333333;
	text-decoration: none;
	text-align:left;
}

/* Résultats*/
	div.checkout{
		float:left;
		width:40em;
		margin: 6em 0 0 10%;
		padding: 0.2em 0.2em 0.5em 0.5em;
		font-size:1em;
		color:#000000; 
		background-color:#EFEFEF;
		border: 1px solid #99CC33;
	}
	div.checkout#paiement_res{ margin-top:1em}
	div.checkout#download_res{ margin-top:1em ; padding:2em; text-align:center}

/*Validation de la commande*/
div.bloc_commande{margin-left:1.5em}
div.bloc_commande label{ display:inline; float:left; width:8em; text-align:right ; 
	margin-left:0 ; margin-right:1.5em}

input#mail{ font-weight:bold; font-size:1.1em ; font-family:"Courier New", Courier, mono}
input#valider{ font-weight:bold}

/*Preview*/
	ul#preview1 li{ float:none;
		list-style-type:disc; color:#99CC33;
		margin-top:1em;
		margin-left:2em;
	}

	div.preview{
		float:right;
		width:75%;
		margin: 5em 12px 0 0;
		padding: 0 0 0 0;
	}
	div.preview_menu{
		float:left;
		width:20%;
		margin: 6em 0 0 1%;
		padding: 0.2em 0.2em 0.2em 0.2em;
		font-size:1em;
		color:#000000; 
		border: 1px solid #99CC33;
	}
	div.preview_menu ul {
		margin:0 0 0 0; 
		padding-left:0; 
		font-size:0.8em;
	}
	div.preview_menu li {
		list-style:none;
		line-height:1em;
		text-align:left;
	}
	div.preview_menu ul a:hover {
		background: #660033;
		color: #fff;
	}
	
/*Affichage Preview*/	
	div.vignette {
	position:absolute; left: 0;	top:0; z-index:2;
	margin:0; padding:0;
	}
	div.vignette_bloc {
		position:relative; float:left;  margin:0; padding:0;
		width:270px ; height:150px ; border:1px solid red  ;
		text-align:right ;
		background-repeat: no-repeat;
	}
	div.vignette_titre {
		position:absolute; left: 0;	top: 0; z-index:1;
		background-color:#99CC33 ; 
		color:#005A9C ; font-size:1.5em ; font-weight:bold ; margin:0; padding:0;
		width:270px;
	}
	div.vignette_titre2 {
		position:absolute; left: 0;	top: 0; z-index:1;
		background-color:transparent ; 
		color:#99CC33 ; font-size:0.9em ; font-weight:bold ; margin:0; padding:0;
		width:260px;
	}
	
	/* Affichage différent du menu sélecionné */
		div.preview_menu li#cst a, div.preview_menu li#cst a:link, div.preview_menu li#cst a:visited , div.preview_menu li#cst a:hover {
			background:transparent;
			color:#660033;
			text-decoration:none;
			font-weight:bold
		}

/* RECHERCHE CMD*/
	.cadre_cmd{
		background-color: #efefef;
		border-style: ridge; border-width: 2px; border-color:#CCCCCC;
		text-align:left;
		font-size:1em;
		width:300px
	}

	.recherche_cmd p { margin:0 0 0.2em 0 }
	.recherche_cmd label {margin:0 0 0 0 ; font-size:1em}
	.numero { margin:0 0 0 0 ; padding:0.1em 0.1em 0.1em 0.1em ; font-weight:bold ; background-color:#FFFF00;
			border:1px solid black; text-align:center}
	.liste_fond {font-size:0.9em ; white-space:nowrap; text-align:left }
	.titre_fond {
		font-size: 1.1em;
		font-weight: bold;
		color: #333333;
		text-decoration: none;
		background-color: #99CC33;
		margin:0 0 0 0;
	}
	
	.sous_titre_fond {
		margin:0 0 0 0; padding:0.5em 0 0 0;
		font-size: 1em;	font-weight: bold; color: #333333;
		text-decoration: none; text-align:left
	}
	.cmd_titre_res {font-weight:bold ; color: #333333}

/*PANIER*/
	div.panier {
		margin:0 0 0 0; padding: 0.2em 0.2em 0.2em 1em;
		text-align:left;
	}
	div.panier table{ margin:0 0 1em 2em;
		text-align:center;
		background-color: #efefef;
		border: 1px solid #99CC33;
		border-collapse:separate;
	}
	div.panier tr, div.panier td {
		background-color: #efefef; padding:0.2em;
		border-style:dotted ; border-width: 1px; border-color:#CCCCCC;
	}
	div.panier th{
		background-color: #ffffff; padding:0.3em;
		border-style:none;
		color:#333333;
	}
	div.panier tr#total { font-weight:bold ; color:#333333}