/**
 * Ibis Rouge Editions
 * Layout Design version 3 - November 2008
 * @author: Cedric Malherbe
 *
 */


/* reset defaults... */
* {
	margin: 0;
	padding: 0;
}
img {
	border: 0;
}



/* main layout structure */
body {
	font-family: "Arial", sans-serif;
	font-size: 62.5%;
	color: #444;
	/*
	background: url(../gfx/grid.gif) repeat;
	*/
	background: white;
}
a:link, a:active {
	background: inherit;
	color: #3333cc;
	text-decoration: underline;
}
a:visited {
	background: inherit;
	color: #449;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}



/**
 * 
 * Main blocks/container definition
 *
 */
 
#header {}

#center {
	float: left;
	width: 52%;
	padding: 2em;
}

#left {
	float: left;
	width: 18%;
	min-width: 180px;
	min-height: 30em;
	border-right: 1px dashed silver;
}

#right {
	float: right;
	width: 23%;
	padding: 1em 1em;
	min-width: 230px;
	min-height: 30em;
	border-left: 1px dashed silver;
}

hr {
	clear: both;
	height: 0;
	border: 0;
	color: white;
}

#left, #center, #right {
	margin-top: 1em;
}

#header, #frontage, #container, #footer {
	min-width: 985px;
}


/*
 *
 * header/top styles
 *
 */
#header {
}
#header #logo {
	margin: 1em 0 0 1em;
}
#header #topmenu {
	position: absolute;
	top: 2em;
	right: 0;
}
#header #topmenu li {
	display: inline;
}
#header #topmenu li a {
	font-size: 1.4em;
	padding: 1em 1.5em 0.9em 1.5em;
	
	font-weight: bolder;
	text-decoration: none;
	color: white;
	background: silver url('../gfx/bg_brush-metal.jpg') top left;
}
#header #topmenu li a:hover, #header #topmenu li a.active {
	padding: 1.5em 1.5em 2em 1.5em;
	background: #fe2779;
}

#header #search {
	padding: 0.5em 1em;
	text-align: left;
	background: #fe2779;
}
#header #search p {
	color: white;
	font-weight: bolder;
	font-size: 1.2em;
}
#header #search input {
	vertical-align: middle;
}
#header #search .searchinput {
	font-size: 1.1em;
	border: 1px solid #c00048;
	width: 18em;
	font-weight: bolder;
	color: #666;
	padding: 2px;
}

#header #mycart {
	position: absolute;
	top: 6.5em;
	right: 0;
	font-size: 1.2em;
	font-weight: bolder;
}
#header #mycart img {
	vertical-align: bottom;
	margin: -2px  1.5em -2px 0.5em;
}
#header #mycart a {
	text-decoration: none;
}

#header #boutique {
	padding: 1em;
	text-align: center;
	background: #fe2779;
}
#header #boutique p {
	color: white;
	font-weight: bolder;
	font-size: 1.4em;
}




#frontpage {
	height: 200px;
	padding: 2em;
	background: #eee;
	background: white url('../gfx/frontpage_bg.png') top left repeat-x;
}

#frontpage #promobox {
	float: left;
	width: 35em;
}

#frontpage #promobox h1 {
	font-family: "Times New Roman", serif;
	font-size: 5em;
	line-height: 1.08em;
	color: #66AA55;
	font-style: italic;
}
#frontpage #promobox p {
	font-family: "Times New Roman", serif;
	font-size: 2.1em;
	line-height: 1.2em;
	text-align: right;
	margin: 0.5em 0 0 1em;
}

#frontpage #fpcarousel {
	float: right;
	width: 62%;
}

#container {
	background: white url('../gfx/thirdfoldbg.png') top left repeat-x;
	clear: both;
}


#left #sidemenu {
	margin-top: 1em;
}
#left #sidemenu li {
	display: inline;
}
#left #sidemenu li a {
	display: block;
	font-size: 1.4em;
	padding: 0.5em 1em;
	font-weight: bolder;
	text-decoration: none;
}
#left #sidemenu li a:hover {
	background: #fe2779;
	color: white;
}
#left #sidemenu li ul li a {
	font-size: 1.2em;
	padding: 0.5em 1em 0.5em 2.5em;
}

#left #logo {
	margin: 3em 1em;
	text-align: center;
}


#center h1 {
	margin: 0 0 1em 0;
	color: #66AA55;
	background: inherit;
	border-bottom: 1px solid silver;
	font-family: "trebuchet ms", serif;
	font-size: 2em;
}
#center h2, #right h2 {
	font-size: 1.8em;
	margin: 1em 0;
	color: #66AA55;
	background: inherit;
	border-bottom: 1px solid silver;
	font-family: "trebuchet ms",serif;
}

#center p, #center ol, #center ul, #center address, #right p, #right ol, #right ul {
	font-size: 1.2em;
	line-height: 1.5em;
}
#center p, #right p, #center address {
	margin-bottom: 1.5em;
}
#center ol, #center ul, #right ol, #right ul {
	margin-left: 1.666em;
	margin-bottom: 1.5em;
}





/* product from catalog */
#center div.product {
	float: left;
	width: 200px;
	overflow: hidden;
	margin: 0.5em 0.5em 2em 0.5em;
}
#center div.product p {
	margin: 0;
	text-align: center;
}
#center div.product img {
	border: 1px solid gray;
}
#center div.product .gold {
	background-color: #ffd700;
	border: 1px outset #ffd700;
	color: black;
	font-weight: bolder;
	padding: 0.2em 0.5em;
	cursor: pointer;
}


#center .imgliv {
	float: left;
	margin: 0 1em 1em 0;
	border: 1px solid gray;
}


#center .auteur {
	font-size: 1.2em;
	margin-bottom: 1.5em;
}
#center .auteur td {
	padding: 0 1.5em 0 0;
	line-height: 1.5em;
}


table.form {
	font-size: 1.2em;
	width: 100%;
}
table.form td {
	padding: 0.5em 0;
	vertical-align: top;
}






.smallbox ul li a {
	text-decoration: none;
}
.smallbox ul li img {
	vertical-align: middle;
}
.smallbox .date {
	color: #999;
}
.smallbox .refer {
	float: right;
	margin: -36px 0 0 80px;
	line-height: 1em;
}



#pre_box {
	margin: 0 0 0.8em 0;
}
#pre_box h2 {
	font-size: 1.6em;
	color: #117;
	padding-right: 0.5em;
}
#pre_box .questionmark {
	float: right;
	margin: -2em 1.1em 0 0;
}
#pre_box .referal {
	font-size: 1.1em;
	margin-top: 0.5em;
}

#newsletter_box form p {
	font-size: 1.2em;
}
.newsletterinput {
	border: 1px solid gray;
	width: 80%;
}

.smallbox .prix {
	margin-top: 1em;
	text-align: center;
}
.smallbox .prix p {
	margin-bottom: 1em;
	font-size: larger;
}

.smallbox .prix .gold {
	background-color: #ffd700;
	border: 1px outset #ffd700;
	color: black;
	font-weight: bolder;
	padding: 0.2em 0.5em;
	cursor: pointer;
}










 

/*
 * footer styles
 *
 */

#footer {
	clear: both;
	margin: 3em 1em;
	text-align: center;
}
#footer p {
	font-size: 1.2em;
	line-height: 1.5em;
}


















.third {
	float: left;
	width: 32%;
}

/* information and error message */
.info {
	background: #f8fafc url(../gfx/information.png) center no-repeat;
	background-position: 15px 50%;
	text-align: left;
	margin: 1em;
	padding: 5px 20px 5px 45px !important;
	border-top: 2px solid #b5d4fe;
	border-bottom: 2px solid #b5d4fe;
}
.alert {
	background: #fff6bf url(../gfx/exclamation.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	margin: 1em;
	padding: 5px 20px 5px 45px !important;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
}


/* mail/contact page */
.textinput, textarea {
	border: 1px solid gray;
	width: 100%;
}
.input {
	border: 1px solid gray;
}

.emailform {
	width: 100%;
	white-space: nowrap;
}
.emailform td {
	padding: 0.2em 0.5em;
	vertical-align: top;
}
.emailform label {
	margin-right: 2em;
}


/* shopping cart */
#cart {
	border: 1px solid silver;
	width: 100%;
	margin: 1em 0;
	font-size: 1.2em;
}
#cart th {
	color: white;
	background: #666;
	padding: 0.5em;
}
#cart td {
	padding: 0.5em;
	border-top: 1px solid silver;
	background-color: white;
	color: inherit;
}
#cart .product {
	width: 49%;
	text-align: left;
}
#cart .price {
	width: 17%;
	text-align: right;
}
#cart .quantity {
	width: 17%;
	text-align: center;
}
#cart .total {
	width: 17%;
	text-align: right;
}
#cart .subtotal {
	text-align: right;
	color: inherit;
	background: #ccc;
}
.shopbutton {
	font-size: 1em; /* ie 7 */
	padding: 0.5em;
	font-weight: bolder;
	border: 1px dotted silver;
	cursor: pointer;
}
.checkout {
	text-align: right;
}
.checkout .shopbutton, .next .shopbutton {
	color: black;
	background: #ff3;
	border: 1px outset #ff3;
}
.shippingaddress {
	width: 37%;
	margin-right: 1.5em;
	float: left;
}
#order_summary {
	text-align: center;
}
.grand_total {
	margin-top: 6em;
	padding: 1em;
	text-align: center;
}
.grand_total p strong {
	font-size: 1.6em;
	color: #ef5e07;
}
.thankyou {
	font-size: 4em !important;
	color: #ef5e07;
	text-align: center;
}
.payment_total {
	font-size: 1.6em !important;
	color: #ef5e07 !important;
	text-align: center !important;
	line-height: 1.5em !important;
	border: 0 !important;
}
.payment_total strong {
	font-size: 2em;
	line-height: 1.5em;
}
p#paymentSteps {
	background-color: #ffc;
	color: #888;
	padding: 0.5em;
	margin: 1em 0;
	text-align: center;
	font-size: 1.333em;
}
#paymentSteps span {
	margin: 0 1.5em;
	font-weight: bolder;
}
#paymentSteps .active {
	color: #555;
	color: #fe0262;
}

#promotion {
	background-color: #ff8;
	padding: 0.5em;
	margin: 1em 0;
	text-align: center;
}

/* user login/registration */
.user {
	width: 100%;
}
fieldset {
	margin: 2em 3em 3em 3em;
	padding: 0 1em;
	border: 1px solid silver;
}
legend {
	font-size: larger;
	font-weight: bolder;
	padding: 0.5em;
	margin-bottom: 0.5em;
}



/* common styles */
input {
	font-size: inherit;
}
.button {
	font-weight: bolder;
	font-size: 1em; /* ie 7 */
	padding: 0.3em 1em;
	color: inherit;
	background: #d5d5c5;
	cursor: pointer;
	border: 1px outset #d5d5c5;
}




#main .table_manage {
	width: 100%;
	font-size: 1.2em;
	border: 1px solid gray;
	margin-bottom: 1em;
}
#main .table_manage th, #main .table_edit th {
	padding: 0.2em;
	background: #666;
	color: white;
}
#main .table_manage td, #main .table_edit td {
	border-top: 1px solid silver;
}
#main .table_manage td img, #main .table_edit td img  {
	vertical-align: middle;
}
#main .table_manage input, #main .table_edit input, #main .table_manage textarea, #main .table_edit textarea {
	border: 1px solid silver;
}


/* generic styles */
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.error {
	color: #ff9229;
	font-style: italic;
}

/* force generated error msg from jquery.validate.js to be displayed on a new line */
td input + .error {
	display: block;
}


/* carousel lite */
#carousel_box {
	overflow: hidden;
}
#carousel_box .prev {
	position: relative;
	top: 100px;
	z-index: 10;
	background: transparent;
	width: 24px;
	height: 24px;
}
#carousel_box .next {
	float: right;
	position: relative;
	top: -128px;
	z-index: 10;
	background: transparent;
	width: 24px;
	height: 24px;
}
#mycarousel {
	position: relative;
	z-index: 1;
	height: 202px; /* 200 + 2*1px for border */
	margin: 0 auto;
}
#mycarousel, #mycarousel ul, #mycarousel li {
	list-style: none;
	overflow: hidden;
}
#mycarousel ul li {
	width: 202px;
	text-align: center;
}
#mycarousel ul li img {
	border: 1px solid black;
}


/* partner links styling */
#partnerlinks {
	background: #eee;
	border-top: 1px solid #ddd;
	color: #999;
	font-size: 10px;
	margin-top: 10px;
	padding: 5px;
	text-align: center;
}
#partnerlinks a {
	color: #999;
	text-decoration: none;
}