@charset "utf-8";
/**
 * Copyright 2010-2013 | Dacrydium
 * Fabrice Creuzot <fabrice~creuzot~dacrydium~fr>
 * http://www.dacrydium.fr/
 */

/* ################################################################################ Document ### */
* { margin:0; padding:0; }
body { margin:1em; font:0.6em Arial, sans-serif; }

@media screen { body { font:0.75em Arial, sans-serif; } }

noscript p, p.noie {
	margin:0; padding:0.7em 13em 0.8em;
	line-height:1.4em; text-align:center;
	color:#2F2F2F; background-color:#FFFF90;
}

noscript p a, p.noie a { color:blue; }
button::-moz-focus-inner { margin:-1px; padding:0; }

/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& titres &&& */
h1 {
	margin:0 0 1em;
	font-size:1.9em; font-weight:bold;
	page-break-after:avoid;
}

h2 {
	margin:1.5em 0 0.9em; padding:0.15em 0.4em;
	font-size:1.2em; font-weight:bold; border-bottom:1pt solid black;
	page-break-after:avoid;
}

h3 {
	margin:0.6em 0.9em;
	font-size:1em; font-weight:bold;
	page-break-after:avoid;
}

h2.deco a, h2.deco button { display:none; }

/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& texte &&& */
p { margin:0.8em auto 1em; line-height:1.4em; }
address { line-height:1.35em; }

img {
	display:inline-block; margin:auto; overflow:hidden;
	font-size:0.8em; line-height:1.35em; vertical-align:middle; word-wrap:break-word;
	border:none;
}

label { display:inline-block; }
hr { display:none; }

a img { color:red; }
a { color:red; text-decoration:underline; }
abbr[title], span[title] { border:none; }

.nodisplay { display:none !important; }
.novisible { visibility:hidden !important; }

/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& listes &&& */
ul { margin:0.8em auto 1.4em; }
ol { margin:0.8em auto 1.4em; }
li { margin:0.1em 3em; line-height:1.4em; }

ul p, ol p { margin:0.45em auto 0.5em; }
ul ul, ol ol { margin:0.45em auto 0.5em; }

ol.abc { list-style-type:lower-alpha; }

ul.nostyle { list-style:none; }
ul.nostyle li { margin:0.1em 1.5em; }

/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& formulaires &&& */
input {
	padding:0.3em 0.2em; vertical-align:middle;
	font:0.85em Arial, sans-serif; background:none;
}

input[type="text"], input[type="password"] { border:1px solid #AAA; background-color:white; }

textarea {
	padding:0.2em;
	font:0.9em Arial, sans-serif;
	border:1px solid #AAA; background-color:white;
}

select {
	padding:0.21em 0.2em; vertical-align:middle;
	font:0.85em Arial, sans-serif; border:1px solid #AAA; background-color:white;
}

select option { padding:0 0.2em; }
select[multiple] { height:10em; }

/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& boutons &&& */
div.buttons { display:none; }
div.buttonsBis { display:none; }
button { display:none; }

/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& validation &&& */
p.required, div.validation-advice { display:none; }
span.required { font-size:0.8em; color:gray; }


/* ################################################################################# Contenu ### */
#header, #ariane, #footer, #menu, #mleft, #mright, #dialog, #contenu ul.tabLinks { display:none; }

#head { margin-bottom:2.5em; }
#head img { display:block; margin:0 0 1em; }
#head div address strong { display:block; margin-bottom:0.1em; }
#head div address span { display:block; }
#head div address span.big { margin-top:0.6em; }

#address { position:absolute; top:50px; left:220px; font:1em Arial, sans-serif; font-weight:bold; }

#contenu { position:relative; overflow:hidden; clear:both; }
#contenu h1 { margin:0 0 1em; }

#contenu address.postal { margin:0.8em 1em 1.4em; }
#contenu pre.bank { margin:0.8em 1em 1.4em; font-size:1.2em; }

#contenu ul.ordertop { margin-top:1.7em; list-style:none; font-size:1.1em; }
#contenu ul.ordertop li { display:inline-block; margin:0 1em; }

/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& messages &&& */
#contenu ul.messages {
	margin:0 0 1.5em; padding:0.2em 0.7em 0.2em 30px;
	list-style:none; border:1px solid #CCC; background-color:#F0F0F0; background-repeat:no-repeat; background-position:8px center;
}

#contenu ul.messages li { background-repeat:no-repeat; background-position:8px center; }
#contenu ul.messages li.notice-msg { padding-left:30px; color:purple; background-image:url("../images/icons/16/silk-information.png"); }
#contenu ul.messages li.success-msg { padding-left:30px; color:green; background-image:url("../images/icons/16/silk-accept.png"); }
#contenu ul.messages li.error-msg { padding-left:30px; color:red; background-image:url("../images/icons/16/silk-cancel.png"); }

#contenu ul.messages li { margin:0.1em 0; }
#contenu ul.messages ul { margin:0; list-style:none; }

/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& fieldset &&& */
#contenu fieldset {
	position:relative; margin:1em auto; width:95%; overflow:visible;
	text-align:left; vertical-align:top;
	border:1px solid #FA0;
}

#contenu fieldset legend {
	position:absolute; top:0; margin:-1px -1px 0; padding:0.3em 0; width:100%;
	font-size:1.2em; font-weight:bold; text-indent:0.7em;
	border:1px solid #FA0; border-bottom:none;
}

#contenu fieldset p.checkbox { margin:-0.5em 2em 1em 24%; line-height:1.5em; }
#contenu fieldset p.checkbox input { margin-right:0.2em; }

#contenu fieldset p.infos { margin:3.5em 2em 1em; }
#contenu fieldset p.infos.register { margin:-0.5em 2em 1em; }
#contenu fieldset p.notices { margin:0.5em 2em 1em; }

#contenu fieldset ul { margin:3.5em 1em 1.7em; list-style:none; }
#contenu fieldset ul li { margin:0.4em 0; }
#contenu fieldset ul li.separ { margin-top:1em; }

#contenu fieldset ul li label, #contenu fieldset ul li span.label {
	display:inline-block; padding-right:0.5%; width:27%;
	text-align:right; vertical-align:middle;
}

#contenu fieldset ul li span.input { display:inline-block; position:relative; width:70%; }
#contenu fieldset ul li span.input input { width:57%; }
#contenu fieldset ul li span.input select { width:58.2%; }
#contenu fieldset ul li span.input textarea { width:90%; }
#contenu fieldset ul li span.input input[type="checkbox"] { width:auto; }

#contenu fieldset ul li span.dob select.day { width:12%; }
#contenu fieldset ul li span.dob select.month { width:28%; margin:0 1%; }
#contenu fieldset ul li span.dob select.year { width:16.5%; }

#contenu fieldset ul li label.address { padding-top:0.1em; vertical-align:top; }
#contenu fieldset ul li span.input.address input { width:57%; }
#contenu fieldset ul li span.input.address input:not(:last-of-type) { margin:0 0 0.4em; }

#contenu fieldset ul li label.textarea { display:block; }
#contenu fieldset ul li span.input.textarea { margin:0.1em 0 1em; padding:0 5%; width:100%; }

/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& faux fieldsets &&& */
#contenu div.blockFieldset { border:1px solid #FA0; overflow:hidden; }

#contenu div.blockFieldset.alone { position:relative; margin:1em; }
#contenu div.blockFieldset.alonebis { position:relative; margin:1em; border:none; }
#contenu div.blockFieldset.alonebis.nocolor { margin-top:-1em; }

#contenu div.blockFieldset.two { display:inline-block; position:relative; margin:0 0.5%; padding-bottom:3em; width:48%; min-height:22.5em; vertical-align:top; }

#contenu div.blockFieldset h2 { margin-bottom:1.1em; padding:0.3em 0.7em; font-size:1.2em; }
#contenu div.blockFieldset h3 { margin:0 0 0.8em; }

#contenu div.blockFieldset p { margin:1em; }
#contenu div.blockFieldset p.required { margin:-0.5em 8em 0 0; width:auto; }

#contenu div.blockFieldset ul { margin:1.3em 0.5em 1em; list-style:none; }
#contenu div.blockFieldset ul li { margin:0.6em 1em; }
#contenu div.blockFieldset ul li label { display:block; margin:0 0 0.1em 0.5em; }
#contenu div.blockFieldset ul li input { width:25em; }

/* &&&&&&&&&&&&& faux fieldsets et carnet d'adresses &&& */
#contenu div.blockFieldset ol.address { margin:1.3em 0.5em 1em; list-style:none; }
#contenu div.blockFieldset ol.address > li { display:inline-block; width:45%; margin:0 2%; vertical-align:top; }
#contenu div.blockFieldset ol.address > li p { margin:0.4em 0 0.6em; }
#contenu div.blockFieldset ol.address > li div { position:relative; }
#contenu div.blockFieldset ol.address > li div address { margin:0 0 1.3em; min-height:8em; overflow:hidden; }
#contenu div.blockFieldset ol.address > li address.postal { margin:-0.4em 0.9em 0; }
#contenu div.blockFieldset ol.address > li ul.payment { margin:0; }
#contenu div.blockFieldset ol.address > li ul.payment li { margin:0; }

/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& tableaux &&& */
#contenu table { width:100%; border-collapse:collapse; }
#contenu table.order { margin:1em 0; }

#contenu table thead tr th { padding:0.4em; }
#contenu table thead tr th.prix { width:9em; }
#contenu table thead tr th.reference { width:12em; }

#contenu table tfoot tr td { padding:0.2em 0.4em; }

#contenu table tfoot tr:first-child td { padding:0.8em 0.6em 0.2em; }
#contenu table tfoot tr:last-child td { padding:0.2em 0.6em 0.6em; }
#contenu table tfoot tr:first-child:last-child td { padding:0.7em 0.6em; }

#contenu table tfoot tr th:first-child { text-align:right; }
#contenu table tfoot tr td:first-child { text-align:right; }
#contenu table tfoot tr td:last-child { text-align:center; }
#contenu table tfoot tr th:last-child { text-align:center; }

#contenu table tbody tr th { padding:0.6em; line-height:1.3em; text-align:center; }
#contenu table tbody tr td { padding:0.6em; line-height:1.3em; text-align:center; }
#contenu table tbody tr td.image { width:75px; }
#contenu table tbody tr td.actions { font-size:0.85em; line-height:1.4em; }
#contenu table tbody tr td.action { width:25px; }
#contenu table tbody tr td.product { text-align:left; }
#contenu table tbody tr td.product a { text-decoration:none; }
#contenu table tbody tr td.product ul { margin:0.5em; list-style:none; }
#contenu table tbody tr td.product ul li { margin:0 1em; }

#contenu table tbody tr td a { display:inline-block; }
#contenu table tbody tr td a img { display:inline-block; }
#contenu table tbody tr td.image a { display:block; }
#contenu table tbody tr td.image a img { display:block; }

#contenu table tbody tr td.qty input { text-align:center; }
#contenu table tbody tr td.qty ul { margin:0; list-style:none; }
#contenu table tbody tr td.qty ul li { margin:0; }