/*------------------------------------------------------------------
// Auteur : Ludovic Martin <ludovic@dreamclic.com> / www.dreamclic.com
// 
// Version             : 2.0
// Date de création    : 26/06/2008
//
// Description         : feuille de style de rubrique
//------------------------------------------------------------------*/
/*------------------------------------------------------------------*/
#content div#illustration div#acheter h2{
	font-family:"Trebuchet MS", Arial, Sans-Serif;
	color:#d50242;
	font-size:2em;
	margin:0 0 20px 0;
}
#content div#illustration div#acheter h3{
	font-family:"Trebuchet MS", Arial, Sans-Serif;
	color:#d50242;
	font-size:1.2em;
	margin:10px 0 5px 0;
}
#content div#illustration div#acheter div.acheter_votre_licence{
	float:left;
	width: 50%;
}
#content div#illustration div#acheter div.cadre_design{
/*	border:none;
	background:transparent url(images/formulaire_background.png) no-repeat top left;*/
	min-height:510px;
	padding:10px;

border: 1px solid #CCC;
border-radius: 10px;
background: #f2f5f6;
background: -moz-linear-gradient(top, #f2f5f6 0%, #e4e7e8 100%);
background: -webkit-linear-gradient(top, #f2f5f6 0%,#e4e7e8 100%);
background: linear-gradient(to bottom, #f2f5f6 0%,#e4e7e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#e4e7e8',GradientType=0 );	

}
#content div#illustration div#acheter div.acheter_illustration{
	float:left;
	margin:53px 2% 0 0;
	width: 48%;
}
#content div#illustration div#acheter div.acheter_illustration img{
	width: 100%;
}
#content div#illustration div#acheter form{
	margin: 3%;
}
#content div#illustration div#acheter p{
	position:relative;
	float:left;
	margin:0 1% .5em 1%;
	width: 98%;
}

#content div#illustration div#acheter p.nom,
#content div#illustration div#acheter p.prenom,
#content div#illustration div#acheter p.code_postal,
#content div#illustration div#acheter p.ville {
	width: 48%;
	margin-left: 1%;
}

@media (max-width: 767px) {
	#content div#illustration div#acheter h2{
		background: #E6EBE6;
	}
	#content div#illustration div#acheter div.acheter_illustration{
		width: 100%;
		position: absolute;
		top: 50%;
	}
	#content div#illustration div#acheter div.acheter_votre_licence {
		width: 100%;
	}
}
/*------------------------------------------------------------------*/
/*------------------------- INFORMATIONS ---------------------------*/
/*------------------------------------------------------------------*/
#content div#illustration div#acheter p.produit{
	float:none;
}
#content div#illustration div#acheter p label.texte_fantome{
	font-family:"Trebuchet MS", Arial, Sans-Serif;
	position:absolute;
	left:44px;
	color:#4E4E4E;
	font-size:.9em;
	line-height:26px;
}
#content div#illustration div#acheter p.adresse label.texte_fantome{
	left:5px;
}
#content div#illustration div#acheter p label.vignette{
	position:absolute;
	left:8px;
	color:#4E4E4E;
	font-size:.92em;
	line-height:24px;
}
#content div#illustration div#acheter p input.champ{
	background:url(images/form/input.jpg) no-repeat #fff;
	float:left;
	margin:0;
	height:24px;
	text-indent:42px;
}
#content div#illustration div#acheter p textarea{
	background:#fff;
	height:55px;
}
#content div#illustration div#acheter div label a{
	color:#D50242;	
}
#content div#illustration div#acheter p input.champ,
#content div#illustration div#acheter p textarea{
	font-family:"Trebuchet MS", Arial, Sans-Serif;
	width: 100%;
	font-size:.9em;
	color:#50595b;
	border:1px solid #bdbdbd;
}
#content div#illustration div#acheter p input.inline{
	width: 100%;
	margin:0;
}
#content div#illustration div#acheter p.civilite{
	float:none;
	font-size:.8em;
	line-height:25px;
}
#content div#illustration div#acheter p.submit{
	text-align:right;
	margin:0;
}
#content div#illustration div#acheter p.warning{
	font-size:.8em;
}
#content div#illustration div#acheter div #licence{
	position: relative;
}
#content div#illustration div#acheter div label.licence{
	font-family:"Trebuchet MS", Arial, Sans-Serif;
	color:#4E4E4E;
	font-size:.9em;
	position: relative;
}

/* Boutons submit */
#content div#illustration div#acheter p.submit input.continuer,
#content div#illustration div#acheter p.submit input.payer,
#content div#illustration div#acheter p.submit input.precedent{
	width:120px;
	height:33px;
	border:none;
	text-indent:-1000em;
	overflow:hidden;
	cursor:pointer;
	margin:10px 20px 0 0;
}
#content div#illustration div#acheter p.submit input.continuer{
	background:url(images/form/continuer.png) no-repeat;
}
#content div#illustration div#acheter p.submit input.payer{
	background:url(images/form/payer.png) no-repeat;
}
#content div#illustration div#acheter p.submit input.precedent{
	background:url(images/form/precedent.png) no-repeat;
}

/*------------------------------------------------------------------*/
/*--------------------------- COMMANDE -----------------------------*/
/*------------------------------------------------------------------*/
#content div#illustration div#acheter div.cadre_design div.recapitulatif p{
	float:none;
	background:#e0e6e6;
	font-size:.9em;
	padding:.5em;
}

#content div#illustration div#acheter div.cadre_design div.recapitulatif p span{
	font-weight:bold;
}
#content div#illustration div#acheter div.cadre_design div.recapitulatif ul#produits{
	margin:0 0 10px 0;
}
#content div#illustration div#acheter div.cadre_design div.recapitulatif p img{
	padding:0 5px 0 0;
	display:block;
	float:left;
}
#content div#illustration div#acheter div.cadre_design div.recapitulatif p.submit{
	width:auto;
	background:none;
}
#content div#illustration div#acheter div.cadre_design div.recapitulatif p.submit{
	float:right;
}

/*------------------------------------------------------------------*/
#content div#illustration{
	/*background:url(images/home_illustration.png) top left no-repeat;*/
	float:left;
	width:100%;
}
#content div#illustration div#acheter{
	min-height:383px;
	/*float:left;*/
	text-align:justify;
	color:#50595b;
	position: relative;
}
#content div#illustration div#acheter p strong{
	color:#d50242;
}
/*------------------------------------------------------------------*/
.messages_erreur,
.messages_information{
	margin:8px 0;
	padding:8px;
	font-weight:bold;
}
/*------------------------------------------------------------------*/
.messages_erreur{
	border:2px solid #d50242;
	color:#d50242;
}
/*------------------------------------------------------------------*/
.messages_information{
	border:2px solid green;
	color:green;
}
/*------------------------------------------------------------------*/