/* CSS Document : positionnement et styles des blocs (layout) */

/* Marges de la page
-------------------------------------------------------- */
html, body{
	text-align: center;	
}

#page {

}


html>body #page {

}



/* Entete
-------------------------------------------------------- */
#accroche_site {text-align:center; height:14px;}
#accroche_site h1 {	font-size:9px; color:#fff; margin:0;padding:0;}



#entete{
	margin:0px auto;
	text-align: left;
	padding:0;
	width:990px;
	color: inherit;
	border:0px solid #FFF;
	
	
}



#logo_entete {
	width:985px;
	color:#FFFFFF;
}

#logo {
  position: absolute;
  top: 260px;
  left:50%;
  margin-left:-500px;
  z-index:2;
}





#anim_haut {
  position: absolute;
  top: 30px;
  left: 325px;
  z-index:2;
}

#anim_bas {
  position: absolute;
  top: 320px;
  left: 18px;
}

#langue_entete {
	text-align:left;
	float:left;
	width:50px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:9px;
	padding-left:25px;
	padding-top:6px;
}

#langue_entete a {color:#FFFFFF; text-decoration:none;}
#langue_entete a:hover {text-decoration:underline;}
#langue_entete ul {margin:0;padding:0; list-style:none;}
#langue_entete ul li {margin:0;padding:0px 1px; display:inline;}


#entete_fond {
	background:url(../images/contenu_top.gif) right 20px no-repeat;
	height:85px;
}


html>body #entete_fond {
	height:auto;
	min-height:85px;
}


#entete_menu
{
	padding:0;
	font-size:11px;
	color:#fff;
	padding:10px 0 0 25px;
}


#entete_menu ul{
	margin:0;
	padding: 0;
	list-style-type: none;
}

#entete_menu ul li {
	padding: 1px 0 1px 10px;
	margin:0;
	font-weight:bold;
	font-size:11px;
	text-align:left;
	background:url(../images/separation.gif) bottom repeat-x;
}

#entete_menu ul li span {
	font-weight:normal;
	font-size:9px;

}

#entete_menu a {
	display:block; 
	line-height:20px;
	padding: 0px 1px 0px 15px;
	
	background:url(../images/lien_fleche.gif) 1px 4px no-repeat;
	width:170px; 
	
}

#entete_menu a:link, #entete_menu a:visited
{
color: #aea3a0;	
text-decoration: none;
}

#entete_menu a:hover, #entete_menu a:visited:hover, #entete_menu a.actuel, #entete_menu a:visited.actuel {
	background-color:#422B2A;
}



#entete_menu ul li .menu_flechebas, #entete_menu ul li .menu_flechebas:visited {

	background-image:none;
}
#entete_menu .lien_ssmenu { list-style-type:none;}
#entete_menu .lien_ssmenu li {background:none; padding:0;margin:0; border-bottom:1px dotted #532F26;}
#entete_menu .lien_ssmenu a {background:url(../images/lien_fleche3.gif) 0px 5px no-repeat; color: #f4b22a; border:1px solid  text-align:left; display:block; width:140px; padding:0 0 0 17px;margin:0 0 0 12px;}
#entete_menu .lien_ssmenu a:visited {color: #f4b22a; }


#menu_gauche {
	float:left;
	width:225px;
	border:0px solid #fff;
	padding-top:80px;

}




/* zone mon panier */
#bouton_panier {
	position:absolute;
	left:50%;
	top:276px;
	margin-left:320px;
	z-index:3;
	width:110px;
	border:0px solid #ccc;	
	text-align:center;
}

#bouton_panier a {
	display:block;
	padding:0px 8px;
	font-weight:bold;
	letter-spacing:1px;
}

#entete_rubrique {

}

#form_search {
	margin:0;
	padding:4px 0;
}




/* Corps
-------------------------------------------------------- */


#corps{
	margin:0px auto;
	text-align: left;
	padding:0;
	width:996px;
	background: url(../images/fond_corps.gif) 9px repeat-y;
	position:relative;	
	border:0px solid #ccc;
	height:520px;
}


html>body #corps {
	height:auto;
	min-height:520px;
}

#corps_bord{
  position: absolute;
  top: 0px;
  right: 3px;
}

#contenu .introduction {
	padding:10px 10px 10px 40px;
	border-width:0 1px 1px 1px;
	border-style:solid;
	border-color:#5f1818;
	position:relative;
	height:200px;
}

html>body #contenu .introduction {
	height:auto;
	min-height:200px;
}

#contenu #introduction_home
{

padding-bottom:10px;
}



#thematique_hor{
float:left;
width:518px;
border-left:3px solid #56606a;
height:121px;
padding:3px;
border-bottom:3px #56606a solid;
}


#contenu_index
{
	width:700px;
	background-color:#56606a;
	position:relative;
}

#contenu {
	width:615px;
	float:right;
	padding:0 70px 0 0;
}

/* hack pour respecter le W3c non compris par IE6 */


/* titres */
#contenu h1 {
	color:#981b1e;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:left;
	padding:2px 0 5px 25px;
	margin:0;
	font-size:18px;
	background:url(../images/plus_orange_moyen.gif) left center no-repeat;

}



#contenu h1 a, #contenu h1 a:visited {
	text-decoration:none;
	color:#981b1e;	
}


#contenu h2 {
	color:#981b1e;
	padding:0;
	margin:0;
	font-size:13px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;


}

#contenu h2 a, #contenu h2 a:visited {
	text-decoration:none;
	color:#543019;	
	padding:0px 0 0px 27px;	
}


#contenu h3 {
	color:#F4B22A;
	padding:0;
	margin:0;
	font-size:13px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:8px;
}


#contenu h4, #contenu h4 a, #contenu h4 a:visited {
	color:#981b1e;
	padding:0;
	margin:0;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;

}

#contenu h5, #contenu h5 a, #contenu h5 a:visited {
	color:#981b1e;
	padding:0;
	margin:0;
	font-size:10px;
	text-decoration:none;
	font-weight:normal;
}

#contenu h6, #contenu h6 a, #contenu h6 a:visited {

	padding:0;
	margin:0;
	font-size:9px;
	text-decoration:none;
	font-weight:normal;
}







/* rollover sur filtres */
#navcontainer li a:hover
{

color: #FFF;
background-color:#f7941d;
}

#navcontainer li a.actif  { color: #000; background-color: #f7941d; }






#contenu_corps {
	padding: 10px 5px 10px 180px;
	
}

/* bloc principal */


#tab_promo h3 {
	font-size:11px;
	font-weight:bold;	
	margin:0;
	color:#CCC;
	text-decoration:none;
}


/* Panier */

#tab_panier tr th {
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	background-color:#543019;
	text-align:center;
}
#tab_panier tr td {
	font-size:12px;
	color:#fff;
}

#contenu_panier {
	padding:10px;
	float:left;
	width:535px;
}

/* Pied de page
-------------------------------------------------------- */

#footer a{
	color: #bdb2b0;
	text-decoration:underline;
}


#footer{
	font-size: 10px;
	color:#bdb2b0;
	padding:3px 0 3px 0;
	background-color:#5b3f39;
	width:570px;
	text-align:center;
	margin:0 auto;
}

#avant_footer {
	margin:0 auto;
	width:986px;
	padding-left:4px;
	border:0px solid #ccc;
	padding-bottom:20px;
}






/* Banniere du haut
-------------------------------------------------------- */


#ariane {
	padding:5px 0px 20px 15px;
	margin-left:10px;
	font-size:10px;
	text-align:left;
	background:url(../images/icon_home.gif) 0px 5px no-repeat;
	float:left;
	width:500px;
	color:#aea3a0;
}

#ariane a, #ariane:visited {
		color:#aea3a0;
		text-decoration:underline;
}

#ariane_date {
	padding:8px 40px 0px 0px;
	float:right;
	width:190px;
	color:#988784;
	text-align:right;
	font-size:10px;
}

#bloc_favori {
	text-align:right;
	font-size:10px;
}

#bloc_favori a {
	color:#48391b;
}


#edito {
	height:87px;
	margin:2px 6px;
	padding:60px 15px 0 180px;
	background:url(../images/fr/fond_edito.jpg) top left no-repeat;
	
}

#panier {
	background:url(../images/fr/fond_panier.png) top left no-repeat;
	height:57px;
	width:138px;
	padding: 30px 10px 0 10px;
	border:0px solid #CCC;
	text-align:center;
}

#panier p {
	padding:3px;
	font-weight:bold;
}


/* Corps du contenu
-------------------------------------------------------- */


/* menu principal */


#bloc_recherche {
	position:absolute;
	left:50%;
	top:150px;
	width:170px;
	height:52px;
	margin-left:135px !important;
	margin-left:107px;
	padding:5px 10px;
	color:#FFFFFF;
	display:none;

}

#bloc_recherche a, #bloc_recherche a:visited {
	color:#FFFFFF;
	font-weight:bold;
}

#bloc_recherche input {
font-size:11px;
margin:4px 0;
}

#bloc_alerte {
	background-color:#242424;
	padding:2px 5px;
	color:#FFFFFF;
	font-weight:bold;
	margin:4px 0;
}

#bienvenue
{
	background:url(../images/fond_welcome.gif) top right no-repeat;
	text-transform:uppercase;
	font-size:22px;
	font-weight:bold;
	color:#FFFFFF;
	letter-spacing:1px;
	margin-top:10px;
}

#div_selection
{
	background:url(../images/fond_selection.gif) top right no-repeat;
	text-transform:uppercase;
	font-size:22px;
	font-weight:bold;
	color:#FFFFFF;
	letter-spacing:1px;
	margin-top:10px;
}



/* barre de nav categories */
#navcontainer
{
text-align: left;
padding: 5px 20px 5px 20px;
margin:0;
color: white;
font-size: 10px;

/* fixes Firefox 0.9.3 */
}

#navcontainer li
{
display: inline;
padding:0;
margin:0;

}

#navcontainer li a
{
padding-left: 5px;
padding-right: 5px;
padding-bottom: 2px;
padding-top: 2px;
background-color:#b7b09f;
color:#000;
text-decoration: none;
border-width: 0px;
border-style: solid; 
border-color: #fff;
}


#navcontainer li.titre {background:none;color:#b7b09f;padding-right:5px;}

#bouton_addthis { text-align:center; margin:5px 0;}

#animation {
	float:left;
	width:685px;
	height:202px;
	background:url(../images/fond_diaporama.gif) top left no-repeat;
}

#news_top {
	float:right;
	width:255px;
	height:154px;
	padding:10px 0;
	margin-right:25px;
	text-align:left;
	overflow:hidden;
}

#news_top h3 {
	margin:0;
	padding:0;
	font-size:18px;
}

#news_top h3 span { font-size:10px;}
#news_top p { line-height:18px; font-style:italic; margin:0; padding:0;}

/* slides */
div#slides {
	margin:12px 0 0 26px;
	width: 627px;
	height:164px;
    overflow: hidden;
}

div#slides div {
    width: 627px;
    height: 164px;
	margin:0;
    text-align: left;
	position:relative;
}

div#slides h3 {
	position:absolute;
	bottom:22px;
	left:10px;
	margin:0;
	padding:3px 5px;
	color:#251511;
	background-color:#f4b22a;
	font-size:20px;
	-moz-opacity:0.8;
	opacity: 0.8;
	filter:alpha(opacity=80);
	max-width:350px;
	z-index:3;
	font-weight:normal;
}
div#slides h3 a { color:#251511; text-decoration:none;}

div#slides div .texte_slide {
	position:absolute;
	bottom:0;
	left:0;
	width:627px;
	height:20px;
	z-index:3;
	letter-spacing:1px;
	color:#FFFFFF;
	font-weight:bold;
	overflow:hidden;
	padding:5px 15px;
	text-align:left;
	font-size:13px;
	line-height:16px;
}

div#slides div .fond_texte {
	display:block;
	position:absolute;
	bottom:0;
	right:0;
	z-index:2;
	width:627px;
	height:25px;
	background-color:#251511;
	-moz-opacity:0.6;
	opacity: 0.6;
	filter:alpha(opacity=60);
}

#bouton_blog {
	padding:10px 0 0 0;
}
#footer_keywords ul {
	list-style:none;
	margin:10px 100px;
	padding:0;
	
}

#footer_keywords ul li {display:inline; padding:2px 5px; font-size:10px; line-height:14px;}
#footer_keywords ul li a {text-decoration:underline; color:#bdb2b0;}

#contenu .bloc_liv_specifique h3 {
	text-align:left; 
	font-size:13px;
	padding:10px 0 0 75px;
	height:50px;
	background:url(../images/livraison_specifique.gif) left center no-repeat;
}
#contenu .bloc_liv_specifique {
	text-align:center; 
	clear:both;
	margin:0 auto;
	width:350px;
	padding-top:15px;
}

#form_guestbook .aide {font-size:11px; color:#CCCCCC;}