@charset "utf-8";
/* CSS Document */

/*
bleu fond 263f5e
bleu foncé 203650
orange f7931e
*/

html, body
{
    font-family: ITC Avant Garde Gothic, Avant Garde, Arial, Helvetica, Serif;
    font-size: 13px;
    font-weight: normal;
    color: #cabd89;
    margin: 0;
    padding: 0;
    border: 0;
    height: 100%;
    max-height: 100%;
	text-align:center;
	background-image: url(../../images/fondbleumarine.gif); background-position:top center; background-repeat:repeat-x;
    background-color:#263f5e;
	text-align:left;
}
a { text-decoration: none; outline-style:none; color: #cabd89;} /* enleve le pointillé rouge dans firefox */
a:hover { text-decoration: underline;}

* {outline: none;}/*  Enlever le bug bleu de safari */

ul, li {margin:0;padding:0;list-style:none;} /* Reset les listes */
img { border: none; display: block;} /* Pour ne pas qu'il y aie un espace sous les images*/
h1, h2, h3
{
    font-size: 1em;
    margin: 0;
	color:#f7931e;
}
/* Bon à savoir */
a.info:hover{z-index:25; background-color:#ff0}
a.info span{display: none}

/* pour centrer la div principale*/
#divcentrale {
	margin: 0 auto;
	width: 955px; } /* largeur du contenu */
#header {  }
	#menutop { margin-top:0px; height:23px; text-align:right; font-size:11px;}
	#logo { height:89px; clear:both; text-align:left;}
	#menumilieu { text-align:right; margin-top:23px; height:49px; clear:both}

	.menutop { list-style-type:none; margin:0; padding:0; float:right; width:300px; font-size:11px; margin-top:10px;}
	.menutop li{  margin:0; padding:0; float:left; padding:0 18px 0 18px;}
	.menumilieu  { margin:0; padding:0; float:left;}
	.menumilieu  li{ margin:0; padding:0;float:left;}	
	.separateurtop { background-image:url(../../images/separationmenutop.gif); background-position:right center; background-repeat:no-repeat; }
	
#contenu {overflow: hidden;}/* le overflow permet à un fond de s'étirer jusqu'en bas de la DIV */
	#choixmeubleouanimaux { background-image:url(../../images/fondchoix.gif); height:358px; width:955px;}
	#bas {}
		#commode { position:absolute; bottom:-25px; right:10px; }

		.listeanimauxetmeuble { font-size:19px; background-image:url(../../images/etiresousmenu.gif); background-position:left; background-repeat:repeat-y; margin:0px; padding:0px; border:none; float:left; margin-top:80px; text-align:left;}
		.listeanimauxetmeuble li a{ display:block; padding:15px 0 15px 10px;  }
		.listeanimauxetmeuble li a:hover{ background-color:#203650; text-decoration:none;}
		.listeanimauxetmeuble li.separateur {padding:0;}
    	#TitreEtTexte{width:408px; margin-left:30px;}
#footer { position:relative; background-image: url(../../images/plancher.jpg); background-repeat: repeat-x; background-position:center; height:180px; }

#copyright {font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align: center; color:#ffffff;}

/* rollover */
.rollOver
{
    display: block;
    background-repeat: no-repeat;
    background-position: 0 0;
    float: left;
}
.rollOver:hover
{
    background-position: bottom right;
}
.rollOver span
{
    display: none;
}
.icone 
{
    width: 354px;
    height: 34px;
}

/* CLEAR FIX pour régler les problemes de float, mettre sur la div conteneur */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

#profil { background-image:url(../../images/m1profil.gif); height:49px; width:154px;}
#produits { background-image:url(../../images/m2produits.gif); height:49px; width:82px;}
#services { background-image:url(../../images/m3services.gif); height:49px; width:76px;}
#savoir { background-image:url(../../images/m4savoir.gif); height:49px; width:139px;}
#magasin { background-image:url(../../images/m5magasin.gif); height:49px; width:93px;}
#bois { background-image:url(../../images/m6bois.gif); height:49px; width:179px;}

/* PLAN DU SITE */
#plandusite { }
#plandusite ul {}
#plandusite ul li {
	background-image: url(../../images/4.gif); 
	background-position:top left; 
	background-repeat:no-repeat; 
	padding-left:20px;
	margin-top:10px; 
	 }
	 
#plandusite ul ul li{ margin-top:5px; background-image: url(../../images/4b.gif); }
#plandusite a {  border-bottom:1px dotted #f7931e;}
#plandusite a:hover { border-bottom:none;}

#servicesliste li {
	background-image: url(../../images/4.gif); 
	background-position:top left; 
	background-repeat:no-repeat; 
	padding-left:20px;
	margin-top:10px; 
	width:444px;
	margin-left:30px;
	 }

/* SOUS MENU DU CATALOGUE */

.categories .animaux{background-image: url(../../images/catalogue/animaux.jpg); width:144px;}
.categories .canards{background-image: url(../../images/catalogue/canards.jpg); width:117px;}
.categories .tablettes{background-image: url(../../images/catalogue/tablettes.jpg); width:142px;}
.categories .cuisine{background-image: url(../../images/catalogue/cuisine.jpg); width:129px;}
.categories .chambre{background-image: url(../../images/catalogue/chambre.jpg); width:131px;}
.categories .audio_video{background-image: url(../../images/catalogue/audio_video.jpg); width:128px;}
.categories .autres{background-image: url(../../images/catalogue/autres.jpg); width:163px;}
.categories .active {background-position: bottom right;}

/* DEFAULT */
		.listeanimauxetmeuble { font-size:19px; background-image:url(../../images/etiresousmenu.gif); background-position:left; background-repeat:repeat-y; margin:0px; padding:0px; border:none; float:left; margin-top:80px; text-align:left;}
		.listeanimauxetmeuble li {  float:left; clear:both; }
		.listeanimauxetmeuble li a{ display:block; padding:15px 0 15px 10px; margin:0px;  }
		.listeanimauxetmeuble li a:hover{ background-color:#203650; text-decoration:none;}
		.listeanimauxetmeuble li.separateur {padding:0px; margin:0px;}
		.listeanimauxetmeuble li.separateur img {padding:0px; margin:0px;}
        #ulanimaux li{ width:126px;}
        #ulmeubles li{ width: 210px;}