/******************************************************
  CONTENU
*******************************************************/
h2, h3, p {
	margin-bottom: 20px;
}

h2, h3 {
	color: #455260;
}

h2 {
	font-size: 140%;
}

h3 {
	font-size: 100%;
}

a:focus {
	outline: none;
}


#mainContent ul {
	list-style: none;
}

#mainContent ul li {
	background: url(../images/puce.gif) no-repeat 0px 9px;
	padding: 3px 0 3px 15px;
}

#mainContent a:link, #mainContent a:visited,
#mainContent a:hover, #mainContent a:active {
	color: #455260;
	text-decoration: none;
}

#mainContent a:hover, #mainContent a:active {
	text-decoration: underline;
}

/******************************************************
  FCE SUMMARY
*******************************************************/
div.summary {
	width: 500px;
	margin-bottom: 40px;
	padding: 10px 0;
	border-bottom: 1px solid #DBECFF;
	position: relative;
}

div.summary .summary-img {
	width: 100px;
	float: left;
}

div.summary .summary-img img {
	margin-left: 10px;
}

div.summary .summary-content {
	width: 260px;
	float: left;
}

div.summary .summary-link {
	width: 120px;
	float: right;
	text-align: right;
}

div.summary .summary-link .link {
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 110px;
	font-size: 90%;
}

div.summary h3 {
	color: #000;
	margin: 0;
	padding: 0;
}

div.summary p {
	margin: 0;
	padding: 0;
}

/******************************************************
  COMMERCE - PANIER
*******************************************************/
div.com-basket-container {
	width: 700px;
}

tr.com-basket-header th { 
	padding:5px 0 5px 20px;
	text-align: left;
	background-color: #DBECFF;
}
table.com-basket-list td { 
	padding: 5px 20px;
}

table.com-basket-list {
	border: 0;
	border-collapse: collapse;
	width: 700px;
}

table.com-basket-list tr.com-basket-odd td {
	background: #eef6ff;
}

.com-text-right {
	text-align:right;
}

.com-text-left {
	text-align:left;
}
.com-text-bold {
	font-weight:bold;
}

p.com-basket-submit {
	float: right;
}

p.com-basket-next {
	float: right;
}

.com-basket-buttons {
	margin-top: 40px;
}

#mainContent .com-basket-buttons a:link, #mainContent .com-basket-buttons a:visited,
#mainContent .com-basket-buttons a:hover, #mainContent .com-basket-buttons a:active {
	display: block;
	padding: 5px 10px;
	background-color: #DBECFF;
	color: #000;
	text-decoration: none;
	margin: 0 10px;
	font-weight: bold;
	font-size: 110%;
}


/******************************************************
  COMMERCE - LIST VIEW
*******************************************************/
.tx-commerce-pi1 .com-list-even {
	width: 500px;
	margin: 0 0 40px 0;
	padding: 10px 0;
	border-bottom: 1px solid #dbecff;
	position: relative;
}

.tx-commerce-pi1 .com-list-col-img  {
	width: 100px;
	float: left;
}

.tx-commerce-pi1 .com-list-col-img img  {
	margin-left: 10px;
}

.tx-commerce-pi1 .com-list-col-content {
	width: 260px;
	float: left;
}

.tx-commerce-pi1 .com-list-col-action {
	width: 120px;
	float: right;
	text-align: right;
}

.tx-commerce-pi1 .com-list-col-action .com-list-col-action-links {
	width: 110px;
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.tx-commerce-pi1 .com-list-col-action .com-list-col-action-links span {
	font-size: 90%;
}

.tx-commerce-pi1 h3, .tx-commerce-pi1 p {
	margin: 0;
	padding: 0;
	color: #000;
}

.tx-commerce-pi1 a:link, .tx-commerce-pi1 a:visited, .tx-commerce-pi1 a:hover, .tx-commerce-pi1 a:active {
	color: #000;
/*	font-size: 90%;*/
}

.tx-commerce-pi1 .com-list-col-action-links a:link, .tx-commerce-pi1 .com-list-col-action-links a:visited,
.tx-commerce-pi1 .com-list-col-action-links a:hover, .tx-commerce-pi1 .com-list-col-action-links a:active {
	font-size: 90%;
}

.tx-commerce-pi1 a:hover, .tx-commerce-pi1 a:active {
	text-decoration: none;
}

.tx-commerce-pi1 .com-list-even p.subtitle {
	font-style: italic;
	margin-bottom: 10px;
}


/******************************************************
  COMMERCE - SINGLE VIEW
*******************************************************/

.tx-commerce-pi1 .com-single p.subtitle {
	font-weight: bold;
	margin-bottom: 10px;
}

.tx-commerce-pi1 .com-single p {
	margin-bottom: 20px;
}


.tx-commerce-pi1 .com-single .com-single-images {
	width: 320px;
	float: right;
	padding: 0 0 20px 20px;
}

.tx-commerce-pi1 .com-single .com-single-images p {
	margin: 10px 0 0 0;
	font-size: 110%;
}

.tx-commerce-pi1 .com-single .com-single-images p img {
	position: relative;
	top: 3px;
}

.tx-commerce-pi1 .com-single .com-single-aticle {
	font-weight: bold;
	font-size: 110%;
}


/******************************************************
  COMMERCE - CHECKOUT
*******************************************************/
div.com-chkout-address-fields {
	width: 600px;
}

.com-chkout-address table {
	border-collapse: collapse;
	width: 600px;
}

.com-chkout-address th.com-chkout-address-label {
	width: 150px;
	text-align: left;
	padding: 5px 0;
	font-weight: normal;
}


.com-chkout-address td.com-chkout-address-input {
	width: 450px;
	padding: 5px 0;
}

.com-chkout-address tr.com-chkout-address-fields-submit th,
.com-chkout-address tr.com-chkout-address-fields-submit td {
	padding: 20px 0;
}

.com-chkout-address tr.com-chkout-address-fields-submit td {
	padding: 20px 0 20px 50px;
}

div.com-chkout-address-fields span.error {
	color: #cc0000;
	padding: 0 0 0 10px;
	font-size: 90%;
}

.com-chkout-address-fields-disclaimer {
	margin-top: 20px;
}

.com-chkout-address-fields-submit a:link, .com-chkout-address-fields-submit a:visited,
.com-chkout-address-fields-submit a:hover, .com-chkout-address-fields-submit a:active {
	background-color:#DBECFF;
	color:#000000;
	font-size:110%;
	font-weight:bold;
	margin:0 10px;
	padding:5px 10px;
	text-decoration:none;
}


.com-chkout-listing-delivery-address table {
	border-collapse: collapse;
	width: 600px;
}


.com-chkout-listing-delivery-address table th {
	width: 150px;
	text-align: left;
	padding: 5px 0;
	font-weight: normal;
}


.com-chkout-listing-delivery-address table td {
	width: 450px;
	padding: 5px 0;
}

.com-chkout-listing-footer .com-chkout-listing-submit {
	width: 700px;
	text-align: right;
}

.com-chkout-listing-footer .com-chkout-listing-submit a:link, .com-chkout-listing-footer .com-chkout-listing-submit a:visited,
.com-chkout-listing-footer .com-chkout-listing-submit a:hover, .com-chkout-listing-footer .com-chkout-listing-submit a:active {
	background-color:#DBECFF;
	color:#000000;
	font-size:110%;
	font-weight:bold;
	margin:0 10px;
	padding:5px 10px;
	text-decoration:none;
}

.tx-commerce-pi3 h2 {
	margin-top:30px;
	font-size:130%;
}

/******************************************************
  USER COMMERCE
*******************************************************/
.user-commerce-pi1 label {
	display: block;
	font-size: 120%;
	font-weight: bold;
	color: #455260;
	margin-bottom: 15px;
}

.user-commerce-pi1 .user_commerce_pi1_fields {
	margin-bottom: 20px;
}

.user-commerce-pi1 .user_commerce_pi1_fields a:link, .user-commerce-pi1 .user_commerce_pi1_fields a:visited,
.user-commerce-pi1 .user_commerce_pi1_fields a:hover, .user-commerce-pi1 .user_commerce_pi1_fields a:active {
	font-size: 90%;
}

.user-commerce-pi1 .user_commerce_pi1_fields_checkbox table {
	width: 100%;
	border-collapse: collapse;
}

.user-commerce-pi1 .user_commerce_pi1_fields_checkbox table td {
	padding: 0 5px 10px 0;
	vertical-align: top;
}


span.checkbox {
	width: 19px;
	height: 20px;
	padding: 0 5px 0 0;
	background: url(../../../typo3conf/ext/user_commerce/res/gfx/checkbox.gif) no-repeat;
	display: block;
	clear: left;
	float: left;
}

span.radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(../../../typo3conf/ext/user_commerce/res/gfx/radio.gif) no-repeat;
	display: block;
	clear: left;
	float: left;
}

span.select {
	position: absolute;
	width: 178px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 22px;
	padding: 0 24px 0 8px;
	color: #455260;
	font: 12px/22px arial,sans-serif;
	background: url(../../../typo3conf/ext/user_commerce/res/gfx/select.gif) no-repeat;
	overflow: hidden;
}

.user-commerce-pi1 .user_commerce_pi1_fields a:link, .user-commerce-pi1 .user_commerce_pi1_fields a:visited,
.user-commerce-pi1 .user_commerce_pi1_fields a:hover, .user-commerce-pi1 .user_commerce_pi1_fields a:active {
	color: #455260;
	display: block;
	text-align: center;
	margin: 10px 0;
}

.user-commerce-pi1 .user_commerce_pi1_fields a:hover, .user-commerce-pi1 .user_commerce_pi1_fields a:active {
	text-decoration: none;
}


/******************************************************
  USER COMMERCE CURRENCIES
*******************************************************/
#header ul#cart, #header ul#user_commercecurrencies_pi1 {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: absolute;
	top: 75px;
}

#header ul#cart li, #header ul#user_commercecurrencies_pi1 li {
	display: inline;
	padding: 0 2px;
	
	color: #455260;
	font-size: 90%;
}

#header ul#cart li.act, #header ul#user_commercecurrencies_pi1 li.act {
	font-weight: bold;
}

#header ul#user_commercecurrencies_pi1 {
	right: 0px;
}

#header ul#cart {
	right: 80px;
}

#header ul#user_commercecurrencies_pi1 li a:link, #header ul#user_commercecurrencies_pi1 li a:visited,
#header ul#user_commercecurrencies_pi1 li a:hover, #header ul#user_commercecurrencies_pi1 li a:active {
	color: #455260;
	text-decoration: none;
	/*font-size: 90%;*/
}

#header ul#user_commercecurrencies_pi1 li.act a:link, #header ul#user_commercecurrencies_pi1 li.act a:visited,
#header ul#user_commercecurrencies_pi1 li.act a:hover, #header ul#user_commercecurrencies_pi1 li.act a:active {
	font-weight: bold;
}


.tx-indexedsearch .tx-indexedsearch-browsebox LI { display:inline; margin-right:5px; }
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px; }
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px; }
.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
.tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
.tx-indexedsearch .tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
.tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr { font-style:italic; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { color:#455260; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#dbecff; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { background:#cccccc; vertical-align:middle; }
.tx-indexedsearch .tx-indexedsearch-res .noResume { color:#666666; }
.tx-indexedsearch .tx-indexedsearch-category { background:#cccccc; font-size:16px; font-weight:bold; }

/* Additional styles, needed for the tableless template_css.tmpl (styles don't conflict with the original template) */
.tx-indexedsearch .res-tmpl-css { clear:both; margin-bottom:1em; }
.tx-indexedsearch .searchbox-tmpl-css LABEL { margin-right:1em; width:10em; float:left; }
.tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css { letter-spacing:0; font-weight:normal; margin-top:-1.2em; float:right; }
.tx-indexedsearch .info-tmpl-css dt, .tx-indexedsearch dl.info-tmpl-css dd { float:left; }
.tx-indexedsearch .info-tmpl-css dd.item-mtime { float:none; }
.tx-indexedsearch .info-tmpl-css dd.item-path { float:none; }

/******************************************************
* PDF Archeo
******************************************************/
div.tx-pdfarcheo-pi1 {
	margin:20px 0 0 0;
}