/* hack FF pour envlever pointills autour des liens */

a {
	outline: none;
}

:focus {
	-moz-outline-style: none;
}

/* fin de hack */

* { margin:0; padding:0; }


/*------------------------------------------------------*
  *-----------------------------------     CSS HOME     ----*
  *------------------------------------------------------*/
body#home {
	font-family:"Times New Roman", Times, serif;
	background-color:#D4AA80;
	background-image: url(../images/bg-home.gif);
	font-size: 14px;
	margin: 0;
	padding: 0;
	background-repeat: repeat-x;
	color: #7D5E40;
}  


#global {
	width: 733px;
	height: 326px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../images/visuel-home.jpg);
	margin-top: 230px;
	background-repeat: no-repeat;
}


a.enter{
	display:block;
	float:left;
	margin-left: 550px;
	margin-top:150px;
	width:154px;
	height:34px;
	background-image: url(../images/enter-off.gif);
	background-repeat: no-repeat;
	font-size:0;
	color:#D4AA80;
}

a.enter:hover{
	background-image: url(../images/enter-roll.gif);
	background-repeat: no-repeat;

}

/*------------------------------------------------------*
  *-----------------------------------     CSS BODY     ----*
  *------------------------------------------------------*/
  
body {
	font-family:"Times New Roman", Times, serif;
	background-color:#F5EBE2;
	background-image: url(../images/bg.gif);
	font-size: 14px;
	margin: 0;
	padding: 0;
	background-repeat: repeat-x;
	color: #7D5E40;
}

/*------------------------------------------------------*
  *-----------------------------------     CSS GABARITS PRINCIPAUX     ----*
  *------------------------------------------------------*/

  
#conteneur {
  width: 986px;
  /*
  margin-left:auto;
  margin-right:auto;
  */
}


#header {
 	float: left;
	width: 986px;
	height: 141px;
	background-image: url(../images/bg-bandeau.jpg);
	background-repeat: no-repeat;
}

#haut {

 	float: left;
	width: 956px;
	height: 12px;
	padding-left:30px;
	padding-bottom:2px;
}

/*---------------------style menu -------------*/

.menuhaut {
	list-style-type: none;
	margin: 0;
	padding:0;
	}

.menuhaut li {
	display: inline;
	}

.menuhaut li a {
	display:block;
	padding-top:2px;
	float: left;
	margin-right:30px;
	text-decoration: none;
	color:#FFFFFF;
	font-weight:bold;
	font-size: 13px;
	}

.menuhaut li a:hover {
	text-decoration: none;
	color:#EEDCCC;
	font-weight:bold;
	}
	
.menuhaut li.compte a{
	margin-right:0;
	float:right;
	width:177px;
	height: 18px;
	background-color: #A87F55;
	text-align:center;
	}
/*------------------------------------------------------------------------*/


#gauche {
  float: left;
  width: 177px;
  padding-top: 40px;
  padding-left: 30px;
}

#centre {
  float: left;
  width: 555px;
  padding-left: 17px;
  padding-right: 30px;
  padding-top: 28px;
  padding-bottom: 40px;
}

#droite {
  float: left;
  width: 177px;
  padding-top: 40px;
}


#pied {
  clear:both;
  height:23px;
  width:100%;
  margin-top:30px;
  padding-top:5px;
  background-color:#5F3A15;
  color:#D2B191;
  font-size: 12px;
	}

/*---------------------style pied -------------*/

.menubas { 
	list-style-type: none;
	margin: 0;  
	padding-left:15px; }

.menubas li {
	display: inline;
	margin-right:15px;
	}

.menubas li a {
}

.menubas li a:hover {}


a.menuBarLink {
	color:#E3CEBA;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}

a.menuBarLink:hover {
	color:#D2B191;
	text-decoration: none;
}

/*------------------------------------------------------------------------*/


/*------------------------------------------------------*
  *-----------------------------------     CSS BLOCKS     ----*
  *------------------------------------------------------*/



.block {
	margin-top:10px;
	margin-bottom:30px;
	border-style:solid;
	border-width:1px;
	border-color:#E3CEBA;
	color:#7D5E40;
	padding-bottom:20px;
	background-color: #F5F1ED;
}



.block h2 {
	font-size : 11px;
	color: #96714C;
	background-image: url(../images/bg-cartouche.gif);
	background-repeat: repeat-x;
	text-transform: uppercase;
	padding-left: 8px;
	height: 17px;
	padding-top: 3px;
}


.block ul li{
	padding-left: 15px;
	list-style-type: none;
}


.block ul li a {
	color:#7D5E40;
	font-size: 11px;
	font-weight:bold;
	text-decoration: none;
}

.block ul li  a:hover {
	color:#A67D55;
}

	
.block ul li a.infoLink{
	font-size: 12px;
	font-weight:normal;
}

.block ul li a.infoLink:hover {
	color:#7D5E40;
	text-decoration: underline;
}




.block p { padding:4px;  }


/*------------------------------------------------------*
  *-----------------------------------     CSS BLOCKS category    ----*
  *------------------------------------------------------*/

.block_categories h2{
	padding-left: 0px;


}


ul.categoryListing {
	padding-top: 3px;
	padding-left: 35px;
}

ul.categoryListing li {
	margin-bottom: 2px;
	list-style-type: disc;
	color:#FF7E04;
	list-style-position: outside;
	padding-left: 0px;
	padding-top: 8px;
}

ul.categoryListing li a {
	color:#FF7E04;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

ul.categoryListing li  a:hover {
	color:#FFA655;
}


ul.categoryListing li  ul li  {
	list-style-type: none;
	padding-left:8px;
	padding-top: 0px;
}

ul.categoryListing li  ul li  a {
	color:#7D5E40;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;

}

ul.categoryListing li  ul li a:hover {
	text-decoration: underline;
	color:#7D5E40;
}






/*------------------------------------------------------*
  *-----------------------------------     CSS NEWS   ----*
  *------------------------------------------------------*/


.block .news {
clear:both;
 padding-top:15px;
 padding-left:28px;
}


.block .news-last {
	clear:both;
 padding-top:25px;
 padding-bottom:15px;
 padding-left:28px;
}
.block .news a{
	color:#7D5E40;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

.block .news a:hover{
	color:#A67D55;
}

a.newsList{
	color:#7D5E40;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	text-transform: uppercase;
}

a.newsList:hover{
	color:#A67D55;
}


.block .bestseller {
 height:80px;
 padding-top:3px;

}

.block .news img {
 float:left;

 padding-right:5px;
}










/*------------------------------------------------------*
  *-----------------------------------     CSS CARTOUCHE-HOME     ----*
  *------------------------------------------------------*/

div.cartouche {
	width:541px;
	float:left;
	padding-top:18px;
	padding-bottom:12px;
	margin-top:10px;
	margin-bottom:10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #96714C;
	border-bottom-color: #96714C;
}


div.cartouche-image {
	float:left;
	width: 72px;
	padding-left:16px;
	padding-right:16px;
}


div.cartouche-content {
	float:left;
	width: 437px;
}

div.cartouche-content H2 {
font-size:14px;
}

div.cartouche-content a {
	color: #7D5E40;
	text-decoration: none;
}


div.cartouche-content a:hover {
	color: #AB835A;
}

.comment {
	font-size:13px;
	color: #7D5E40;
	padding-top:6px;
	padding-bottom:22px;
}


.discount{
	float:left;
  color: #FFFFFF;
  background-color: #FF7E04;
  width: 50px;
  height:12px;
  font-size:12px;
  padding-bottom:4px;
  font-weight: bold;
  text-align:center;
  margin-right: 15px;
}

.apartirde{
	float:left;
  color: #FFFFFF;
  background-color: #96714C;
  width: 80px;
  height:12px;
  font-size:11px;
  padding-bottom:4px;
  font-weight: bold;
  text-align:center;
  margin-right: 15px;

}

.ourprice{
float:left;
  margin-right: 15px;
  font-size: 16px;
  font-weight:bold;
  color: #FF7E04;
}


.normalprice {
float:left;
  margin-right: 15px;
  text-decoration: line-through;
  font-size: 14px;
  font-weight:bold;
  color: #7D5E40;
}

.cart {
	float:right;
}

span.auteur {
	font-size: 15px;
	font-weight: bold;
}
span.nom {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
}

div.one {
	float:left;
	width: 375px;
	min-height:180px;
	height: auto !important;
	height: 180px;
}

div.two {
	float:left;
	width: 375px;
	height:20px;
}

a.back{
	display:block;
	float:right;
	width: 80px;
	text-align:center;
	font-size:12px;
	text-decoration:none;
	color: #5F3A15;
	background-color: #DFD2C6;
	border: 1px solid #C89F77;
}

a.back:hover{
	border: 1px solid #D5B595;
	background-color: #E4DBD1;
	color: #A26324;
}

/*------------------------------------------------------*
  *-----------------------------------     CSS TITRE     ----*
  *------------------------------------------------------*/
  

h1 {
	font-size: 18px;
	line-height: 18px;
	padding-top:25px;
    color: #644A31;
}


h2 {
   font-size : 15px;
   padding:2px;
   color: #644A31;
}


h3 {
   font-size : 12px;
   padding:3px;
   color: #644A31;
}


/*------------------------------------------------------*
  *-----------------------------------     CSS CHAMPS     ----*
  *------------------------------------------------------*/
  
  
input  {
	background-color: #F5F1ED;
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	color:#644A31;
	padding-left: 3px;
	border-top-width: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #606060;
	border-right-color: #C0BBAF;
	border-bottom-color: #C0BBAF;
	border-left-color: #606060;
}


textarea  {
	color: #5F3A15;
	background-color: #F5F1ED;
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	color:#644A31;
	padding-left: 3px;
	border-top-width: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #606060;
	border-right-color: #C0BBAF;
	border-bottom-color: #C0BBAF;
	border-left-color: #606060;
}

input.button  {
	width:auto;
	color: #5F3A15;
	background-color: #F5F1ED;
	border: 1px solid #C89F77;
	cursor:pointer;
	font-weight: normal;
}


input.search-field {
	width:120px;
}

.button-search {
	width:32px;
	height: 21px;
	background-image: url(../images/ok.gif);
	background-repeat: no-repeat;
	background-position: center center;
	border:0;
	cursor: pointer;
}

.button-cart {
	width:137px;
	height: 20px;
	background-image: url(../images/ajout-panier.gif);
	background-repeat: no-repeat;
	background-position: center center;
	border:0;
	cursor: pointer;
}


/*------------------------------------------------------*
  *-----------------------------------     CSS LIENS     ----*
  *------------------------------------------------------*/
  

a {
   color: #7D5E40;

}

a:hover {
   color: #7D5E40;
   text-decoration:none;

}

/*------------------------------------------------------*
  *-----------------------------------     CSS FIL ARIANE     ----*
  *------------------------------------------------------*/
  
a.fil_ariane{
	font-size: 18px;
	color: #644A31;
	font-weight: bold;
	text-transform: capitalize;
	text-decoration:none;
}

a.fil_ariane:hover{
	color:#A67D55;
}


a.sousmenu{
	display:block;
	float:left;
	padding-left: 6px;
	padding-right:6px;
	padding-top:1px;
	padding-bottom:1px;
	background-color: #96714C;
	color: #F5EBE2;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	border: 2px solid #F5EBE2;
	margin:0;
	}

a.sousmenu:hover{
	background-color: #5F3A15;
	color:#F5EBE2;

}


div.cartouche-image a {
	background-color: #E6CDB7;
	font-size:0;
	display:block;
	width: 72px;
	height:100px;

}


hr{
	border: 1px dotted #5F3A15;
	height:0px;

}


#centre p {
   margin-top:15px;
   margin-bottom:15px;
}

label {
  float:left;
  width:10em;
}

img {
  border-style:none;
}


#bloc_create_account, #bloc_login {
   float:left;
   /*border-width: 1px;
   border-style:solid;
   padding:5px;*/
   text-align:left;
   height:220px;
   width:45%;
}

#bloc_login {
   margin-left:2em;
}

/***********************************************/


.errMsg {
   padding:5px;
   color:red;

}

/*************************************/

.search-titre{
  vertical-align: top;
  padding-left:4px;
}

.search-titre a {
    color: #057;
}



.search-titre {
  vertical-align: top;
    padding-left:4px;
}


.search-titre h2 {
    font-size: 1em;
}



.table td, th {
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 3px;
    padding-top: 3px;
    width:100%;
}



.table td {
}

.table th {
	font-weight:bold;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #5F3A15;
	border-bottom-color: #5F3A15;
	height: 40px;
}

/*********** Formulaires *************/

#centre form p {
   margin-top:5px;
   margin-bottom:5px;
}


.addAccount { width:200px; }

.editPass { width:250px; }

.civilite { width:20px; border:0; }


/*------------------------------------------------------*
  *-----------------------------------     CSS GABARITS ADMIN     ----*
  *------------------------------------------------------*/
  

.admin_link { background:black; color:yellow; font-weight:bold; text-decoration:none; }

.admin_link:hover { background:black; color:yellow; font-weight:bold; text-decoration:underline; }



div.admin_block {
  background:black;
  border:1px dotted #00FF00;
  filter:alpha(opacity=60);
  -moz-opacity:0.6;
  opacity: 0.6;
  padding:2px 5px 2px 5px;
  position:absolute; top:15px; left:30px;
  text-align:left;
  z-index:10;
}


/*------------------------------------------------------*
  *-----------------------------------     CSS STYLES     ----*
  *------------------------------------------------------*/
  
  
#pied li { padding-right:10px; }

.menudroit { list-style-type: none; }
.menudroit li { margin-bottom: 5px; }
.menudroit li a { text-decoration: underline; }
.menudroit li a:hover { text-decoration: none; }


p { margin:0; padding:0; text-align:left;}


p.warn {
  color:red;
}

p.success{
  color: red;
}

#paiement_atos  input{
  border-style:none;
  /*background-color:white;
  text-align:center;*/
  
}


/*------------------------------------------------------*
*----  CSS PAGE DE LIENS   ----*
*------------------------------------------------------*/

div.linkList  {
	width:541px;
	float:left;
	padding-top:10px;
	padding-bottom:2px;
	margin-top:15px;

	border-top-width: 1px;
	border-top-style: dotted;
	border-right-style: none;	
	border-left-style: none;
	border-top-color: #96714C;
	
}


div.linkList-image {
	float:right;
	width: 72px;
	padding-left:16px;
	padding-right:16px;
}

div.linkList-image img {
	border-style:solid;
	border-width:1px;
	border-color:#cccccc;
}


div.linkList-content {
	float:left;
	width: 437px;
}

div.linkList-content H2 {
margin-left:0px;
margin-top:0px;
padding-top:0px;
padding-left:0px;
font-size:15px;
text-decoration: none;
}

div.linkList-content a {
	color: #7D5E40;
	text-decoration: underline;
}

div.linkList-content a:hover {
	color: #AB835A;
}

/*---------------------style pied Referencement-------------*/

#pied-referencement {
margin-top:20px;
width:780px;
font-size:11px;
}

#pied-referencement a { 
    text-decoration:none; 
}