body {width: 1060px; margin-left: auto; margin-right: auto; margin-bottom: 60px; text-align: center; font-family: Verdana, Arial; font-size: 10px; color: #003378}
a img {border: 0}
h1 {font-weight: bold; font-size: 12px; color: white}
h2 {font-weight: bold; font-size: 12px; color: orange}
h3 {font-weight: bold; border-bottom: solid 1px grey; text-align: left; font-size: 10px; color: black}
h4 {font-weight: bold; font-size: 12px;}
p {font-size: 9px; color: black}

input, select {background: white; color: #003378; font-size: 12px;}
input#submit {background: #B8F5B1; font-weight: bold; color: #003378; font-size: 14px; padding: 5px 10px 5px 10px;}
form label {color: #003378; font-weight: bold}

div#header {width: 100%;}

.infosClient {background: #DDE6F2;}
.colonneGauche {width: 420px; border-right: solid 1px grey; vertical-align: top; padding: 10px 10px 10px 10px}
	div#DivDateLivraison {padding-bottom: 10px;}
	div#DivQuantite {padding-bottom: 10px; display: none}
	div#DivChoixMedia {padding-bottom: 10px; display: none}
		div#choixMediaRecap {display: none; background: #B8F5B1; width: 120px; height: 80px; padding: 0}
	div#DivChoixFormatMedia {padding-bottom: 10px; display: none}
		div#choixFormatMediaRecap {display: none; background: #B8F5B1; width: 120px; height: 100px; padding: 0}
		div#Choix12cm {}
		div#Choix8cm {}
		div#ChoixCybercard {}
		div#ChoixCybercardBR {}
		div#ChoixCoeur {}
	div#DivPersoMedia {padding-bottom: 10px; display: none}
		div#choixPersoMediaRecap {display: none; background: #B8F5B1; width: 120px; height: 100px; padding: 0;}
		div#ChoixPersoSerigraphie {}
		div#ChoixPersoOffset {}
		div#ChoixPersoNumerique {}

.colonneMilieu {width: 420px; border-right: solid 1px grey; vertical-align: top; padding: 10px 10px 10px 10px}
	div#DivConditionnement {padding-bottom: 10px; display: none}
		div#choixConditionnementRecap {display: none; background: #B8F5B1; width: 120px; height: 140px; padding: 0;}
		div#DivChoixConditionnement {display: none}
	div#DivImprimerie {padding-bottom: 10px; display: none}
		div#choixImprimerieRecap1 {display: none; background: #B8F5B1; width: 120px; height: 100px; padding: 0;}
		div#choixImprimerieRecap2 {display: none; background: #B8F5B1; width: 120px; height: 100px; padding: 0;}
		div#DivChoixImprimerie {display: none}
			div#DivSelectChoixImprimerie1 {margin-bottom: 80px;}
			div#DivSelectChoixImprimerie2 {display: none;}
		div#DivImprimerieInfos {display: none}
	div#DivFinition {display: none}
		div#choixFinitionRecap {display: none; width: 120px; height: 100px;}
		div#DivChoixFinition {display: none}
	div#DivLivraison {display: none}
		div#DivChoixLivraison {display: none}

.colonneDroite {width: 220px; height: 775px; vertical-align: top; padding: 10px 10px 0 10px; background: #DDE6F2;}
	div#DivRecapitulatif {padding-bottom: 10px; font-weight: bold}
	div#DivRecapitulatif h3 {font-weight: normal; border-bottom: solid 1px grey; text-align: left; font-size: 10px; color: black}
		div#DivRecapDateLivraison {text-align: left; display: none}
		div#DivRecapQuantite {text-align: left; display: none}
		div#DivRecapChoixMedia {text-align: left; display: none}
		div#DivRecapChoixFormatMedia {text-align: left; display: none}
		div#DivRecapPersoMedia {text-align: left; display: none}
		div#DivRecapConditionnement {text-align: left; display: none}
		div#DivRecapImprimerie1 {text-align: left; display: none}
		div#DivRecapImprimerie2 {text-align: left; display: none}
		div#DivRecapFinition {text-align: left; display: none}
		div#DivRecapLivraison {text-align: left; display: none}
	div#btnValider {display: none; width: 100%; text-align: center}


/* Accordion Classes
----------------------------------------------- */
.Accordion {border: solid 1px grey; height: 850px; overflow: hidden;}