/*********************************************************************
******************* TOP BOTTOM ARTICLE GALERIE **********************
*********************************************************************/

@import url(top.css); 
@import url(bottom.css); 
@import url(galerie.css);
@import url(article.css);


/*********************************************************************
******************************* CADRES ******************************
*********************************************************************/

body{
margin:0;
padding:0;
background: url('../img/html.jpg') top center repeat-x;
}
html{
margin:0;
padding:0;
background: url('../img/cont.jpg') top center repeat;
}
#conteneur1{
margin:0;
padding:0;
background: url('../img/body.jpg') top center no-repeat;
}
#conteneur{
margin:0;
padding:0;
width:980px;
margin:0 auto;
color:#000;
font-size:12px;
font-family: Helvetica;
font-weight:bold;
height:auto;

}
#entete{
margin-left:-1px;
margin-top:191px;
position:absolute;
}
#centre a{
	color:#AB1515;
	text-decoration:none;
}

#centre a:hover{
	color:#AB1515;
	text-decoration:underline;
}


#testheader{
margin-left:56px;
margin-top:0;
/*position:absolute;*/

}


#essaie{


}




#anim_flash	{
height:203px;
margin:2px 0 0;
padding:0;
position:absolute;
width:980px;
}
img{
margin:0;
padding:0;
border:none;
}
#page {
 width: 980px;
 margin: auto;
}
#header {
/*background: url('../img/entete11.jpg') no-repeat;*/
margin-top:-173px;
min-height:299px;

}
div#logo{
height:137px;
margin:-33px -64px 0;
padding:0;
position:absolute;
width:266px;
}
#logo1{
height:137px;
margin:-8px 784px 0;
padding:0;
position:absolute;
width:266px;
}
#horaire{
margin:0;
padding:0;
position:absolute;
width:207px;
height:120px;
margin-top:31px;
margin-left:773px;
font-size:13px;
color:#000000;
font-weight:normal;
}
#horaire span{
color:#FFFFFF;
font-size:14px;
}
.menu_haut {
	margin:0;
	padding:0;
	position:absolute;
	width:981px;
	margin-top:204px;
	list-style:none;
}
.menu_haut li{
	color:#fff;
	font-size:14px;
	float:left;
}
.menu_haut a{
	color:#fff;
	text-decoration:none;
	font-weight:normal;
	padding-top:15px;
	width:109px;
	height:34px;
	text-align:center;
	float:left;
	
}
.menu_haut a:hover{
	text-decoration:none;
	color:#322611;
	background: url('../img/menu2.png') no-repeat; 
}
#recherche2{
margin:0;
padding:0;
position:absolute;
width:757px;
height:30px;
margin-top:258px;
background: url('../img/recherche.jpg') no-repeat;
}
.champs1{
width:176px;
height:20px;
position:absolute;
padding-top:4px;
margin-left:145px;
margin-top:6px;
background:#322611;
border:1px solid #21190B;
font-size:12px;
color:#ffffff;
font-style:italic;
border:none;
}
.champs2{
width:200px;
height:22px;
position:absolute;
margin-top:7px;
margin-left:330px;
border:none;
}
.send1{
width:27px;
height:18px;
margin-left:540px;
margin-top:9px;
background: url('../img/ok.jpg') no-repeat;
border:none;
cursor:pointer;
}
#contact-info{
margin:0;
padding:0;
position:absolute;
width:184px;
height:16px;
margin-top:266px;
margin-left:780px;
color:#fff;
font-size:12px;
font-weight:bold;
}
#contact-info span{
color:#B21218;
}
#contenu{
margin:0;
padding:0;
float:left;
width:980px;
background: url('../img/contenu.jpg') repeat-y;
}
#gauche{
margin:0;
padding:0;
float:left;
width:197px;
}
#categorie{
margin:0;
padding:0;
width:197px;
height:26px;
background: url('../img/categorie.jpg') no-repeat;
}
#bas-menu{
margin:0;
padding:0;
width:197px;
height:12px;
background: url('../img/bas-menu.jpg') no-repeat; 
}
#marque{
margin:0;
padding:0;
width:197px;
height:25px;
background: url('../img/marque.jpg') no-repeat;
}
#arr-menu{
margin:0;
padding:0;
width:186px;
margin-left:6px;
background: #83030E url('../img/arr-menu.jpg') no-repeat;
}
#menu_marque {
	margin:0;
	padding:0;
	width:186px;
	list-style:none;
}
#menu_marque li{
	color:#fff;
	font-size:14px;
}
#menu_marque a{
	display:block;
	color:#fff;
	text-decoration:none;
	font-weight:normal;
	padding-left:32px;
	padding-top:6px;
	width:154px;
	height:23px;
	text-align:left;
	background: url('../img/menu02.png') no-repeat; 
}
#menu_marque a:hover{
	text-decoration:none;
	color:#fff;
}
#bas-menu2{
margin:0;
padding:0;
width:197px;
height:20px;
background: url('../img/bas-menu2.jpg') no-repeat; 
}
#news{
margin:0;
padding:0;
width:197px;
height:84px;
background: url('../img/news.jpg') no-repeat; 
}
.champs{
width:173px;

height:19px;
position:absolute;
margin-top:28px;
margin-left:10px;
padding-top:5px;
padding-left:3px;
background:#322611;
border:1px solid #21190B;
font-size:13px;
font-style:italic;
color:#5b5141;
border:none;
}
.send{
width:26px;
height:17px;
position:absolute;
margin-left:12px;
margin-top:56px;
background: url('../img/ok2.jpg') no-repeat; 
border:none;
cursor:pointer;
}
#img-gauche{
margin:0;
padding:0;
width:197px;
height:199px;
background: url('../img/img-gauche.jpg') no-repeat; 
}
#txt{
margin:0;
padding:0;
position:absolute;
width:146px;
height:46px;
color:#FFFFFF;
font-size:15px;
font-style:italic;
font-weight:bold;
margin-top:131px;
margin-left:20px;
}
#centre{
margin:0;
padding:0;
float:left;
width:783px;
}
.arbo{
margin:0;
padding:0;
background:none;
border:none;
}
div#arbo {
margin:0;
padding:0;
width:767px;
height:32px;
font-size:12px;
color:#fff;
font-weight:normal;
padding-left:16px;
padding-top:9px;
background: url('../img/arbo.jpg') no-repeat; 
}
div#arbo a {
font-size:12px;
font-weight:normal;
color:#fff;
text-decoration:none;
}
div#arbo a:hover {
color:#fff;
text-decoration:underline;
}
#anim{
margin:0;
padding:0;
width:783px;
height:291px;
background: url('../img/img-centre.jpg') no-repeat; 
}
#page h2.article, h2.galerie, h2.titre{
	margin:0;
	padding:0;
	padding-left:57px;
	padding-top:8px;
	font-size:15px;
	font-weight:bold;
	color:#B3BF1D;
	width:713px;
	height:24px;
	background: url('../img/titre.jpg') no-repeat; 
}

h2.titre-petit{
margin:0;
padding:0;
padding-left:57px;
padding-top:8px;
font-size:15px;
font-weight:bold;
color:#B3BF1D;
width:320px;
height:24px;
background: url('../img/titre-petit.jpg') no-repeat; 
}

.article{
	margin:0;
	padding:0;
	margin-top:10px;
	margin-bottom:16px;
	color:#000000;
	font-weight:normal;
	width:760px;
	text-align:left;
}
.article_contenu{
margin:0;
padding:0;
margin-left:7px;
padding-left:7px;
background-color:#DADBDD;
text-align:left;
}
.prod{
margin:0;
padding:0;
width:776px;
margin-left:4px;
float:left;
}
.box{
margin:0;
padding:0;
width:194px;
height:252px;
float:left;
background: url('../img/box.jpg') no-repeat; 
}
.nom-prod{
margin:0;
padding:0;
width:150px;
height:36px;
margin-left:24px;
margin-top:10px;
color:#27292C;
font-size:13px;
font-weight:bold;
}
.img-centre{
margin:0;
padding:0;
width:149px;
height:111px;
margin-left:24px;
margin-top:6px;
border:1px solid #666666;
background: url('../img/img.jpg') no-repeat;
}
.txt-prod{
margin:0;
padding:0;
width:154px;
height:42px;
margin-left:24px;
margin-top:14px;
color:#27292C;
font-size:12px;
font-weight:normal;
}
.plus{
margin:0;
padding:0;
width:110px;
height:18px;
margin-left:24px;
margin-top:6px;
}
.plus a{
margin:0;
padding:0;
width:110px;
height:18px;
font-size:12px;
font-weight:bold;
color:#AB1515;
text-decoration:none;
}
.plus a:hover{
text-decoration: underline;
}
#prod-bas{
margin:0;
padding:0;
width:783px;
height:17px;
float:left;
background: url('../img/prod-bas.jpg') no-repeat;
}
.page1{
	margin:0;
	padding:0;
	width:778px;
	margin-left:4px;	
	float:left;
}
.prod2{
	margin:0;
	padding:0;
	width:389px;	
	float:left;
}
#page h2.titre2{
	margin:0;
	padding:0;
	padding-left:53px;
	padding-top:7px;
	font-size:15px;
	font-weight:bold;
	color:#B3BF1D;
	width:334px;
	height:24px;
	background: url('../img/titre2.jpg') no-repeat; 
}
.arr-centre{
margin:0;
padding:0;
width:383px;
height:184px;
margin-left:2px;
float:left;
background: url('../img/arr-centre.jpg') no-repeat;
}
.nom-prod2{
margin:0;
padding:0;
position:absolute;
width:150px;
height:38px;
margin-left:214px;
margin-top:10px;
color:#27292C;
font-size:13px;
font-weight:bold;
}
.img-centre2{
margin:0;
padding:0;
position:absolute;
width:125px;
height:93px;
margin-left:215px;
margin-top:48px;
border:1px solid #666666;
background: url('../img/img2.jpg') no-repeat;
}
.plus2{
margin:0;
padding:0;
position:absolute;
width:110px;
height:18px;
margin-left:213px;
margin-top:156px;
}
.plus2 a{
margin:0;
padding:0;
width:110px;
height:18px;
font-size:12px;
font-weight:bold;
color:#AB1515;
text-decoration:none;
}
.plus2 a:hover{
text-decoration: underline;
}
#bas{
margin:0;
padding:0;
width:980px;
height:235px;
float:left;
background: url('../img/bas.jpg') no-repeat;
}
div#arbo2 {
margin:0;
padding:0;
position:absolute;
width:500px;
height:20px;
font-size:12px;
color:#fff;
font-weight:normal;
margin-left:26px;
margin-top:13px;
}
div#arbo2 a {
font-size:12px;
font-weight:normal;
color:#fff;
text-decoration:none;
}
div#arbo2 a:hover {
color:#fff;
text-decoration:underline;
}
div#ekinoxe{
	margin:0;
	padding:0;
	position:absolute;
	margin-top:76px;
	width:129px;
	height:51px;
}
#siret{
margin:0;
padding:0;
position:absolute;
width:162px;
height:16px;
color:#fff;
font:11px Tahoma;
margin-top:142px;
margin-left:38px;
}
#adresse{
margin:0;
padding:0;
position:absolute;
width:750px;
height:18px;
color:#fff;
font:12px Tahoma;
margin-top:142px;
margin-left:213px;
}
div#sommaire_bas{
	margin:0;
	padding:0;
	position:absolute;
	margin-top:182px;
	margin-left:100px;
	font:13px Helvetica;
	width:850px;
	text-align:left;
	font-weight:bold;
	color:#fff;
}

#sommaire_bas a{
text-decoration:none;
color:#fff;
padding-left:4px;
padding-right:4px;
}
#sommaire_bas a:hover{
color:#fff;
text-decoration: underline;
}
#sommaire_bas ul {
margin:0;
padding:0
}
#sommaire_bas li{
padding:0;
margin:0;
color:#fff;
display:inline;
border: none;
float:left
}
#menu-ba{
height:25px;
width:548px;
position:absolute;
margin:40px 0 0 20px;
}
#menu-ba a {
height:20px;
float:left;
text-decoration: none;
color:#fff;
cursor:pointer;
font:13px Helvetica;
font-weight:normal;
text-align:center;
padding-top:5px;
}
#menu-ba a:hover {
color:#fff;
text-decoration: none;
}
#accueil a{
width:60px;
}
#accueil a:hover{
background: url('../img/contact.jpg') no-repeat;
}
#qui-sommes a{
width:130px;
}
#qui-sommes a:hover{
background: url('../img/somme.jpg') no-repeat; 
}
#contact a{
width:60px;
}
#contact a:hover{
background: url('../img/contact.jpg') no-repeat; 
}
#plan-acces a{
width:84px;
}
#plan-acces a:hover{
background: url('../img/plan.jpg') no-repeat;
}
#plan a{
width:84px;
}
#plan a:hover{
background: url('../img/plan.jpg') no-repeat;
}
#mention a{
width:130px;
}
#mention a:hover{
background: url('../img/somme.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;
clear: both;
height:auto;
}
.cadre .contenu2{
width:383px;
height:auto;
margin-left:2px;
float:left;
background: url('../img/arr-centre.jpg') no-repeat;
}
.cadre .contenu2 .produit {
margin:0;
padding:0;
width:151px;
height:auto;
float:left;
border:none;
}
.produit {
border:none;
}
.cadre .contenu2 .plus .produit {
  border: none;
}
.plus ul {
margin:0;
padding:0;
float:left;
width:170px;
list-style:none;
}
.plus li {
list-style-type:none;
margin:0;
color:#332B18;
font-style:italic;
font-size:14px;
text-align:left;
background: url('../img/menu11.jpg') no-repeat;
}
.cadre .contenu2 .produit img{
 margin:0;
padding:0;
width:151px;
height:122px;
margin-left:19px;
margin-top:7px;
}
.cadre .contenu2 .produit .lien_panier {
cursor:pointer;
margin:0;
padding:0;
width:150px;
height:23px;
margin-top:8px;
padding-top:8px;
text-align:center;
}
.cadre .contenu {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
clear:both;
margin:4px;
}
.cadre .contenu .produit {
margin:0;
padding:0;
width:195px;
height:auto;
float:left;
background: url('../img/box.jpg') no-repeat; 
}

.produit h3 {
  color:#000000;
  font-size:12px;
  height:auto;
  min-height:20px;
  padding:0 0 0 0px;
  font-weight:bold;
  margin:0;
  margin-top:10px;
  background:none;
  text-align:center;
}

.produit h3.top a, .produit h3.nouv a, .produit h3 a {	color:#000000;	}
.produit h3.top a, .produit h3.nouv a, .produit h3 a {	color:#000000;
text-decoration:none;	}
.produit img {
  margin:0;
padding:0;
width:151px;
height:122px;
margin-left:20px;
margin-top:17px;
}
.produit .prix {
  color:#7B736E;
  float:left;
  font-size:16px;
  font-weight:bold;
  margin-left:12px;
  padding-top:10px
}
.plus {
float: left;
width:383px;
height:auto;
margin-left:0;
}
.cadre .contenu .produit .lien_panier a {	
text-decoration:underline;
font-size:13px;
color:#fff;
font-weight:bold
} 
.cadre .contenu .produit .lien_panier a:hover {	
text-decoration: underline;
font-weight:bold
	} 

.plus.even {
margin-right: 0; 
}
.produit p{
margin:0;
padding:0;
margin:5px 0;
height:auto;
color:#000;
font-size:12px;
font-weight:normal;
text-align:left;
margin:0;
padding:0;
margin-left:20px;
margin-top:7px;
}
#titre_produit {
background:none;
border:none;
color:#FFF
}
#onglets {
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
background:url('../img/titre.jpg') repeat-x top left;
border:2px solid #ffffff;
clear:both;
color:#FFF;
height:16px;
list-style-type:none;
margin:0;
padding:4px 10px;
padding-left:60px;
}
#mini, #ajouteraupanier, #descriptif, .ec_catList {
background-color:#DADBDD;
}
#infos_right {
background:#FFFFFF;
}
#onglets li {
border:1px solid #DADBDD;
}
/******************************************************/
/* ------ MENU ACCORDEON ------ */
.menu_g {
margin:0;
padding:0;
width:186px;
margin-left:6px;
list-style:none;
}
.acc_toggler{
margin:0;
padding:0;
}
.acc_toggler a{
margin:0;
padding:0;
display:block;
color:#fff;
text-decoration:none;
font-weight:normal;
font-size:14px;
padding-left:10px;
padding-top:6px;
width:176px;
height:23px;
text-align:left;
background: url('../img/menu01.jpg') no-repeat; 
} 
.acc_toggler a:hover  {
margin:0;
padding:0;
padding-left:10px;
padding-top:6px;
text-decoration:none;
color:#fff;
} 
.acc_element {
 margin: 0;
 padding:0;
} 
.acc_element h3 {
 margin: 0;
 padding:0;
 text-align:left;
 min-height:20px;
 width:186px;
 background-color:#848B05;
 } 
.acc_element a {	
 margin:0;
 padding:0;
 display:block;
 padding-left:18px;
padding-top:10px;
color:#FFFFFF;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 text-decoration:none;
}
.acc_element a:hover {	
 margin: 0;
 padding:0;
 padding-left:18px;
padding-top:10px;
 text-decoration:underline;
 color:#FFFFFF;
}
h2, h3 {
 margin:0;
 padding:0;
 font-weight:normal;
} 


.contact_frame{
margin:0;
padding:0;
width:300px;
margin-left:20px;
margin-top:20px;
}
.contact_field_name
{
color:#FFFFFF;
}
.contact_error, .contact_field_cross
{
color:#FF0000;
}
span.obligatoire{
color:#FF0000;
}
p.msg_erreur{
color:#FF0000;
}
.bouton_suivant{
margin:0;
padding:0;
width:100%;
text-align:center;
margin-top:20px;
}
#centre b{
color:#999999;
}