@charset "UTF-8";

@media all {

.encan { padding: 30px 40px; background: url(../../encan/images/bg_degrade.jpg) 0 100% no-repeat; font: .8em Arial, Helvetica, sans-serif; }
	.encan .intro { margin: 0; padding: 0; width: 420px; float: left; }
		.encan .intro h2 { margin: 0; padding: 0 0 20px; color: #00a1b0; font-size: 1.6em; }
		.encan .intro p { margin: 0; padding: 10px 0; color: #a1a1a1; }
		.encan .intro p em { color: #777; }

	.encan .connexion, .articleDescription .connexion { margin: 0; padding: 0; width: 201px; position: relative; float: right; color: #fff; background: url(../../encan/images/bg_connexion.png) 50% 0 repeat-y; }
		.encan .connexion h3, .articleDescription .connexion h3 { margin: 0; padding: 15px 20px 5px; color: #fff; font-size: 1.4em; background: url(../../encan/images/bg_connexionTop.png) 0 0 no-repeat; }
		.encan .connexion>h3, .articleDescription .connexion>h3 { padding-bottom: 10px; }
		.encan .connexion label, .articleDescription .connexion label { margin: 0; padding: 5px 20px; display: block; color: #fff; }
		.encan .connexion input, .articleDescription .connexion input { margin: 0 20px 4px; width: 160px; font-size: .9em; }
		.encan .connexion a, .articleDescription .connexion a { padding: 0 20px; color: #88dae2; font-size: .9em; }
		.encan .connexion span, .articleDescription .connexion span { display: block; padding: 0 20px; }
		.encan .connexion a:hover, .articleDescription .connexion a:hover { text-decoration: none; }
		.encan .connexion .connecter, .articleDescription .connexion .connecter { margin: 12px 15px 0; padding: 0; width: 123px; height: 29px; }
		.encan .connexion .creer, .articleDescription .connexion .creer { margin-top: 15px; padding: 13px 0; background: url(../../encan/images/bg_connexionBottom.png) 0 0 no-repeat; }
		.encan .connexion .creer a, .articleDescription .connexion .creer a { margin: 0 15px; padding: 0; width: 142px; height: 29px; display: block; background: url(../../encan/images/bt_creerCompte.png) 0 0 no-repeat; }
		.encan .connexion .creer a span, .articleDescription .connexion .creer a span { width: 2px; height: 2px; position: absolute; top: 0; left: 0; overflow: hidden; }
		.encan a.retour { color: #777; position: relative; right: -50px; top: 30px; font-weight: bold; }
		.encan a:hover.retour { text-decoration: none; }
		#valCmpMiseVotreMise, #valExpMiseVotreMise, #valReqMiseVotreMise { font-size: .9em; font-weight: normal; }
	

.listeArticles { padding: 20px 40px; font: .8em Arial, Helvetica, sans-serif; }
	.listeArticles h2 { margin: 0; padding: 0 0 25px; color: #777777; font-size: 1.4em; }
	
	.listeArticles table { margin: 0; padding: 0; width: 671px; border-collapse: collapse; font-size: .9em; }
		.listeArticles table thead th div { float: left; }
		.listeArticles table tfoot tr td, .listeArticles table tfoot tr th { border-top: 1px solid #777; }
		
		.listeArticles table thead th, .listeArticles table tfoot th { padding: 6px 0; color: #777; text-align: left; }
		.listeArticles table thead th p, .listeArticles table tfoot th p { margin: 0; padding: 4px 0; float: right; }
		.listeArticles table thead th p a, .listeArticles table tfoot th p a { color: #777; text-decoration: none; font-weight: normal; }
		
		.listeArticles table th p a.actif { color: #00a1b0; font-weight: bold; }
		.listeArticles table thead td, .listeArticles table tfoot td { width: 25%; text-align: right; }
		.listeArticles table thead td a, .listeArticles table tfoot td a { color: #777; }
		.listeArticles table thead td a:hover, .listeArticles table tfoot td a:hover { text-decoration: none; }
	
		.listeArticles table tbody tr { border-top: 1px solid #777; background: url(../../encan/images/bg_articleListe.jpg) 0 0 no-repeat; }
		.listeArticles table tbody th { padding: 6px 3px; width: 144px; border-top: 1px solid #777; }
		.listeArticles table tbody td { padding: 15px 0 0; vertical-align: top; color: #777; border-top: 1px solid #777; }
		.listeArticles table tbody p { margin: 0 0 0 35px; padding: 0 0 0 10px; background: url(../../encan/images/ico_fleche.gif) 0 3px no-repeat; }
		.listeArticles table tbody p strong { font-size: 1.1em; }
		.listeArticles table tbody p span { color: #00a1b0; font-weight: bold; line-height: 2em; }
		.listeArticles table tbody td.prix { text-align: right; }
		.listeArticles table tbody td.prix span { display: block; color: #00a1b0; font-weight: bold; font-size: 1.5em; }
		
.compte { padding: 20px 40px; font: .8em Arial, Helvetica, sans-serif; }
	.compte h3 { margin: 0; padding: 0 0 10px; color: #777; font-size: 1.1em; }
	.compte p { margin: 0; padding: 5px 0; color: #777; }

	.formulaire { margin: 0; padding: 8px 10px 10px 10px; height: 253px; background: url(../../encan/images/bg_form.jpg) 0 0 no-repeat; }
	.formulaire table { margin: 0 0 0 -80px; padding: 0; border-collapse: collapse; font-size: .9em; color: #fff; }
	.formulaire table th.champsRequis { padding-right: 100px; }
	.formulaire table th { padding: 6px 0; width: 25%; text-align: right; font-weight: normal; }
	.formulaire table td.short input { margin-right: 5px; width: 50px; height: 20px; }
	.formulaire table td { padding: 6px 0; width: 25%; }
	.formulaire table td input { margin: 0 15px 0 5px; width: 180px; height: 20px; font-size: .9em; }
	.formulaire table td select { margin: 0 15px 0 5px; width: 180px; font-size: .9em; }
	.compte .soumettre { float: right; }
	
	
.articleDescription { padding: 20px 40px; font: .8em Arial, Helvetica, sans-serif; }
.articleDescription .description { margin: 0; padding: 0; width: 460px; height: 400px; float: left; color: #777; }
	.articleDescription .description h3 { margin: 0; padding: 0; font-size: 1.3em; }
	.articleDescription .description div { padding: 5px 0; width: 251px; float: left; background: url(../../encan/images/bg_description.jpg) 0 0 no-repeat; }
	.articleDescription .description>div { width: 259px; }
	.articleDescription .description img { margin: 0; padding: 0; border: 0; display: block; width: 201px; height: auto; float: left; }
	.articleDescription .description div p { margin: 0; padding: 5px 0 5px 30px; font-weight: bold; background: url(../../encan/images/ico_fleche.gif) 20px 50% no-repeat; }
	.articleDescription .description div p span { color: #00a1b0; }
	.articleDescription .description div p span.initial { font-size: .8em; }
	.articleDescription .description h4 { font-size: 1em; margin: 0; padding: 15px 20px; background: url(../../encan/images/bg_description.jpg) 0 0 no-repeat; }
	.articleDescription .description h4 span { padding: 0 0 0 10px; background: url(../../encan/images/ico_fleche.gif) 0 50% no-repeat; }
	.articleDescription .description p { margin: 0; padding: 5px 20px; }
	
	
	
.articleDescription .connexionMise { margin: 0; padding: 0; width: 201px; position: relative; float: right; color: #fff; background: url(../../encan/images/bg_mise.png) 50% 0 repeat-y; }
	.articleDescription .connexionMise .miseDesc { padding: 10px 0; background: url(../../encan/images/bg_miseTop.png) 0 0 no-repeat; }
	.articleDescription .connexionMise h3 { margin: 0; padding: 0 20px; font-size: 1.4em; font-weight: normal; }
	.articleDescription .connexionMise span { margin: 0; padding: 0 20px; display: block; font-size: 1.6em; font-weight: bold; }
	.articleDescription .connexionMise p { width: 200px; margin: 0; padding: 0 10px 0 20px; font-size: .9em; color: #fff; }
	.articleDescription .connexionMise .miseDesc>p { width: auto }
	.articleDescription .connexionMise input { margin: 0 0 10px 20px; width: 140px; float: left; font-size: .9em; }
	.articleDescription .connexionMise .dollar { padding: 3px 0 3px 5px; font-size: 1em; float: left; }
	.articleDescription .connexionMise label { margin: 0; padding: 10px 0 5px 20px; display: block; }
	
	.articleDescription .connexionMise label.courriel { margin: 0; padding: 8px 4px 0; width: 130px; float: left; font-size: .8em; }
	.articleDescription .connexionMise #chkMiseDemandeDeclassement { margin: 6px 0 0 !important; padding: 0; width: 16px !important; height: 16px; }
	
	.articleDescription .connexionMise .soumettre { background: url(../../encan/images/bg_miseBottom.png) 0 100% no-repeat; }
	.articleDescription .connexionMise .soumettre input { margin: 10px 0 10px 15px; padding: 0; width: 101px; height: 29px; float: none; }
	
	
	
.personnalisation { margin: 0; padding: 0; width: 201px; float: right; background: url(../../encan/images/bg_personalisation.png) 50% 0 repeat-y; }
	.personnalisation p { margin: 0; padding: 20px 5px 20px 10px; font-size: 1.6em; color: #fff; background: url(../../encan/images/bg_personalisationTop.png) 50% 0 no-repeat; }
	.personnalisation div { padding: 0 0 15px; background: url(../../encan/images/bg_personalisationBottom.png) 50% 100% no-repeat; }
	.personnalisation a { margin: 0; padding: 3px 10px; color: #90ecf3; font-size: .9em; }
	.personnalisation a:hover { text-decoration: none; }
	
.articleDescription .mise { margin: 0; padding: 15px 0 22px 0; width: 201px; float: right; color: #fff; background: url(../../encan/images/bg_miseNonConnecte.png) 50% 0 no-repeat; }
	.articleDescription .mise h4 { margin: 0; padding: 0 20px; font-size: 1.2em; font-weight: normal; }
	.articleDescription .mise span { text-align: center; margin: 0; padding: 0 20px; display: block; font-size: 2em; }
}