/*********************************************************************
 ******************* TOP BOTTOM ARTICLE GALERIE **********************
 *********************************************************************/
 
@import url(top.css); 
@import url(bottom.css); 
@import url(galerie.css);
@import url(article.css);


/*********************************************************************
 ****************************** GENERAL ******************************
 *********************************************************************/

body{
margin:0;
padding:0;
background:#D3B58F
}

#conteneur{
margin:0;
padding:0;
width:980px;
margin:0 auto;
color:#54585F;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
overflow:hidden
}

#centre a{
	color:#43272D;
	text-decoration:none;
}

#centre a:hover{
	color:#43272D;
}
#page_pleine a{
	color:#43272D;
	text-decoration:none;
}

#page_pleine a:hover{
	color:#43272D;
	text-decoration:underline;
}

img{
margin:0;
padding:0;
border:none;
}
#page {
 width: 980px;
 margin: auto;
}
div#logo{
margin:0;
padding:0;
position:absolute;
width:336px;
height:130px
}
div#cmd{
margin:0;
padding:0;
position:absolute;
width:115px;
height:20px;
margin-top:57px;
margin-left:510px;
}
div#cmd a{
margin:0;
padding:0;
position:absolute;
color:#4B4F58;
font:12px Tahoma;
text-decoration:none;
font-weight:normal;
}
div#cmd a:hover{
text-decoration:underline;
}
#compte{
margin:0;
padding:0;
position:absolute;
width:122px;
height:21px;
margin-left:654px;
margin-top:20px;
padding-left:35px;
padding-top:7px;
background: url('../img/compte.jpg') no-repeat;
color:#FFFFFF;
}
#compte a{
margin:0;
padding:0;
width:84px;
height:19px;
font:12px Tahoma;
color:#fff;
text-decoration:none;
}
#compte a:hover{
text-decoration: underline;
}
#identif{
margin:0;
padding:0;
position:absolute;
width:120px;
height:20px;
margin-left:654px;
margin-top:47px;
padding-left:37px;
padding-top:7px;
background: url('../img/identification.jpg') no-repeat;
}
#identif a{
margin:0;
padding:0;
width:85px;
height:15px;
font:12px Tahoma;
color:#fff;
text-decoration:none;
}
#identif a:hover{
text-decoration: underline;
}
#panier{
margin:0;
padding:0;
position:absolute;
width:140px;
height:20px;
margin-left:813px;
margin-top:18px;
padding-left:8px;
padding-top:9px;
background: url('../img/panier2.jpg') no-repeat;
}

#panier h3{
margin:0;
padding:0;
font:12px Tahoma;
color:#fff;
margin-left:22px;
}
#panier a{
margin:0;
padding:0;
width:75px;
height:20px;
font:12px Tahoma;
color:#fff;
text-decoration:none;
}
#panier a:hover{
text-decoration:underline;
}
#nb_article{
margin:0;
padding:0;
position:absolute;
width:148px;
height:17px;
margin-top:13px;
font:12px Tahoma;
color:#fff;
}
.menu-haut{
width:815px;
margin:5px 0 0 10px;
list-style:none;
}
.menu-haut li{
	color:#4C4C4C;
	font-size:14px;
	float:left;
}
.menu-haut a {
float:left;
text-decoration: none;
display:block;
color:#4C4C4C;
cursor:pointer;
font:14px Tahoma;
font-weight:normal;
text-align:center;
height:23px;
width:154px;
background: url('../img/soin1.jpg') no-repeat; 
}
.menu-haut a:hover {
color:#fff;
text-decoration:none;
background: url('../img/soin11.jpg') no-repeat; 
}
#menu0{
height:21px;
width:93px;
position:absolute;
margin:5px 0 0 865px ;
}
#menu0 a{
margin:0;
padding:0;
height:21px;
display:block;
float:left;
}
#accueil a{
width:21px;
background:url('../img/icone1.jpg') no-repeat;
}
#accueil a:hover{
text-decoration:none;
}
#recommander a{
width:23px;
background:url('../img/icone2.jpg') no-repeat;
}
#recommander a:hover{
text-decoration:none;
}
#plan a{
width:23px;
background:url('../img/icone3.jpg') no-repeat;
}
#plan a:hover{
text-decoration:none;
}
#favoris a{
width:24px;
background:url('../img/icone5.jpg') no-repeat;
}
#favoris a:hover{
text-decoration:none;
}
#header {
min-height: 150px;
 background: url('../img/entete.jpg') no-repeat;

}
#arr_mm {
margin:0;
padding:5px 0;
 width: 960px;
 background:#EFEFEF;
margin-left:10px;
min-height: 55px;
-moz-border-radius:3px;
overflow:hidden
}
#arr_rech {
margin:0;
padding:0;
 width: 960px;
 background: url('../img/arr_rech.jpg') no-repeat;
min-height: 60px;
margin-left:10px;

}
#recherche{
margin:0;
padding:0;
position: absolute;
width:400px;
height:28px;
margin-left:15px;
padding-top:7px;
}
.champs1{
width:150px;
height:33px;
float:left;
margin-top:4px;
margin-left:74px;
font-size:11px;
color:#000;
}
.champs2{
width:146px;
height:18px;
float:left;
margin-top:4px;
margin-left:274px;
font-size:11px;
color:#000;
border:none;
}
.send1{
position:absolute;
width:81px;
height:27px;
margin-left:13px;
background: url('../img/ok.jpg') no-repeat; 
border:none;
cursor:pointer;
}
#tel{
margin:0;
float:right;
padding:0;
width:217px;
height:20px;
font:12px Verdana;
color:#898989;
font-weight:normal;
text-decoration:none;
}
#produits_phares, #nouveautes{
	width:780px
}
.contact_submit input, #inscription a.bouton_suivant{
	background:#5B4045;
	color:#D3B58F;
	font:normal 14px Arial, Helvetica, sans-serif;
	padding:2px;
	border:#FFF;
	margin:15px 0 0
}
#inscription a.bouton_suivant{
	padding:5px;
	margin-left:220px;
	display:block;
	width:45px;
	height:16px;
	float:left
}
#tel span{
font:11px Verdana;
}
#contenu{
margin:0;
padding:0;
float:right;
width:980px;
/*background: url('../img/contenu.jpg') repeat-y;*/
}
#gauche{
margin:0;
padding:0;
float:left;
width:194px;
}
#arr-menu{
margin:0;
padding:0;
width:182px;
/*background: url('../img/arr-menu.jpg') no-repeat;*/
}
#fond-menu{
margin:0;
padding:0;
width:183px;
margin-left:11px;
/*background: url('../img/fond-menu.jpg') repeat-y;*/
}
.menu_g {
margin:0;
padding:0;
width:183px;
margin-left:0px;
padding-top:11px;
list-style:none;
}
.menu_g li{
color:#4C4C4C;
font:14px Tahoma;
}
.menu_g a{
display:block;
color:#4C4C4C;
text-decoration:none;
font-weight:normal;
padding-left:39px;
padding-top:14px;
width:143px;
height:20px;
text-align:left;
background: url('../img/menu01.jpg') no-repeat; 
}
.menu_g a:hover{
text-decoration:none;
color:#4D3338;
}
#news{
margin:0;
padding:0;
width:184px;
height:74px;
margin-top:20px;
margin-left:10px;
background: url('../img/news.jpg') no-repeat;
}
.champs{
width:136px;
height:20px;
position:absolute;
margin-top:37px;
margin-left:11px;
background: transparent;
font-size:11px;
border:none;
background: url('../img/champ1.jpg') no-repeat;;
}
.send{
width:27px;
height:19px;
margin-left:152px;
margin-top:37px;
border:none;
cursor:pointer;
background: url('../img/ok1.jpg') no-repeat; 
}
#flash{
margin:0;
padding:0;
width:184px;
height:276px;
background: url('../img/flash.jpg') no-repeat;
float:right
}
div#flash_infos{
margin:0;
padding:0;
position:absolute;
width:164px;
height:193px;
margin-left:10px;
margin-top:55px;
text-align:left;
font:12px Verdana;
color:#262626;
}
div#flash_infos a{
text-decoration:none;
color:#003366;
}
div#flash_infos a:hover{
text-decoration:underline;
color:#003366;
}
#centre{
margin:0 0 0 10px;
padding:0;
float:left;
width:776px;
}
#page_pleine{
margin:0;
padding:0;
width:980px;
overflow:hidden
}
.zone_client{
	color:#2B1F15;
}
.cadres_identification{
	overflow:hidden
}
#anim{
margin:0;
padding:0;
width:771px;
height:223px;
margin-top:8px;
margin-left:5px;
background: url('../img/img.jpg') no-repeat;
}
.contenu{
margin:0;
padding:0;
margin-left:5px;
float:left;
margin-bottom:10px;
}
.contenu ul{
	float:left;
	margin:0 20px 0 0
}

.bas-centre1{
margin:0;
padding:0;
width:771px;
height:6px;
margin-left:0px;
float:left;
background: url('../img/bas-centre1.jpg')  no-repeat;
}
.contenu .even,.contenu .produit{
margin:0;
padding:0;
width:179px;
float:left;
background-color:#fff;

border-left:#968588 2px solid;
border-right:#968588 2px solid;
border-bottom:#968588 2px solid;
padding-left:5px;
padding-right:5px;
margin-top:-1px;
}
.contenu .produit .top h3,.contenu h3{
margin:0;
padding:0;
width:150px;
height:20px;
text-align:left;
margin-top:20px;
margin-left:11px;
color:#4C4C4C;
font:11px Tahoma;
font-weight:normal;
}
.contenu .produit img{
margin:0;
padding:0;
width:145px;
height:117px;
margin-left:15px;
margin-top:4px;
border:#F9F8F8 3px solid;
background: url('../img/imag-centre.jpg') no-repeat;
}
.contenu .produit p{
margin:0;
padding:0;
width:169px;
margin-left:11px;
margin-top:4px;
font-weight:normal;
color:#54585F;
font:11px Verdana;
text-align:left;
}
.contenu .produit .prix span{
margin:0;
padding:0;
width:50px;
margin-left:11px;
margin-top:6px;
color:#43272D;
font-size:11px;
font-weight:bold;
text-align:left;
}
.contenu .produit .lien_panier span{
margin:0;
padding:0;
width:88px;
height:24px;
margin-left:100px;
margin-top:-15px;
background: url('../img/panier1.jpg') no-repeat;
}
.cadres_identification .cadre .contenu
{
margin:0;
padding:0;
width:auto;
}
#titre_produit{
margin:0;
padding:0;
background:url("../img/titre.jpg") no-repeat;
line-height:0px
}
#infos_left
{
margin-left:5px;
float: left;
width: 54.8%;
height: 281px;
border-left:1px solid #968588;
text-align: center;
}
#infos_right {
margin-right:9px;
float: right;
width: 43%;
height: 280px;
border-left:1px solid #968588;
border-right:1px solid #968588;
}
#onglets {
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
background:#4C3035;
clear:both;
color:#FFF;
height:16px;
list-style-type:none;
margin:0;
padding:4px 10px
}
#onglets li{
	display:block;
	float:left
}
#onglets li a, #onglets li a:hover{
	color:#FFF;
	margin:0 5px
}
a#print{
	float:right;
	padding:10px
}
.contact_field_name{
float:left;
margin:5px 0;
padding:4px;
width:140px;
}
.prod2{
margin:0;
padding:0;
width:385px;	
float:left;
margin-top:10px;
margin-left:5px;
}
#page h2.titre2{
margin:0;
padding:0;
padding-left:10px;
padding-top:6px;
font-size:13px;
font-weight:normal;
color:#fff;
width:368px;
height:21px;
background: url('../img/titre2.jpg') no-repeat; 
}
/*********************************************************************
 ******************************* CADRES ******************************
 *********************************************************************/

.cadres {
  clear: both;
  margin: auto;
  width: 780px
}

.cadres .cadre {
  clear: none /* Quand plusieurs cadres sont sur la même ligne */
}

.cadre {
	float:left;
	width:480px
}

.plus {
  float: left;
  margin: 0 10px 10px 0;
  width: 385px;
}

.plus.even {
  margin-right: 0; 
}
.contenu2{
margin:0;
padding:0;
width:378px;
margin-left:0px;
float:left;
background: url('../img/arr-centre.jpg') repeat-y;
border-bottom:#000 1px solid;
}
.bas-centre{
margin:0;
padding:0;
width:385px;
height:16px;
margin-left:0px;
float:left;
background: url('../img/bas-centre.jpg')  no-repeat;
}
#menu_centre {
margin:0;
padding:0;
width:145px;
margin-left:15px;
margin-top:20px;
list-style:none;
}
#menu_centre li{
color:#8B8B8B;
font:12px Verdana;
}
#menu_centre a{
display:block;
color:#8B8B8B;
text-decoration:none;
font-weight:normal;
width:145px;
height:26px;
text-align:left;
}
#menu_centre a:hover{
color:#280B0B;
text-decoration:none;
}
.img-centre2{
margin:0;
padding:0;
width:150px;
height:138px;
margin-left:211px;
margin-top:-150px;
background: url('../img/imag-centre2.jpg') no-repeat;
}
.prix2{
margin:0;
padding:0;
width:52px;
margin-left:205px;
margin-top:4px;
color:#43272D;
font-size:13px;
font-weight:normal;
text-align:left;
}
#ajout-panier2{
margin:0;
padding:0;
width:88px;
height:24px;
margin-left:289px;
margin-top:-15px;
background: url('../img/panier1.jpg') no-repeat;
}
#ajout-panier2 a{
margin:0;
padding:0;
position:absolute;
width:53px;
height:18px;
font:12px Verdana;
text-align:left;
font-weight:normal;
color:#153146;
text-decoration:none;
margin-left:35px;
margin-top:2px;
}
#ajout-panier2 a:hover{
text-decoration: underline;
}
.nouvo{
margin:0;
padding:0;
width:780px;
margin-left:5px;	
float:left;
margin-top:13px;
}
#page h2.titre3{
margin:0;
padding:0;
padding-left:10px;
padding-top:7px;
font-size:13px;
font-weight:normal;
color:#fff;
width:761px;
height:21px;
margin-top:6px;
background: url('../img/titre.jpg') no-repeat; 
}
#bas{
margin:0;
padding:0;
float:left;
width:980px;
height:337px;
background: url('../img/bas.jpg') no-repeat; 
}
div#ekinoxe{
margin:0;
padding:0;
position:absolute;
margin-left:9px;
margin-top:2px;
width:134px;
height:57px;
}
div#txt1{
margin:0;
padding:0;
position:absolute;
margin-left:609px;
margin-top:67px;
width:70px;
height:19px;
color:#ADADAD;
font:13px Tahoma;
font-weight:normal;
}
div#txt2{
margin:0;
padding:0;
position:absolute;
margin-left:798px;
margin-top:67px;
width:65px;
height:19px;
color:#ADADAD;
font:13px Tahoma;
font-weight:normal;
}
.menu_bas {
	margin:0;
	padding:0;
	position:absolute;
	width:571px;
	margin-top:110px;
	margin-left:10px;
	list-style:none;	
}
.menu_bas li{
	color:#756064;
	font:11px Verdana;
	float:left;
}
.menu_bas a{
	display:block;
	color:#D3B58F;
	text-decoration:none;
	font-weight:normal;
    padding-left:5px;
	width:170px;
	height:22px;
    float:left;
	text-align:left;
}
.menu_bas a:hover{
	text-decoration:none;
	color:#000;
	background: url('../img/menu02.png') no-repeat; 
}
#sommaire_bas {
	margin:0;
	padding:0;
	position:absolute;
	width:188px;
	margin-top:110px;
	margin-left:600px;
	list-style:none;	
}
#sommaire_bas li{
	color:#756064;
	font:11px Verdana;
	float:left;
}
#sommaire_bas a{
	display:block;
	color:#D3B58F;
	text-decoration:none;
	font-weight:normal;
	padding-left:0px;
	width:144px;
	height:25px;
	text-align:left;
}
#sommaire_bas a:hover{
	text-decoration:none;
	color:#000;
	background: url('../img/menu02.png') no-repeat; 
}
div#txt3{
margin:0;
padding:0;
position:absolute;
margin-left:795px;
margin-top:104px;
width:149px;
height:19px;
color:#27292C;
font:11px Tahoma;
font-weight:normal;
}
div#txt4{
margin:0;
padding:0;
position:absolute;
margin-left:795px;
margin-top:182px;
width:83px;
height:19px;
color:#27292C;
font:11px Tahoma;
font-weight:normal;
}
#adresses{
margin:0;
padding:0;
position:absolute;
width:931px;
height:22px;
color:#492D33;
font:11px Tahoma;
margin-top:283px;
margin-left:15px;
}
#adresses span{
margin-left:19px;
font:11px Verdana;
}

img {
  border: 0;
  max-height:200px;
  max-width:200px
}
#infos_prix{
	text-align:center;
	font:normal 16px Arial, Helvetica, sans-serif
}
.msg_valide {
  font-weight: bold;
  color: #29b333;
  text-align: center
}

.msg_erreur {
  font-weight: bold;
  color: red;
  text-align: center
}

.obligatoire {
  vertical-align: super;
  font-size: smaller;
  font-weight: bold;
  color: red
}

div.galeries {
margin:0;
padding:0;
}
div.galerie  {
margin:0;
padding:0;
display: block;
margin-left:9px;
padding-left:12px;
padding-right:16px;
padding-bottom:10px;
padding-top:10px;
width:751px;
text-align:left;
-moz-border-radius:0px;
}
div.photos {
margin:0;
padding:0;
 display: block;
}
div.photo {
margin:0;
padding:0;
 float: left;
 margin-left:20px;
  margin-top:20px;
 text-align: center;
 width: 149px;
 height: 120px;
 margin-bottom:10px;
}
img.photo {
 max-width: 149px;
 max-height: 120px;
 border:2px solid #593E43
}

.contact_frame{
margin:0;
padding:0;
width:650px;
margin-left:20px;
margin-top:20px;
}
.contact_error, .contact_field_cross
{
color:#FF0000;
}
span.obligatoire{
color:#FF0000;
}
p.msg_erreur{
color:#FF0000;
}