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


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

body{
padding: 0;
margin: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#999999;
font-size: 11px;
background: #191919 url('../img/bando1.jpg') repeat-x top left;
}
img {
 border: none;
}
a {
 text-decoration: none;
 color: #fff;
}
a:hover {
 text-decoration: underline;
 color: #fff;
}
*:focus {
 outline: none;
}
h1 {
 text-indent: -9999px; 
 margin: 0;
 padding: 0;
}
#conteneur {
margin: auto;
min-height:350px;
}
#page {
 width: 981px;
 margin: auto;
}
#header {
 min-height: 350px;
 background: url('../img/top2.jpg') no-repeat;
}

#menu0{
height:24px;
width:98px;
position:absolute;
margin:0 0 0 883px ;
}
#menu0 a{
margin:0;
padding:0;
height:24px;
display:block;
float:left;
}
#accueil a{
width:21px;
background:url('../img/icone1.jpg') no-repeat;
}
#accueil a:hover{
background:url('../img/icone11.jpg') no-repeat;
}
#favoris a{
width:21px;
background:url('../img/icone2.jpg') no-repeat;
}
#favoris a:hover{
background:url('../img/icone22.jpg') no-repeat;
}
#recommander a{
width:30px;
background:url('../img/icone3.jpg') no-repeat;
}
#recommander a:hover{
background:url('../img/icone33.jpg') no-repeat;
}
#plan a{
width:26px;
background:url('../img/icone4.jpg') no-repeat;
}
#plan a:hover{
background:url('../img/icone44.jpg') no-repeat;
}

div#logo{
padding:0;
position:absolute;
width:347px;
height:172px;
margin:0;
}

.menu_haut {
padding:0;
position:absolute;
list-style:none;
width:980px;
height:50px;
margin:237px 0 0 0;
list-style:none;
}
.menu_haut li{
padding:0;
margin:0;
color:#999999;
float:left;
}
.menu_haut a{
padding:0;
margin:0;
font-size:11px;
color:#999999;
text-decoration:none;
padding-top:6px;
padding-left:20px;
width:138px;
height:18px;
float:left;
background: url('../img/menu1.jpg') no-repeat;
}
.menu_haut a:hover{
text-decoration:none;
color:#fff;
background: url('../img/menu2.jpg') no-repeat;
}

div#recherche{
padding:0;
position:absolute;
width:311px;
height:23px;
margin:316px 0 0 175px;
}
.champs1{
width:135px;
height:20px;
float:left;
margin:2px 0 0 0;
background:transparent;
font-size:11px;
color:#999999;
border:none;
}
.champs2{
width:118px;
height:20px;
float:left;
margin:2px 0 0 143px;
font-size:11px;
}
.send_rech{
width:41px;
height:23px;
position:absolute;
margin:0 0 0 12px;
background:transparent;
border:none;
cursor:pointer;
background: url('../img/ok.jpg') no-repeat;
}

div#contenu{
padding:0;
margin:0;
width:981px;
float:left;
}
div#left{
padding:0;
margin:0;
width:201px;
float:left;
}

div#categories{
padding:0;
margin:0;
width:201px;
padding-top:30px;
background: url('../img/catego.jpg') no-repeat top;
}

.menu_g {
margin:0;
padding:0;
width:190px;
padding-top:40px;
padding-bottom:10px;
list-style:none;
}
.menu_g li{
color:#fff;
font-size:12px;
}
.menu_g a{
display:block;
color:#fff;
text-decoration:none;
padding-top:1px;
padding-left:9px;
width:181px;
height:16px;
background: url('../img/menu01.jpg') no-repeat;
}
.menu_g a:hover{
text-decoration:none;
color:#46B89F;
}









/* ------ MENU ------ */


.acc_toggler a, .acc_toggler a:hover, .menu_g h3 a {
 margin: 0;
 padding:0;
 font-size:12px;
 cursor: pointer;

display:block;
color:#FFF;
text-decoration:none;
padding:5px 0 0 15px;
width:160px;
background: url('../img/menu01.png') no-repeat bottom;
} 
.acc_toggler a:hover {
text-decoration:none;
color:#46B89F;
font-weight:bold;
} 
.acc_toggler  {
margin:0;
padding:0;
} 

.acc_element h2 {
 margin: 0;
 padding:0;
width:165px;
 text-align:center;
 min-height:20px;
} 

.acc_element h2 a {	
 margin: 0;
 padding:0;
  font-size:12px;
 color:#351400;	
 text-decoration:none;
}
.acc_element h2 a:hover, .menu_g h2 a:hover {	
 text-decoration:none;
 color:red;	
}

.acc_element h2 {
 margin: 0;
 padding:0;
 text-align:right;
}










div#news{
padding:0;
width:201px;
height:89px;
margin:0;
background: url('../img/news.jpg') no-repeat;
}
.champs{
width:132px;
height:16px;
position:absolute;
margin-top:61px;
margin-left:11px;
background:transparent;
font-size:12px;
color:#000;
border:none;
}
.send{
width:41px;
height:23px;
position:absolute;
margin-left:150px;
margin-top:57px;
background:transparent;
border:none;
cursor:pointer;
}
form{
margin:0;
padding:0;
}

#flash{
margin:0;
padding:0;
width:201px;
height:328px;
background: url('../img/flash.jpg') no-repeat;
}
#flash_infos{
margin:0;
padding:0;
position:absolute;
width:182px;
height:169px;
font-size:11px;
color:#CCCCCC;
text-decoration:none;
margin-left:8px;
margin-top:50px;
}
div#flash_infos a{
text-decoration:none;
font-weight:bold;
color:#CCCCCC;
}
div#flash_infos a:hover{
text-decoration:underline;
color:#CCCCCC;
}

div#center{
padding:0;
margin:0;
width:780px;
min-height:416px;
float:left;
background: url('../img/centre.jpg') no-repeat top;
}

#diapo{
margin:0;
padding:0;
width:780px;
height:372px;
margin-top:18px;
}
.cadre .contenu{
margin:0;
padding:0;
width:780px;
margin-left:5px;
float:left;
margin-bottom:10px;
}
div#produits_phares{
padding:0;
margin:0;
width:780px;
float:left;
}
.contenu .even,.contenu .produit{
margin:0;
padding:0;
width:195px;
height:277px;
float:left;
  border-right:1px solid #333333;
    border-bottom:1px solid #333333;
}
.cadres .cadre .contenu .produit,.cadres .cadre .contenu .even{
margin:0;
padding:0;
width:195px;
height:277px;
float:left;
border:none;
}
.cadres .cadre .contenu{
margin:0;
padding:0;
width:380px;
padding-left:5px;
float:left;
margin-bottom:10px;
  border-right:1px solid #333333;
    border-bottom:1px solid #333333;
}
#onglets li {
background:#49B99C
}
.contenu .produit img{
padding:0;
margin:0;
width:191px;
height:134px;
margin-left:2px;
float:left;
max-width:191px
}
.produit h3.nouv
{
margin-top:10px;
padding-left:45px;
min-height:20px;
width:145px;
height:auto;
}
.produit h3.top
{
background:url('../img/arr_p.jpg') no-repeat left;
margin-top:10px;
padding-left:10px;
}
.cadres .cadre .contenu h3
{
background:url('../img/arr_p.jpg') no-repeat left;
padding-left:10px;
margin:0 0 0 10px;
margin-top:20px;
}
.contenu .produit .top h3,.contenu h3{
margin:0;
padding:0;
width:175px;
height:auto;
text-align:left;
margin-left:3px;
color:#49B99C;
font:11px Tahoma;
font-weight:normal;
float:left;
}
.contenu .produit p{
padding:0;
width:172px;
height:auto;
color:#999999;
font-size:11px;
float:left;
margin-left:15px;
margin-top:10px;
}
.contenu .produit .prix {
margin:0;
padding:0;
width:80px;
margin-left:11px;
margin-top:6px;
color:#fff;
font-size:11px;
font-weight:bold;
text-align:left;
float:left;
}
.contenu .produit .lien_panier, .contenu .produit .lien_visualiser {
background:url('../img/arr_en.jpg') no-repeat left;
float:left;
width:153px;
height:24px;
margin-top:5px;
padding-top:11px;
margin-left:6px;
text-align: center;
}
.contenu .produit .lien_panier:hover, .contenu .produit .lien_visualiser:hover {
background:url('../img/arr_en2.jpg') no-repeat left;
}
.contenu .produit .lien_panier span{
margin:0;
padding:0;
width:153px;
height:24px;
}

div#bas {
margin:0;
padding:0;
clear: both;
width:981px;
height:328px;
background: url('../img/bas.jpg') no-repeat top center;
}
div#ekinoxe{
margin:0;
padding:0;
position:absolute;
margin-top:33px;
width:140px;
height:58px;
}
div#adresse{
margin:0;
padding:0;
position:absolute;
width:770px;
height:20px;
font-weight:bold;
margin-left:205px;
margin-top:158px;
font-size:12px;
color:#fff;
}
div#sommaire_bas{
margin:0;
padding:0;
position:absolute;
margin-top:53px;
margin-left:350px;
font-size:10px;
line-height:15px;
width:620px;
color:#999999;
}

#sommaire_bas a{
text-decoration:none;
color:#999999;
margin-left:2px;
margin-right:2px;
}
#sommaire_bas a:hover{
color:#009BF7;
text-decoration:none;
}


.menu_bas {
padding:0;
position:absolute;
list-style:none;
width:770px;
height:40px;
line-height:15px;
margin:188px 0 0 205px;
	list-style:none;	
}
.menu_bas li{
	color:#999999;
font-size:10px;
	float:left;
}
.menu_bas a{
text-decoration:none;
color:#999999;
margin-left:2px;
margin-right:2px;
}
.menu_bas a:hover{
text-decoration:none;
color:#4BBE9A;
}
.menu_bas span{
color:#999999;
}
.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
}


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

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

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

.cadre {
  clear: both
}

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

.plus.even {
  margin-right: 0; 
}
.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;
}