/************************  Styles ************************/
@import url("fonts.css");


* {
	margin:0;
	padding:0;
}
html {
	background:#000;
	font-size:62.5%;
}
body {
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-size:1.2rem;
	padding:0;
}
a {
	color:#be9f57;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
a img {
	border:0;
}
ul, ol {
	list-style-type:none;
	margin:0;
	padding:0;
}
p {
	margin:0;
	padding:0 0 10px;
}


/*:: TITRES ::*/
/*******************************************************/
h1, h2, h3, h4 {
	font-weight:normal;
	margin:0;
	padding:0;
}

.type1,
.type1 a,
a .type1 {
	color:#000;
	font-family: 'DIN-Regular';
	font-size:20px;
	font-size:2.0rem;
	text-decoration:none;
	text-transform:uppercase;
}
	.type1 span,
	.type1 a span,
	a .type1 span {
		color:#be9f57;
		display:block;
		font-size:24px;
		font-size:2.4rem;
		padding:35px 0;
		text-decoration:none;
	}

.type2,
.type2 a,
a .type2 {
	color:#000;
	font-family: 'DIN-Regular';
	font-size:22px;
	font-size:2.2rem;
	padding:0 10px 20px;
	text-decoration:none;
	text-transform:uppercase;
}

.type3,
.type3 a,
a .type3 {
	color:#000;
	font-size:12px;
	font-size:1.2rem;
	font-weight:bold;
	padding-bottom:10px;
	text-decoration:none;
}
.type4,
.type4 a,
a .type4 {
	color:#fff;
	font-size:20px;
	font-size:2.0rem;
	text-decoration:none;
}

.type5,
.type5 a,
a .type5 {
	color:#be9f57;
	font-family: 'DIN-Regular';
	font-size:18px;
	font-size:1.8rem;
	padding-bottom:20px;
	text-decoration:none;
	text-transform:uppercase;
}

.type6,
.type6 a,
a .type6 {
	color:#000;
	font-family: 'DIN-Regular';
	font-size:16px;
	font-size:1.6rem;
	padding-bottom:20px;
	text-decoration:none;
	text-transform:uppercase;
}

.type7,
.type7 a,
a .type7 {
	color:#000;
	font-family: 'DIN-Regular';
	font-size:16px;
	font-size:1.6rem;
	padding-bottom:20px;
	text-decoration:none;
	text-transform:uppercase;
}

.type8,
.type8 a,
a .type8 {
	color:#000;
	font-family: 'DIN-Regular';
	font-size:16px;
	font-size:1.6rem;
	padding-top:20px;
	text-decoration:none;
	text-transform:uppercase;
}


/*:: BOUTONS ::*/
/*******************************************************/
.btn1,
.btn2 {
	display:inline-block;
	margin-left:10px;
}

.btn1 a {
	background:#000;

	-moz-border-radius:5px;
	-wekbit-border-radius:5px;
	border-radius:5px;

	color:#FFF;
	display:inline-block;
	height:25px;
	font-family: 'DIN-Regular';
	font-size:14px;
	font-size:1.4rem;
	line-height:25px;
	padding:0 20px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;

	behavior: url(PIE.htc);
	position:relative;
	z-index:1;
}

.btn2 a {
	background:#be9f57;

	-moz-border-radius:5px;
	-wekbit-border-radius:5px;
	border-radius:5px;

	color:#FFF;
	display:inline-block;
	height:25px;
	font-family: 'DIN-Regular';
	font-size:14px;
	font-size:1.4rem;
	line-height:25px;
	padding:0 20px;
	text-align:center;
	text-decoration:none;
	text-shadow:1px 1px 2px #5F4C23;
	text-transform:uppercase;

	behavior: url(PIE.htc);
	position:relative;
	z-index:1;
}



/*:: CLASSES GENERIQUES ::*/
/*******************************************************/
.none {
	display:none!important;
}

.more a {
	background:url(../img/puces/puce-04.png) no-repeat 0 0;
	font-size:11px;
	font-size:1.1rem;
	padding-left:14px;
	text-decoration:none;
}
	.more a:hover,
	.more2 a:hover {
		text-decoration:underline;
	}
.more2 a {
	background:url(../img/puces/puce-04.png) no-repeat 0 0;
	color:#000;
	font-size:11px;
	font-size:1.1rem;
	padding-left:14px;
	text-decoration:none;
	text-transform:uppercase;
}

.pagination {
	position:relative;
	text-align:center;
	width:100%;
}
.pagination ul {
	display:inline-block;
	padding:0 20px;
}
.pagination li {
	color:#be9f57;
	display:inline-block;
	font-size:11px;
	font-size:1.1rem;
	margin:0 2px 0 3px;
}
.pagination li img {
	vertical-align:middle;
}
.pagination li.current {
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
.pagination .number-pages li {
	color:#000;
}

.enlarge a {
	background:url(../img/puces/puce-06.png) no-repeat 0 center;
	color:#000;
	font-weight:bold;
	padding-left:25px;
	text-decoration:none;
}

.spacer-bottom {
	padding-bottom:7px;
}

.puce5 {
	background:url(../img/puces/puce-05.png) no-repeat 0 4px;
	padding-left:15px;
}
.download {
	background:url(../img/icones/download.png) no-repeat 0 0;
	line-height:17px;
	padding-left:28px;
}
.add a {
	color:#be9f57!important;
	text-decoration:underline!important;
}
	.add a:hover {
		text-decoration:none!important;
	}

.regular {
	font-weight:normal!important;
}


/*:: FORMULAIRES ::*/
/*******************************************************/
form, fieldset {
	border:none;
	margin:0;
	padding:0;
}
input, select, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-size:1.2rem;
}

/** Formulaire - Administratif **/
form#admin {
	padding:0 10px;
}
form#admin fieldset {
	padding-bottom:30px;
}
form#admin .line-form {
	padding-bottom:5px;
}
form#admin .line-form label {
	display:inline-block;
	font-weight:bold;
	line-height:23px;
	width:190px;
}
	form#admin .line-form label span {
		color:#d52020;
		font-weight:bold;
	}
form#admin .line-form input {
	border:1px solid #dcceab;
	color:#332c26;
	display:inline-block;
	font-size:12px;
	font-size:1.2rem;
	font-weight:bold;
	height:23px;
	line-height:23px;
	padding:0 5px;
	width:210px;
}
	form#admin .line-form input[type=checkbox],
	form#admin .line-form input[type=radio] {
		border:none;
		margin-right:5px;
		vertical-align:top;
		width:auto;
	}
form#admin .line-form select {
	border:1px solid #dcceab;
	color:#332c26;
	font-size:12px;
	font-size:1.2rem;
	height:23px;
	padding:2px;
	width:222px;
}
form#admin p.required {
	padding-bottom:20px;
}
form#admin p.required span {
	color:#d52020;
	font-weight:bold;
}

form#admin input[type=submit] {
	background:#be9f57;
	border:none;

	-moz-border-radius:10px;
	-wekbit-border-radius:10px;
	border-radius:10px;

	color:#FFF;
	cursor:pointer;
	font-family: 'DIN-Regular';
	font-size:16px;
	font-size:1.6rem;
	height:36px;
	text-shadow:1px 1px 2px #5F4C23;
	text-transform:uppercase;
	min-width:130px;
	padding: 0px 10px;

	behavior: url(PIE.htc);
	position:relative;
	z-index:1;
}


/** Formulaire - Fiche **/
form#form-fiche .collection .item {
	padding-top:20px;
}
form#form-fiche .collection .item h2 {
	padding-top:0px;
	padding-bottom:20px;
}
form#form-fiche .collection .item .title {
	position: relative;
}
form#form-fiche .collection .item .title .remove {
    position: absolute;
    top: 5px;
    right: 17px;
}
form#form-fiche .line-form,
section .popup .line-form {
	padding-bottom:7px;
}
section .popup .line-form .quote {
    padding: 5px 0 0 15px;
}
form#form-fiche .line-form.small input {
	width: 70px;
}
form#form-fiche .line-form.small select {
	width: 75px;
}
form#form-fiche .line-form.medium {
	/*padding-bottom:20px;*/
}
form#form-fiche .line-form.medium label {
	width: 90px;
}
form#form-fiche .line-option label {
	font-weight:normal;
}

form#form-fiche .line-form.large label {
	width: 300px;
} form#form-fiche .line-form.large select {
	width: 127px;
}


form#form-fiche input,
section .popup input {
	border:1px solid #dcceab;
	color:#332c26;
	display:inline-block;
	font-size:12px;
	font-size:1.2rem;
	height:23px;
	line-height:23px;
	padding:0 5px;
	width:205px;
}
	form#form-fiche input[type=checkbox],
	form#form-fiche input[type=radio],
	section .popup input[type=checkbox],
	section .popup input[type=radio] {
		border:none;
		margin-right:5px;
		vertical-align:top;
		width:auto;
	}
form#form-fiche select,
section .popup select {
	border:1px solid #dcceab;
	color:#332c26;
	font-size:12px;
	font-size:1.2rem;
	height:23px;
	padding:2px;
	width:217px;
}
form#form-fiche textarea {
	border:1px solid #dcceab;
	height:130px;
	resize:none;
	width:335px;
}
form#form-fiche .redactor_box {
    display: inline-block;
	width:335px;
}
form#form-fiche input[type=submit],
section .popup input[type=submit] {
	background:#be9f57;
	border:none;

	-moz-border-radius:10px;
	-wekbit-border-radius:10px;
	border-radius:10px;

	color:#FFF;
	cursor:pointer;
	font-family: 'DIN-Regular';
	font-size:16px;
	font-size:1.6rem;
	height:36px;
	text-shadow:1px 1px 2px #5F4C23;
	text-transform:uppercase;
	width:150px;

	behavior: url(PIE.htc);
	position:relative;
	z-index:1;
}
	section .popup input.cancel {
		background-color:#000;
		color:#FFF;
		margin-right:10px;
	}

form#form-fiche label,
section .popup label {
	display:inline-block;
	font-weight:bold;
	line-height:23px;
	vertical-align:top;
	width:210px;
}
	.simple label {
		vertical-align:middle!important;
		width:auto!important;
	}
	.medium label {
		width:90px;
	}

form#form-fiche .zone-download {
    padding-top:23px;
	padding-bottom:20px;
}
	section .popup .zone-download {
		padding:25px 0;
	}
form#form-fiche .zone-download p,
section .popup .zone-download p {
	font-family: 'DIN-Regular';
	font-size:14px;
	font-size:1.4rem;
	padding-bottom:15px;
}
form#form-fiche .zone-download p a,
section .popup .zone-download p a {
	color:#000;
	text-decoration:none;
}
form#form-fiche .infos {
    padding-top:20px;
}


/** Formulaire - Panier **/
form#form-panier {
	margin:0;
	padding:0 10px;
}
form#form-panier table {
	margin:15px 0;
    background-color: #fdfaf8;
}
form#form-panier table tr.last td {
	padding:20px 0 10px 0;
}




/************************ STRUCTURE ************************/
header, nav, footer, figure, section, article, figcaption, aside {
	display:block;
	margin:0;
}
header, footer, section {
	clear:both;
	margin:0 auto;
	width:1000px;
}
section {
	margin:0 auto 45px;
}
figure {
	display: inline-block;
	vertical-align: top;
}
hr {
	background-color:#1b9da3;
	border: 0;
	color:#1b9da3;
	height: 1px;
	margin:5px 0 20px;
}


#bgMain {
	background:url(../img/bg-top.gif) repeat-x 0 0 #fff;
	display:inline-block;
	padding:0;
	width:100%;
}
	#bgMain.home {
		background:url(../img/bg-top-home.gif) repeat-x 0 0 #fff;
	}
	#bgMain.connexion {
		background:#fff;
	}



/************************ HEADER ************************/
#bgMain.home header {
	height:56px;
}

header .logo {
	float:left;
	padding-right:50px;
}

/*:: Header - Nav top ::*/
/*******************************************************/
header nav#nav-top {
	float:right;
	padding-top:15px;
}
	#bgMain.home header  nav#nav-top {
		padding-top:20px;
	}
header nav#nav-top li {
	background:url(../img/nav-top-border.gif) no-repeat 0 center;
	float:left;
	font-family: 'DIN-Regular';
	font-size:11px;
	font-size:1.1rem;
	line-height:20px;
	line-height:2.0rem;
	padding:0 12px;
	text-transform:uppercase;
}
	header nav#nav-top li:first-child {
		background:none;
	}
header nav#nav-top li a {
	color:#000;
	display:block;
	text-decoration:none;
}
	header nav#nav-top li.nav-home a {
		background:url(../img/icones/home.png) no-repeat 0 0;
		padding-left:25px;
	}
	header nav#nav-top li.nav-orders a {
		background:url(../img/icones/orders.png) no-repeat 0 0;
		padding-left:28px;
	}
	header nav#nav-top li.nav-basket a {
		background:url(../img/icones/basket.png) no-repeat 0 0;
		padding-left:27px;
	}
	header nav#nav-top li.nav-price a {
		background:url(../img/icones/price-list.png) no-repeat 0 0;
		padding-left:25px;
	}
	header nav#nav-top li.nav-logout a {
		background:url(../img/icones/logout.png) no-repeat 0 0;
		padding-left:23px;
	}

header nav#nav-top li span {
	color:#be9f57;
}
header nav#nav-top li span a{
	display: inline;
	color:#be9f57;
}
header nav#nav-top li a:hover {
	color:#be9f57;
}


/*:: Header - Nav générale ::*/
/*******************************************************/
header nav#nav-general {
	float:left;
	height:33px;
	margin-top:48px;
	width:720px;
}
header nav#nav-general li {
	background:url(../img/nav-border.gif) no-repeat 0 center;
	float:left;
	height:33px;
	margin-right:-2px;
}
	header nav#nav-general li.special, header nav#nav-general li.special:hover {
		background:#000;

		-moz-border-radius:10px 10px 0 0;
		-wekbit-border-radius:10px 10px 0 0;
		border-radius:10px 10px 0 0;

		behavior: url(PIE.htc);
		margin-right:25px;
		position:relative;
		z-index:1;
	}
	header nav#nav-general li:hover,
	header nav#nav-general li.current {
		background:none;
	}

header nav#nav-general li a {
	color:#000;
	display:block;
	font-family: 'DIN-Regular';
	font-size:12px;
	font-size:1.3rem;
	height:33px;
	line-height:32px;
	padding:0 18px;
	text-decoration:none;
	text-transform:uppercase;
}
    header nav#nav-general li.special > a, header nav#nav-general li.special > a:hover {
		background: transparent url(../img/puces/puce-01.png) no-repeat right 18px center;
        padding:0 30px 0 18px;
	}
	header nav#nav-general li.special > a span {
		color:#FFF;
		font-size:14px;
		font-size:1.4rem;
		padding-right:8px;
	}

header nav#nav-general li.current a,
header nav#nav-general li a:hover {
	background:#be9f57;
	color:#FFF;

	-moz-border-radius:10px 10px 0 0;
	-wekbit-border-radius:10px 10px 0 0;
	border-radius:10px 10px 0 0;

	text-shadow:-2px 2px 2px #584b2a;

	behavior: url(PIE.htc);
	position:relative;
	z-index:1;
}



/************************ SECTION HOME ************************/
section#home {
	padding-top:45px;
	text-align:center;
}
section#home ul.brand {
	padding:0 0 25px;
}
section#home ul.brand li {
	display:inline-block;
	padding:0 60px;
}


/************************ SECTION CONNEXION ************************/
#bgMain.connexion section {
	padding:90px 0 50px;
	text-align:center;
}
#bgMain.connexion section img {
	padding:0 10px;
}

/** Boite de connexion **/
section .boite-connexion {
	background:#fdfaf8;
	border:1px solid #eadfc5;
	margin:30px auto 0;
	padding:20px;
	text-align:left;
	width:220px;
}
section .boite-connexion input[type="text"], section .boite-connexion input[type="password"] {
	border:1px solid #dcceab;

	-moz-border-radius:7px;
	-wekbit-border-radius:7px;
	border-radius:7px;

	color:#332c26;
	font-size:14px;
	font-size:1.4rem;
	height:30px;
	line-height:30px;
	padding:0 10px;
	width:195px;

	behavior: url(PIE.htc);
	position:relative;
	z-index:1;
}

section .boite-connexion .submit {
	padding:0;
	text-align:right;
}
section .boite-connexion input[type=submit], section .boite-connexion input[type=button] {
	background:#b6985e;
	border:none;
	color:#FFF;
	cursor:pointer;
	height:28px;
	padding: 0px 10px;
}

section .boite-connexion p.lost {
	font-size:10px;
	padding-bottom:30px;
	text-align:right;
}


/************************ SECTION CMS ************************/
section.cms {
	padding-top:30px;
	position:relative;
}

/*:: Fil d'ariane ::*/
/*******************************************************/
#breadcrumb {
	border-bottom:1px solid #be9f57;
	margin-bottom:35px;
	padding:0 10px 10px;
}
#breadcrumb li {
	background:url(../img/puces/puce-03.png) no-repeat 0 center;
	display:inline-block;
	padding:0 8px 0 20px;
}
	#breadcrumb li:first-child {
		background:none;
		padding-left:0;
	}
#breadcrumb li a {
	color:#000;
	font-family: 'DIN-Regular';
	font-size:13px;
	font-size:1.3rem;
	text-decoration:none;
	text-transform:uppercase;
}
#breadcrumb li.current a,
#breadcrumb li a:hover {
	color:#be9f57;
}

/** Back **/
#breadcrumb .back {
	background:url(../img/puces/puce-05.png) no-repeat 0 0;
	float:right;
	padding-left:15px;
}
#breadcrumb .back a {
	color:#000;
	font-family: 'DIN-Regular';
	font-size:12px;
	font-size:1.2rem;
	text-decoration:none;
	text-transform:uppercase;
}
#breadcrumb .back a:hover {
	color:#be9f57;
}


/*:: Listing ::*/
/*******************************************************/
section .product-line {
	margin-bottom:40px;
}
section .product-line li {
	background:url(../img/separator-01.png) repeat-x 0 bottom;
	display:inline-block;
	margin:0 8px;
	position:relative;
	vertical-align:bottom;
	width:180px;
}
section .product-line li img {
	padding-bottom:10px;
}
section .product-line li h3 {
	height:30px;
	overflow:hidden;
}


/*:: Choix media ::*/
/*******************************************************/
section ul.medias {
	padding:40px 0 15px;
	text-align:center;
}
section ul.medias li {
	background:url(../img/separator-02.png) repeat-y 0 0;
	display:inline-block;
	padding:0 5px;
	vertical-align:top;
	width:187px;
}
	section ul.medias li:first-child {
		background:none;
	}
section ul.medias li h2 {
	font-family: 'DIN-Regular';
	padding:10px 0 0;
}
section ul.medias li a {
	text-decoration:none;
}


/*:: Choix campagne ::*/
/*******************************************************/
section ul.campagnes {
	padding:20px 0 10px;
	text-align:center;
}
section ul.campagnes li {
	background:#000;
	display:inline-block;
	height:180px;
	width:180px;
	margin:0 8px;
	position:relative;
}
	section ul.campagnes li.opacity img {
		opacity:0.5;
		filter: alpha(opacity=50);
	}
	section ul.campagnes li.opacity a:hover img {
		opacity:1;
		filter: alpha(opacity=100);
	}
section ul.campagnes li a {
	text-decoration:none;
}
section ul.campagnes li h2 {
	font-family: 'DIN-Regular';
	/*margin-top:-40px;*/
    bottom: 10px;
	position:absolute;
    width: 100%;
}


/*:: Fiche ::*/
/*******************************************************/
section.cms aside {
	display:inline-block;
	margin-right:10px;
	vertical-align:top;
	width:500px;
}
section.cms aside img {
	padding-bottom:15px;
}

section.cms form#form-fiche {
	background-color:#fdfaf8;
	border:1px dotted #be9f57;
	display:inline-block;
	padding:10px 20px;
	vertical-align:top;
	width:444px;
}


/*:: Panier ::*/
/*******************************************************/
section .buttons {
	text-align:right;
}

section table {
	border-collapse:collapse;
	width:100%;
}
section table th {
	color:#4e4e4e;
	font-size:11px;
	font-weight:bold;
	padding:10px 15px;
	text-align:left;
	text-transform:uppercase;
}
	section table th.remove {
		padding:0;
		width:50px;
	}
	section table th.vide {
		padding:0;
		width:145px;
	}
section table .center {
	text-align:center;
}

section table td {
	background:url(../img/separator-01.png) repeat-x 0 bottom;
	font-size:11px;
	font-size:1.1rem;
	padding:20px 15px;
	text-transform:uppercase;
}
	section table  tr.last td {
		background:none;
		padding:20px 0;
	}
	section table td.remove {
		padding:0;
		text-align:center;
	}
	section table td.vide {
		padding:0;
	}
section table td img {
	vertical-align:middle;
}
section table td select {
	border:1px solid #dcceab;
	height:23px;
	padding:2px;
	width:55px;
}
section table td .more2 {
	padding:0;
}
section table td.product img,
section table td.product h3 {
	display:inline-block;
}
section table td.product h3 {
	padding-left:10px;
}

section table td.comment {
	text-align:right;
}
section table td.comment label {
	display:inline-block;
	font-size:10px;
	font-size:1.0rem;
	padding-right:10px;
	vertical-align:top;
}
section table td.comment textarea {
	border:1px solid #dcceab;
	height:96px;
	resize:none;
	width:350px;
}
section table td .type3 {
	padding-bottom:0;
}


/** POP UP Panier et Commandes **/
section .popup {
    display: none;
	background-color:#FFF;
	border:1px solid #be9f57;/*#dcceab;*/
	left:50%;
	margin-left:-233px;
	padding:10px 10px 30px 20px;
	position:fixed;
	top:175px;
	width:442px;
	z-index:200;
}
section .popup .close {
	float:right;
}
section .popup .zone-download {
    padding-bottom: 0;
}



/************************ FOOTER ************************/
footer {
	color:#FFF;
	padding:20px 0;
}
footer p {
	line-height:16px;
	text-align:center;
}
footer a  {
	color:#FFF;
	text-decoration:none;
}
	footer a:hover {
		text-decoration:underline;
	}
footer ul.coordonnees {
	padding:20px 0 30px;
}
footer ul.coordonnees li {
	display:inline-block;
	font-size:11px;
	width:24%;
}

footer p.copyright {
	color:#be9f57;
	font-size:11px;
	font-size:1.1rem;
	padding:0;
}