/* CSS BY-johanne intégration PSD */

* {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#wrapper {
	width:960px ;
	margin: 20px auto;
}

ul, ol {
	list-style: none;
}

a img {
	border: none;
}
.right {
	float: right;
}
.left {
	float: left;
}
.clear {
	clear: both;
}

.uppercase {
	text-transform: uppercase;
}

/* en-tête style */
#header {
	 width:960px;
	 height:155px;
	 position:relative;

}
/* place pour le logo */
#header a {
	display:block;
	width:427px;
	height:54px;
	position:absolute;
	top:53px;
	left:50px;
}

/* définit background droit en-tête */
#header.plage {
	background: url('../img/plage.jpg') top right no-repeat #FFF;
}

/* menu fond noir */
#menu {
	background: black;
	height: 30px;
	padding-top: 13px;
	padding-left: 15px;
}

#menu ul {
	list-style: none;
}
#menu ul li {
	display: inline;
	margin-right:15px;
}

#menu a {
	font-size: 15px;
	margin-top: auto;
	text-decoration: none;
	font-weight: bold;
	color: #1c8dac;
}
.bleu {
	color: #1c8dac;
}
/** div contenant sous menu, gauche, et droit **/
#content {
	position: relative;
}



/* sous menu fond bleu */
#sousmenu {
	width: 800px;
	background: #1c8dac;
	height: 22px;
	padding-top: 3px;
	position: relative;
	left: 160px;
}
#sousmenu a {
	text-decoration: none;
	color: black;
}

/* Texte indiquant l'arborescence de la page où l'on est */
#sousmenu span.chemin {
	color: #FFF;
	font-size:15px;
	width: auto; /*480px;*/
	font-weight: normal;
	margin-left: 8px;
}
#sousmenu span.chemin a {
	color: #FFF;
	font-size:15px;
}

/* sous menu Mon compte | Mon Panier */
.connexion {
	margin-top: 0px;
	font-weight: bold;
	font-size: 15px;
	margin-right: 20px;
}

/* contenu de gauche avec image */
#gauche {
	width: 362px;
	float: left;
}
#gauche-cat-product {
	width: 362px;
	float: left;
	margin-top:400px;
}

#gauche img {
	border:none;
}

/* contenu de droite*/
#droite {
	width: 508px;
	background: url('../img/trefle.png') no-repeat transparent;
	background-position: 12px 20px;
	padding-left: 76px;
	padding-top: 90px;
	padding-right:10px;
	float: right;
	z-index: 0;
/*	height:453px;
	overflow:visible;*/
}
#product-desc {
	float:left;
	width:263px;
	padding-right:5px;
}
#product-image .zoom {
	float:right;
	width:240px;
	clear:both;
	text-align:right;
}
#product-image a.zoom {
	color:#1c8dac;
	font-size:11px;
	cursor: pointer;
	padding-right:25px;
	background:url('../img/loupe-zoom3.jpg') top right no-repeat #FFF;
	text-decoration:none;
	padding-top: 5px;
	padding-bottom: 1px;
}

#product-image {
	float:right;
	width:240px;
}

#product-image .vignette {
	float:right;
	width:238px;
}

#droite-cat-product {
	width: 570px;
/*	background: url('../img/trefle.png') no-repeat transparent;
	background-position: 12px 20px;*/
	padding-left: 16px;
	padding-top: 15px;
	float: right;
	z-index: 0;
/*	height:453px;
	overflow:visible;*/
}
/*IE6*/
* html #droite-cat-product {
	width: 560px;
}

#gauche-enimages {
	float:left;
	width:340px;
}
#droite-enimages {
	width: 608px;
	padding-left: 10px;
	padding-top: 13px;
	float: right;
	z-index: 0;
/*	height:453px;
	overflow:visible;*/
}

label {
	display: block;
	float: left;
	width: 150px;
	padding-right: 5px;
	text-align: right;
	font-size:11px;
}
input {
	font: normal 12px Arial, Verdana, Helvetica, sans-serif;
}
fieldset{
border:none;
}
h3{
margin-bottom:5px;
padding-bottom:5px;
}

img.vignette {
	padding-right: 1px;
	padding-left: 1px;
	padding-bottom: 1px;
	padding-top: 1px;
	background-color:#FFF;
}
img.vignette-visuel {
	width:165px;
	height:165px;
	border:1px solid #BBBDBF;
}
/** CATEGORIES **/

/* titre la page item */

#droite-cat-product p.itemTitle {
	margin-top:13px;
	margin-left:20px;
	color: #1c8dac;
	font-size: 18px;
	font-weight: bold;
}
/* champ ou se trouve la description */
#droite-cat-product div p.description {
	padding-left:30px;
	margin-top: 15px;
	font-size: 13px;
}

/* champ des photos */
#droite-cat-product p.right {
	float: right;
	width: 240px; /*260px;*/
	height: 140px; /*185px;*/
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
/* champ ou se trouve la description */
#visuels {
	margin-top:15px;
	float: right;
	margin-left:15px;
	width:100%;
}
#visuels div.visuel {
	float: left;
	margin-left:15px;
	margin-bottom:40px;
	width:170px;
	height:195px;	
	text-align:center;
	background-color: #FFF;
	padding-left:5px;
}
/*IE6*/
* html #visuels div.visuel {
	margin-left:8px;
	height:222px;	
}


#visuels div.visuel p {
	margin-top:5px;
	font-size:11px;
	font-weight:bold;	
	color:#333;
}

.pagination {
	color:#000;
	padding-right:2px;
	padding-bottom:3px;
	float:right;
	width:100%;
	
}
/*pagination bas > IE7*/
*+html .pagination-bas {
	margin-top:25px;
}


.pagination a {
	color:#188DAC;
	text-decoration:none;
}
.pagination a:hover {
	text-decoration:underline;
}


/** SOUS CATEGORIES **/

/* titre la page item */

#droite p.itemTitle {
	color: #1c8dac;
	font-size: 18px;
	font-weight: bold;
}
/* champ ou se trouve la description */
#droite div p.description {
	padding-left:40px;
	margin-top: 15px;
	font-size: 15px;
}

/* champ des photos */
#droite p.right {
	float: right;
	width: 240px; /*260px;*/
	height: 140px; /*185px;*/
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

/* tabulations photos */
/*#droite #tabPics {
	display: inline;
}*/

#tabPics a {
	cursor: pointer;
	text-align: center;
	padding-left: 7px;
	padding-right: 7px;
	text-decoration: none;
	color: black;
	outline: none;
}
#tabPics a:hover {
	text-decoration: none;
	cursor: pointer;
}
#tabPics a.photoActive {
	color: white;
	/*position: relative;*/
	background-color: #1c8dac;
	/*border: 1px solid black;*/
}
/* cadre photos */
#pics {
	clear: both;
	display: block;
/*	border: 1px solid black;*/
}
#pics img {
	width: 240px;
	height: 240px;
	background-color:#FFFFFF;
	padding-top: 18px;
	padding-bottom: 0px;
	background-image: url(../img/loupe-zoom3.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}

#sendtoFriend {
	display:none;
	width: 240px; /*260px;*/
	height: 140px; /*170px;*/
}
.lien {
	text-decoration: underline;
	color:#1c8dac;
	cursor: pointer;
}
#frmItem{
margin-bottom:20px;
padding-top:10px;
padding-bottom:20px;
}
#frmItem fieldset {
	border: none;
	padding-top: 20px;
}
#frmItem input.length30 {
	width: 30px;
}
#frmItem label {
	display: inline;
	float: none;
	width: auto;
}
.lblFriend {
	width: 60px;
}
/** FIN SOUS-CATEGORIES **/


/** PANIER **/

#fullwidth {
	clear: both;
}

#fullwidth ul {
	margin: 7px 0 7px 18px;
    padding: 0 0 0 10px;
    text-align: left;
}
#fullwidth li {
	padding-bottom: 1px;
	padding-top: 2px;
	/*list-style-type: disc;*/
	list-style: none outside none;
}
#fullwidth li ul li {
	padding-bottom: 1px;
	padding-top: 2px;
	/*list-style-type: circle;*/
	list-style: none outside none;
}

#fullwidth ul.paiement-adresse li {
    list-style: none outside none;
}



#tableau-panier {
	width: 100%;
	margin-top:75px;
}
#fullwidth>#tableau-panier{
padding-top:75px;
margin-top:0px;
}
#fullwidth.panier {
	background:url('../img/bg_panier.png') no-repeat #d6cdcd;
	background-position: top left;
	width:660px;
}

/** FIN PANIER **/

/** MON COMPTE **/
#droite thead {
	font-weight: bold;
}

#frmOpenAccount {
	position: absolute;
	top: 180px;
	left: 125px;
	width: 130px;
	text-align: center;
}
#frmOpenAccount label {
	padding: 0; margin: 0;
	width: 130px;
	text-align: center;
	color: #1C8DAC;
}
#frmOpenAccount input {
	padding: 0; margin: 0;
	width: 130px;
}
#frmOpenAccount #btnOpenAccount {
	padding: 0; margin: 0;
	width: auto;
}

/*
Formulaire mot de passe oublié
Modif août 2011*/

#frmForgottenAccount {
	position: absolute;
	top: 180px;
	left: 125px;
	width: 130px;
	text-align: center;
}
#frmForgottenAccount label {
	padding: 0; margin: 0;
	width: 130px;
	text-align: center;
	color: #1C8DAC;
}
#frmForgottenAccount input {
	padding: 0; margin: 0;
	width: 130px;
}
#frmForgottenAccount #btnForgottenAccount {
	padding: 0; margin: 0;
	width: auto;
}


#UserMenu {
	position: absolute;
	top: 200px;
	left: 145px;
}
#UserMenu li {
	padding: 5px 0;
	border-bottom: solid 1px #CCC;
}
#UserMenu a,#UserMenu a:visited,#UserMenu a:hover {
	text-decoration: none;
	color: #1c8dac;
}

#frmCreateAccount label,
#frmAlterAccount label,
#frmAlterAddress label {
	margin-top: 2px;
	width: 150px;
}
#frmCreateAccount input,
#frmAlterAccount input,
#frmAlterAddress input {
	margin-top: 2px;
	width: 300px;
}
#frmCreateAccount select,
#frmAlterAccount select,
#frmAlterAddress select {
	margin-top: 2px;
	width: 305px;
}

#frmAlterAddress #cLivraison {
	width: 20px;
}
#frmCreateAccount #btnCreateAccount,
#frmAlterAccount #btnAlterAccount,
#frmAlterAddress #btnAlterAddress {
	width: 160px;
}

legend {
	color: #1C8DAC;
	font-size: 18px;
	font-weight: bold;
/*	background-color: #EEE;*/
	margin: 10px 0;
	padding: 3px;
}
#frmAlterAccount p {
	padding:5px 0px;
}
#frmAlterAddress p {
	padding:5px 0px;
}
div.mistook {
	background: #EEE;
	border: solid 1px #D3D3D3;
	border-bottom: solid 2px #CCC;
	border-right: solid 2px #CCC;
	padding: 5px;
	margin: 0px 10px 20px 0px;
}
div.mistook p {
	color:red;
}

#frmPayment {
	padding:10px;
}
#frmPayment span {
	display: block;
	padding: 20px;
}
#frmPayment fieldset {
	border: none;
}
#frmPayment label {
	margin-top: 2px;
	width: 80px;
}
#frmPayment input {
	margin-top: 2px;
	width: 170px;
}
#frmPayment select {
	margin-top: 2px;
	width: 175px;
}
#frmPayment #cLivraison,
#frmPayment #radColissimo,
#frmPayment #radColissimoReco,
#frmPayment #radPapierCadeauOui,
#frmPayment #radPapierCadeauNon {
	width: auto;
}
#frmPayment #btnSubmit {
		width: auto;
}

/** factures **/

ul.ordersList {
	margin-top: 15px;
	padding-left: 40px;
}
ul.ordersList li {
	padding-bottom: 15px;
}

/** fin factures **/
/** FIN MON COMPTE **/


#footer {
	clear: both;
	text-align: center;
	padding-top: 20px;
	margin-top:0px;
}
#footer ul{
	background: #1c8dac;
}
#footer li{
display:inline;
color:white;
}
#footer li a{
color:white;
text-decoration:none;
font-size:11px;
}
p.itemOther {
	color: #1c8dac;
	font-size: 18px;
	clear:both;
	margin-top:10px;
}
p.itemPrice {
	color: #1c8dac;
	font-size: 18px;
	font-weight: bold;
	padding-top:5px;
}
.lienFriend {
	color:#1c8dac;
	font-size:11px;
	cursor: pointer;
	padding-left:0px;
	text-decoration:none;
	padding-top:5px;
	padding-bottom: 5px;
}
#precision{
position:absolute;
bottom:0;
right:0;
}
#tableau-panier{
border-bottom:solid 2px #B4ABAB;
}
#tableau-panier a,#tableau-panier a:hover,#tableau-panier a:visited{
text-decoration:none;
color:black;
}
#tableau-panier td.Totalitem span{
background-color:#FFF;
border:solid 1px #1c8dac;
padding:5px;
display:block;
width:75%;
}
#tableau-panier td.itemImg img{
border:solid 4px #FFF;
}

#panier-non-vide {
background:url('../img/bg_t_panier.png') top left no-repeat;
height:41px;
position:relative;
font-weight:bold;
color:white;
margin-top:40px;

}
#fullwidth>#panier-non-vide {
margin:20px 0px;
padding:0px;
}

#basketTotal{
position:absolute;
display:block;
top:10px;
right:20px;
}
#basketTotalLibelle{
position:absolute;
display:block;
top:10px;
left:10px;
}
#panierTitle{
background:url('../img/panier_title.png') top left no-repeat;
}

#panier-livraison{
position:relative;
height:30px;
border:solid 2px #000;
font-weight:bold;
color:#333;
margin:15px 0px;
}
#basketDeliveryLibelle{
position:absolute;
display:block;
top:7px;
left:10px;
}
#basketDeliveryPrice{
position:absolute;
display:block;
top:7px;
right:20px;
}
td.HeadTD{
padding:5px;
background-color:#B4ABAB;
color:white;
text-align:center;
font-weight:bold;
width:75px;
}
.tr-first td{
border-top:solid 2px #B4ABAB;
}
/*.tr-last td{
border-bottom:solid 2px #000;
}*/
td.itemImg{
border-left:solid 2px #B4ABAB;
}
.tdcenter{
text-align:center;
}
#qtydisplay span{
border:solid 1px #000;
padding:5px 10px;
}
td.garbage{
border-right:solid 2px #B4ABAB;
}


/*STATICS PAGES*/

div.static p{
	padding:10px;
}
div.static{
padding-left:170px;
width:790px;
}
div.static h4{
padding-bottom:5px;
border-bottom:solid 1px #CCC;
margin:10px 0px;
}

#menuBasketTotal {
color:white;
}
#bien-ajoute{
	background-color:#1C8DAC;
	color:#FFF;
}
#bien-ajoute a {
	color:#FFF;
}

/* Ajout août 2011*/
#forgot a, a:visited {
    color: #1C8DAC;
    font-size: 11px;
    text-decoration: none;
}

.forgot {
    color: #1C8DAC;
    font-size: 11px;
}