/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body {
	background-color: #4B4B4B;
	text-align: center;
	font-size: 1em;
	color: black;
	margin: 0;
  padding: 0;
  font-family: arial, helvetica, sans-serif;
}

img, table, div, span, td, tr,table,ul,li,p,a,i,form { margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }
div.nettoyeur{clear:both;}
a{text-decoration:none;color:black;}
ul{list-style:none;}
/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
div.page {
width: 821px;
margin-left: auto;
margin-right: auto;
text-align:left;
}

div#contenu_left{
margin-right:218px;
position:relative;
}

div#contenu_right{
float:right;
width:218px;
}

/********************Entete**********************/
div#entete{
background-color:#FF9C00;
border-top:30px solid #2A2A2A;
background-image: url('../charte/entete_bg.png');
background-repeat: repeat-x;
background-position:bottom left;
padding-top:10px;
padding-bottom:19px;
}

div#entete div.marges{
padding-left:20px;
padding-right:20px;
}

table.entete{
width:100%;
margin-left:10px;
margin-right:10px;
}

table.entete td.entete{
text-align:left;
vertical-align:top;
color:white;
padding-bottom:0px;
font-size:0.82em;
}

td#logo{
vertical-align:middle;
text-align:left;
width:25%;
}

td#login{
width:25%;
}

td#recherche{
padding-left:20px;
vertical-align:middle;
width:45%;
}

table.entete td.separation{
background-image: url('../charte/entete_separation.gif');
background-repeat: repeat-y;
background-position:top center;
padding-right:10px;
padding-left:10px;
}

h3.login,h3.panier,h3.recherche,h3.newsletter{
font-size:1em;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-weight:bold;
margin-bottom:7px;
}

h3.login,h3.panier{
text-transform:uppercase;
}

h3.panier{
background-image:url('../charte/panier_puce.gif');
background-repeat:no-repeat;
background-position:center left;
}

a.panier:hover{
text-decoration:underline;
}

form#connex{
color:black;
margin-bottom:7px;
}

div.nom_login{
padding-bottom:8px;
color:black;
}

form#connex table td{
padding-bottom:4px;
padding-right:4px;
vertical-align:middle;
}

form#formulaire_recherche table td{
padding-bottom:4px;
padding-right:12px;
vertical-align:middle;
}

input.entete{
border:1px solid #706D68;
font-family: arial, helvetica, sans-serif;
background-color:#FCFCFC;
background-image:url('../charte/connex_input_bg.png');
background-repeat:repeat-x;
background-position:top left;
}

select.entete{
border:1px solid #706D68;
font-family: arial, helvetica, sans-serif;
background-color:#FCFCFC;
background-image:url('../charte/connex_input_bg.png');
background-repeat:repeat-x;
background-position:top left;
}

ul.entete{
list-style:none;
}

ul.entete li{
background-image:url('../charte/connex_puce.gif');
background-repeat:no-repeat;
background-position:center left;
padding-left:13px;
}

ul.entete li a{
color:white;
}

ul.entete li a:hover{
color:black;
text-decoration:underline;
}

img.block{
display:block;
}
/********************Menu**********************/
div#menu{
background-color:#FFC100;
background-image: url('../charte/menu_bg.png');
background-repeat: repeat-x;
background-position:top left;
}

div#menu_left{
background-image: url('../charte/menu_bottom_left_bg.png');
background-repeat: no-repeat;
background-position:bottom left;
}
div#menu_right{
background-image: url('../charte/menu_bottom_right_bg.png');
background-repeat: no-repeat;
background-position:bottom right;
padding-left:20px;
padding-right:20px;
}

table.menu{
width:100%;
}

table.menu td.menu{
text-align:center;
vertical-align:bottom;
background-image: url('../charte/menu_ombre_bg.png');
background-repeat: repeat-x;
background-position:bottom left;
}

img.menu{
display:block;
margin-left:auto;
margin-right:auto;
}

a.menu{
text-transform:uppercase;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-weight:normal;
font-size:1em;
color:white;
}

/**********************Page********************/
div#page{
background:#4B4B4B;
background-image: url('../charte/page_bg.png');
background-repeat: repeat-x;
background-position:top left;
}
div#page_center{
background-image: url('../charte/page_relief_bg.png');
background-repeat: repeat-y;
background-position:top center;
}
div#page_top_left{
background-image: url('../charte/page_top_left_bg.png');
background-repeat: no-repeat;
background-position:top left;
}
div#page_top_right{
background-image: url('../charte/page_top_right_bg.png');
background-repeat: no-repeat;
background-position:top right;
}

/***********************Contenu*********************/
div#contenu{
padding-left:24px;
padding-right:24px;
padding-top:15px;
padding-bottom:5px;
}

div.texte{
padding-top:5px;
padding-left:6px;
padding-right:6px;
}

/**********************Catalogue Produits*****************/
div#catalogue_produits{
width:218px;
float:right;
background-image: url('../charte/catalogue_produits_bg.png');
background-repeat: repeat-y;
background-position:top center;
margin-left:18px;
}

div#catalogue_produits_top{
background-image: url('../charte/catalogue_produits_top_bg.png');
background-repeat: repeat-y;
background-position:top center;
}

div#catalogue_produits_top h3{
background-image: url('../charte/catalogue_produits_top.png');
background-repeat: no-repeat;
background-position:top center;
text-align:center;
padding-top:10px;
padding-bottom:4px;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-weight:bold;
font-size:1.03em;
}

div#catalogue_produits_liste{
background-image: url('../charte/catalogue_produits_degrade.png');
background-repeat: repeat-x;
background-position:top center;
padding-top:5px;
}

ul.catalogue_produits{
padding-left:0px;
margin-left:0px;
list-style:none;
}

li.catalogue_produits{
padding-top:3px;
padding-bottom:4px;
border-top:1px solid #E3E3E3;
padding-left:28px;
background-repeat: no-repeat;
background-image:url('../charte/catalogue_produits_puce.gif');
background-position:11px 8px;
font-size:0.88em;
}

div#catalogue_produits_bottom{
background-image: url('../charte/catalogue_produits_bottom.png');
background-repeat: no-repeat;
background-position:bottom center;
padding-left:6px;
padding-right:6px;
padding-bottom:9px;
}

a.catalogue_produits{

}

a.catalogue_produits:hover{
font-weight:bold;
}

/**********************Pied de page************************/
div#pied_de_page{
color:#898888;
font-size:0.77em;
text-align:left;
position:relative;
background-image: url('../charte/page_bottom_bg.png');
background-repeat: no-repeat;
background-position:top center;
padding-left:30px;
padding-right:30px;
padding-bottom:10px;
}

div#pied_de_page div.gauche{
float:left;
width:58%;
text-align:left;
padding-top:15px;
}

div#pied_de_page div.droite{
float:right;
width:41%;
text-align:right;
padding-top:15px;
}

a.pied_de_page{
color:white;
text-decoration:none;
}

a.pied_de_page:hover,a.liens_rubriques:hover{
color:#FFC600;
}

div#pied_de_page span.separation{
padding-left:3px;
padding-right:3px;
}


div#pied_de_page div.liens_rubriques{
text-align:center;
font-size:0.88em;
padding-top:5px;
}

a.liens_rubriques{
color:#898888;
}


/***********************Texte*************************************/
h1.titre_page{
font-size:1.39em;
padding-left:37px;
background-image:url('../charte/h1_puce.gif');
background-repeat:no-repeat;
background-position:bottom left;
padding-top:3px;
}

h2.titre_page{
font-size:1.15em;
padding-left:37px;
background-image:url('../charte/h1_puce.gif');
background-repeat:no-repeat;
background-position:bottom left;
padding-top:3px;
margin-bottom:5px;
}

p{
font-size:0.82em;
padding-top:18px;
text-indent:36px;
text-align:justify;
}

span.minuscules{
text-transform:lowercase;
}

/***********meilleure_vente*****************/
table.meilleure_vente{

}

table.meilleure_vente td{
text-align:center;
width:194px;
border:0px solid white;
vertical-align:top;
background-image: url('../charte/meilleure_vente_bg.png');
background-repeat: repeat-y;
background-position:top center;
}

table.meilleure_vente td.meilleure_vente_photo{
vertical-align:middle;
background-image: url('../charte/meilleure_vente_photo_bg.png');
background-repeat: repeat-y;
background-position:top center;
padding-left:4px;
padding-right:4px;
padding-top:5px;
padding-bottom:5px;
}

table.meilleure_vente td.meilleure_vente_prix{
vertical-align:bottom;
}

div.meilleure_vente_top{
background-image: url('../charte/meilleure_vente_top.png');
background-repeat: no-repeat;
background-position:top center;
padding-top:10px;
padding-left:15px;
padding-right:15px;
}

div.meilleure_vente_bottom{
background-image: url('../charte/meilleure_vente_bottom.png');
background-repeat: no-repeat;
background-position:bottom center;
padding-bottom:8px;
padding-top:3px;
padding-left:8px;
padding-right:8px;
}

img.meilleure_vente{

}

h3.meilleure_vente{
font-weight:bold;
font-size:0.82em;
position:relative;
}

h3.meilleure_vente a:hover{
text-decoration:underline;
}

div.reference{
font-size:0.71em;
padding-bottom:4px;
padding-top:4px;
position:relative;
}

div.prix{
font-size:0.96em;
font-weight:bold;
}

div.prix span.ttc{
font-size:0.65em;
text-transform:uppercase;
font-weight:normal;
}

/************Image*************/
img.block{
display:block;
}