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


/*********************************************************************
 ****************************** GENERAL ******************************
 *********************************************************************/
html{
padding: 0;
margin: 0;
background: #fff url('../img/bando1.jpg') repeat-x top left;
}
body{
padding: 0;
margin: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#46515B;
font-size: 12px;
background: url('../img/body.jpg') no-repeat top center;
}
img {
 border: none;
}
.article_contenu a, .sitemap a, #descriptif a{
 text-decoration: underline;
 color: #46515B;
}
.article_contenu a:hover, .sitemap a:hover, #descriptif a:hover {
 text-decoration: underline;
 color: #46515B;
}
*:focus {
 outline: none;
}
h1 {
 text-indent: -9999px; 
 margin: 0;
 padding: 0;
}
#conteneur {
margin: auto;
}
#page {
 width: 980px;
 margin: auto;
}
#header {
 min-height: 319px;
}
div#logo{
padding:0;
position:absolute;
width:233px;
height:56px;
margin:21px 0 0 100px;
}

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

.menu_haut {
padding:0;
position:absolute;
list-style:none;
height:18px;
margin:235px 0 0 30px;
}
.menu_haut li{
padding:0;
margin:0;
color:#F6C944;
float:left;
}
.menu_haut a{
padding:0;
margin:0;
font-size:12px;
color:#F6C944;
text-decoration:none;
padding-top:2px;
text-align:center;
width:152px;
height:16px;
float:left;
background: url('../img/menu1.jpg') no-repeat;
}
.menu_haut a:hover{
text-decoration:none;
color:#4A4A4A;
background: url('../img/menu2.jpg') no-repeat;
}


div#recherches{
padding:0;
position:absolute;
width:297px;
height:26px;
margin:278px 0 0 85px;
}
.champs1{
width:107px;
height:25px;
position:absolute;
margin:0;
margin-left:22px;
background:transparent;
font-size:12px;
color:#313131;
border:none;
}
.champs2{
width:189px;
height:22px;
position:absolute;
margin:0 0 0 133px;
background:transparent;
font-size:12px;
color:#313131;
border:1px solid #fff;
background-color:#848484;
}
.send_rech{
width:21px;
height:23px;
position:absolute;
margin:0 0 0 329px;
background:transparent;
border:none;
cursor:pointer;
background: url('../img/ok.jpg') no-repeat;
}
div#adresse{
margin:0;
padding:0;
position:absolute;
width:327px;
height:19px;
margin-left:620px;
margin-top:282px;
font-size:12px;
color:#fff;
}

div#contenu{
padding:0;
margin:0;
width:980px;
float:left;
}
div#left{
padding:0;
margin:0;
width:188px;
float:left;
padding-top:5px;
background: url('../img/gauche.jpg') no-repeat top;
}
div#fond_menu{
padding:0;
margin:0;
width:178px;
margin-left:10px;
background: url('../img/fond_menu.jpg') repeat-y;
}
div#haut_menu{
padding:0;
margin:0;
width:178px;
min-height:300px;
background: url('../img/haut_menu.jpg') no-repeat top;
}

.menu_g {
margin:0;
padding:0;
width:170px;
padding-top:48px;
padding-left:4px;
list-style:none;
}
.menu_g li{
color:#3B3B3B;
font-size:12px;
}
.menu_g a{
display:block;
color:#3B3B3B;
text-decoration:none;
padding-top:6px;
padding-left:26px;
width:144px;
height:27px;
background: url('../img/menu01.png') no-repeat;
}
.menu_g a:hover{
text-decoration:none;
color:#000;
}
div#bas_menu{
padding:0;
margin:0;
width:178px;
height:20px;
background: url('../img/bas_menu.jpg') no-repeat top;
}

div#news{
padding:0;
width:178px;
height:76px;
margin:0 0 0 10px;
background: url('../img/news.jpg') no-repeat;
}
.champs{
width:130px;
height:18px;
position:absolute;
margin-top:36px;
margin-left:12px;
background:transparent;
font-size:12px;
color:#000;
border:none;
}
.send{
width:24px;
height:29px;
position:absolute;
margin-left:145px;
margin-top:31px;
background:transparent;
border:none;
cursor:pointer;
}
form{
margin:0;
padding:0;
}

#flash{
margin:0;
padding:0;
width:178px;
height:274px;
margin:0 0 0 10px;
background: url('../img/flash.jpg') no-repeat;
}
#flash_infos{
margin:0;
padding:0;
position:absolute;
width:168px;
height:190px;
font-size:12px;
color:#2D2D2D;
text-decoration:none;
margin-left:6px;
margin-top:63px;
}
div#flash_infos a{
text-decoration:none;
color:#596583;
}
div#flash_infos a:hover{
text-decoration:underline;
color:#596583;
}

#horaires{
margin:0;
padding:0;
width:178px;
height:177px;
margin:0 0 0 10px;
background: url('../img/horaires.jpg') no-repeat;
}
#horaires_infos{
margin:0;
padding:0;
position:absolute;
width:168px;
height:78px;
font-size:12px;
color:#6C6C6C;
text-align:center;
text-decoration:none;
margin-left:6px;
margin-top:72px;
}
div#center{
padding:0;
margin:0;
margin-left:5px;
width:787px;
float:left;
}
div#haut_centre{
padding:0;
margin:0;
width:779px;
height:33px;
background: url('../img/haut_center.jpg') no-repeat;
}

#arbo{
margin:0;
padding:0;
position:absolute;
width:450px;
height:19px;
margin-left:6px;
margin-top:9px;
float:left;
color:#383737;
}
div#arbo a{
text-decoration:none;
font-size:12px;
color:#383737;
}
div#arbo a:hover{
text-decoration:underline;
color:#383737;
}
div#diaporama{
padding:0;
margin:0;
width:779px;
height:188px;
background: url('../img/fond_diapo.jpg') no-repeat;
}
#diapo{
margin:0;
padding:0;
position:absolute;
width:779px;
height:188px;
}

#center h2{
margin:0;
padding:0;
margin-top:11px;
padding-top:4px;
padding-left:5px;
font-size:16px;
color:#fff;
height:22px;
-moz-border-radius: 3px;
background: #797979;
font-weight:bold;
min-height:22px;
}
.article .article_contenu{
margin:0;
padding:0;
margin-left:17px;
margin-top:10px;
padding-bottom:15px;
width:739px;
}
div#entretiens{
padding:0;
margin:0;
width:775px;
float:left;
-moz-border-radius: 3px;
border-bottom:1px solid #BDBDBD;
border-left:1px solid #BDBDBD;
border-right:1px solid #BDBDBD;
}
h2.titre2{
margin:0;
padding:0;
padding-top:4px;
padding-left:5px;
font-size:16px;
color:#fff;
width:770px;
height:22px;
background: url('../img/titre_prdt.jpg') no-repeat;
}



.occasions{
margin:0;
padding:0;
width:384px;
height:202px;
margin-top:25px;
padding-right:10px;
float:left;
background:url('../img/fond2.jpg') no-repeat;
}
.titre_occasions{
padding:0;
width:278px;
height:19px;
color:#fff;
float:left;
font-weight:bold;
font-size:12px;
padding-top:6px;
padding-left:5px;
margin:0;
}
#menu_occasions {
margin:0;
padding:0;
float:left;
width:165px;
height:157px;
margin-top:11px;
margin-left:8px;
list-style:none;
}
#menu_occasions li{
color:#3B3B3B;
font-size:12px;
}
#menu_occasions a{
display:block;
color:#3B3B3B;
text-decoration:none;
padding-top:3px;
width:165px;
height:17px;
border-bottom:1px solid #BDBDBD;
}
#menu_occasions a:hover{
text-decoration: underline;
}
.nom_occasions{
padding:0;
width:152px;
height:30px;
color:#87888B;
float:left;
font-size:12px;
font-family:Tahoma;
font-weight:bold;
margin:9px 0 0 37px;
}
.image_solaire{
padding:0;
float:left;
margin:6px 0 0 42px;
width:144px;
height:116px;
}
div#bas {
margin:0;
padding:0;
clear: both;
width:980px;
height:341px;
background: url('../img/bas.jpg') no-repeat;
}

div#ekinoxe{
margin:0;
padding:0;
position:absolute;
width:136px;
height:47px;
}
#arbo_bas{
margin:0;
padding:0;
position:absolute;
width:450px;
height:19px;
margin-left:16px;
margin-top:59px;
float:left;
color:#2C2C2C;
}
#arbo_bas a{
text-decoration:none;
font-size:12px;
color:#2C2C2C;
}
#arbo_bas a:hover{
text-decoration:underline;
color:#2C2C2C;
}
.menu_bas {
margin:0;
padding:0;
position:absolute;
margin-top:93px;
margin-left:16px;
font-size:12px;
display:block;
font-weight:normal;
width:700px;
height:170px;
color:#3B3B3B;
list-style:none;
}
.menu_bas li{
	float:left;
}
.menu_bas a{
display:block;
float:left;
font-weight:normal;
text-decoration:none;
color:#3B3B3B;
width:170px;
height:33px;
padding-top:0px;
margin-left:2px;
margin-right:2px;
}
.menu_bas a:hover{
color:#fff;
text-decoration:none;
}

div#sommaire_bas{
margin:0;
padding:0;
position:absolute;
margin-top:101px;
margin-left:780px;
font-size:11px;
line-height:15px;
width:190px;
color:#3B3B3B;
float:left;
}
#sommaire_bas a{
display:block;
text-decoration:none;
float:left;
color:#3B3B3B;
width:190px;
height:25px;
}
#sommaire_bas a:hover{
color:#3B3B3B;
text-decoration: underline;
}

div#adresse2{
margin:0;
padding:0;
position:absolute;
width:677px;
height:20px;
margin-left:10px;
margin-top:289px;
font-size:11px;
font-family:Tahoma;
color:#6F757F;
}
.article .article_plus 
{
margin-right:15px;;
}
.arbo {
	margin:0;
	padding:0;
	line-height:normal;
	background:none;
}
/****galeries******/
div.galeries {
margin:0;
padding:0;
}
div.galerie{
margin:0;
padding:0;
display: block;
width:792px;
clear: both;
}
div.photos {
margin:0;
padding:0;
display: block;
}
div.photo {
 margin:0;
 padding:0;
 float: left;
 margin-left:25px;
 margin-top:10px;
 text-align: center;
 width: 154px;
 height: 121px;
 margin-bottom:10px;
 border:none;
}
img.photo {
 max-width: 154px;
 max-height: 121px;
}
/* ------ CONTACT ------ */
.contact_error, .contact_field_cross
{
color:#FF0000;
}
span.obligatoire{
color:#FF0000;
}
p.msg_erreur{
color:#FF0000;
}
.contact_frame{
margin:0;
padding:0;
width:300px;
margin-left:20px;
}
/*********************************************************************
 ******************************* 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; 
}
.produit h3, .produit h3.top, .produit h3.nouv  {
margin:0;
padding:0;
margin-left:20px;
margin-top:7px;
margin-bottom:7px;
margin-right:5px;
background:none;
}
.produit h3 a{
font-weight:normal;
 text-decoration: none;
 color: #87888B;
 font-weight:bold;
}
.produit h3 a:hover{
font-weight:normal;
 text-decoration:underline;
 color: #87888B;
 font-weight:bold;
}
.produit img {
margin-left:20px;
border: none;
}
.produit p {
padding-left:20px;
padding-right:5px;
}
.produit .lien_panier, .produit .lien_visualiser {
margin:0;
padding:0;
width:65px;
height:14px;
padding-top:3px;
margin-left:106px;
margin-top:4px;
text-align:center;
background: url('../img/savoir_plus.jpg') no-repeat;
}
.produit .lien_panier  a, .produit .lien_visualiser a {
font-size:8px;
color:#fff;
text-align:center;
text-decoration:none;
}
.produit .lien_panier  a:hover{
text-decoration:underline;
}
#produits_phares .contenu, #nouveautes .contenu, .plus .contenu, #produits .contenu{
	border: 1px solid #D9DBDD;
}
#produits_phares h2.titre, #nouveautes h2.titre, #center .plus h2.titre, #produits h2.titre{
-moz-border-radius-bottomleft:0;
-moz-border-radius-bottomright:0;
}
.produit img {
margin-left:20px;
border: none;
}
.plus ul a {
font-weight:normal;
 text-decoration: none;
 color: #3B3B3B;
}
.plus ul a:hover {
font-weight:normal;
 text-decoration: none;
 color: #3B3B3B;
}
#print{
background:url('../img/print.jpg') no-repeat top left;
float:right;
height:35px;
margin:10px 0;
text-align:right;
width:18%;
color:#87888B;
text-decoration:none;
}
#print:hover {
 color:#87888B;
 text-decoration:underline;
 }
#onglets a{
 text-decoration: none;
 color: #46515B;
}
#onglets a:hover {
 text-decoration: none;
 color: #46515B;
}
