/* Feuilles de style Artenum - IX.2009 */

html {
	font-size: 100%; 
}
/* corrige bug de redimensionnement dans IE */

/* Général */
body {
background-color: #6a666b; /* ex-#796f67, ex-#644a2f, ex-#60482d */
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif, Didot, "Times New Roman", Times, serif;
	font-size: 1em;
	color: #000000;
	padding: 22px 0 22px 0;
}

/*  [sélect. universel] {
	border: 0; 
} supprime borders indésirables mais n'affiche pas hr!  */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, cite, code, em, font, img, q, s, strong, sub, sup, center, ol, ul, li
 {
	border: 0;
	outline: 0;
} /* supprime borders indésirables - à compléter...  */

/* En-tête */ 
#entete {
	width: 90%;
	overflow: hidden; 
	height: 110px;
	min-width: 750px; 
	max-width: 880px;
	margin-left: auto;
	margin-right: auto; 

	padding: 0 0px 0 0; /* SUPPR compensation marge gauche 14 px */
	border-left: 0;
	border-right: 14px solid #2a2428; /* MOD pour barre extensible */

	background-color: #2a2428; /* anthracite */
	background-image : url(../layout/header_fond880.gif);
	background-repeat : no-repeat;
	background-position : top left;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #ffffff;
}
#entete h1 img {
	float: left;
	margin: 68px 10px 10px 10px;
}  /* boutons menu haut en mode image */

/* ----------NAVIGATION HAUT---------- */
 #entete a {
	padding: 0 0 2px 16px; /* calage image de fond/texte */
	font-size: 11px;
	color: #ffffff;
text-indent: 2px;
	text-decoration: none;
} 
#entete a:hover, #entete a:focus {
	color: #ff6835;
}  /* CORRECT  */

#entete ul {
/*	width: 90%;  */
zoom: 1; /* même alignement dans IE6 et 7 mais à part ça... -_-  */
	overflow: hidden;
	position: relative;
	top: 68px; right: 0px;
	list-style: none;
	margin: 0 0 0 -12px; /* COMPENS. MARGE G */
	padding: 0;
}

li.droite a /* pas d'espace avant classe */ {
	width: 127px;
	float: right;
	background-image: url(../layout/bout2_notyp.gif); 
	background-repeat: no-repeat;
	background-position: bottom left;
	margin-right: -16px; /* MOD /marge droite */
	margin-left: 12px;  /* MOD /marge droite */
/*	padding: 0;  */
}
li.droite a:hover, li.droite a:focus {
	width: 127px;
	float: right;
	background-image: url(../layout/bout2_notypHL.gif); 
	background-repeat: no-repeat;
	background-position: bottom left;
	color: #ff6835;
}
 li.entreprise { } /* à affiner */
 li.conditions { }
 li.contact { }
/* ---------- fin NAVIGATION HAUT---------- */

/* Global */
#global {
	width: 90%; 
	overflow: hidden; /* empêcher dépassement des éléments flottants */
	min-width: 750px;
	max-width: 880px;
	margin-left: auto;
	margin-right: auto; 
}
#global {
	border-bottom: 14px solid #f1e4cc; /*beige modifié, ex-#f3e7d2 */
	border-left: 14px solid #f1e4cc;
	color: #ffffff;
	background: #4e292c; /* bordo menus */
}

/* Menu de navigation - FLOAT */
#navigation {
	width: 219px; 
	/* background-color: #4e292c; */
	float: left;
	margin: 0;
}
/* Navigation - fontes */
#navigation {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 1.5em;
	text-decoration: none;
}
/* navig gauche: images */
.navig1 {
	margin: 0 0 0 -2px; /* RECALAGE menu 215 px */
	padding: 0; /* padding nég. pas autorisé, marge: oui */
}
.navig1 a {
/*	display: block; */
	height: 1%; /* bug hasLayout IE...  */

	background-image: url(../layout/menu-219_fondTEST1.gif); 
	background-repeat: no-repeat;
	background-position: bottom left;
	color: #4e292c; /* bordo menus */
	text-decoration: none;
	margin: 0;
	padding: 0; 
}
.navig1 a:hover, .navig1 a:focus {

	background-image: url(../layout/menu-219_fondTEST2.gif); 
	background-repeat: no-repeat;
	background-position: bottom left;
	color: #4e292c; /* ex-#ff6835 - suppr border parasite Firefox */
/*	background-color: #4e292c; */
}
/* navig gauche: textes */
.navig2 {
	border-left: 0
}
.navig2 a {
	display: block;
	height: 1%; /* bug hasLayout IE... */
	background-image: url(../layout/filetG-219.gif); 
	background-repeat: no-repeat;
	background-position: bottom;
	color: #ffffff;
	text-decoration: none;
	padding: 5px 0 0 20px; /* 5px au-dessus des typos, padd G TEXTE revu */
	margin: 0 24px 0 -2px; /* LARGEUR placard noir - PROV */
}
.navig2 a:hover, .navig2 a:focus {
	background-image: url(../layout/filetG-219HL2.gif); 
	background-repeat: no-repeat;
	background-position: bottom;
	color: #ff6835; /* essai couleur rollover */
/*	background-color: #000000; */
}
.navig2 ul {
	margin: 0;
	padding-left: 0; /* par rapport ˆ l'image de fond! */
	list-style: none;
}
.navig2 ul li {
	background-image: url(../layout/filetG-219.gif); 
	background-repeat: no-repeat;
	background-position: bottom;
	padding-left: 22px;
}

/* ====== FR / EN ====== */
.navig3 {
	font-family: Didot, "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: bold;
/*	font-variant: small-caps; */
	margin: 0 0 0 -2px; /* RECALAGE menu 215 px */
	padding-left: 22px;
	padding-top: 8px;
}
.navig3 a {
/*	display: block; */
	height: 1%; /* bug hasLayout IE...  */
	color: #ffffff;
	text-decoration: none;
}
.navig3 a:hover, .navig3 a:focus {
	color: #ff6835; 
/*	background-color: #4e292c; */
}

/* Contenu principal*/
#contenu {
zoom: 1; /* correction bug HasLayout */
	margin: 0 0 0 219px; /* compensation de la marge gauche! */
	border-right: 14px solid #f3e7d2; /* beige */
	padding: 12px 12px 6px 12px; /* padding bas > 0 sinon débord fond menus */
	color: #000000;
	background-color: #ffffff;
}

/* Contenu principal - liens */
.accroche a:link, .corps a:link, h4 a:link {
	color: #86225d; /* violet */
	text-decoration: none; 
}
#contenu a:hover, #contenu a:focus, h4 a:hover, h4 a:focus {
	text-decoration: none;
	color: #705231; /* kaki-TEST */
}
.accroche a:visited, .corps a:visited, h4 a:visited {
	color: #a9227b; /* violet vif - TEST */
	text-decoration: none; 
} 

#contenu strong {
	font-weight: bold;
}
#contenu strong.publi {
	font-size: 13px;
	font-weight: bold;
	font-variant: small-caps
}
.strongbordo {
	font-weight: bold;
	color: #8e0044; /* bordo */
}
.strongolive {
	font-weight: bold;
	color: #54612a; /* olive vif */
}
.strongkaki {
	font-weight: bold;
	color: #705231; /* kaki */
}
.strongtabak {
	font-weight: bold;
	color: #623c2d; /* N kaki+olive */
}
.stronggrenat{
	font-weight: bold;
	color: #753d42 /* N brun-violet */
}
#contenu em, #publi em {
	font-style: italic;
}

#contenu p {
	line-height: 1.25em;
	margin: 0 0 0.6em 0;
}

#contenu h2 {
	font-size: 19px;
	font-family: Didot, "Times New Roman", Times, serif;
	margin: 8px 0 0.4em 0; /* sur 1.6em */
}
.h2-center {
	font-weight: bold;
	text-align: center;
}
.strongbordo-center {
	font-weight: bold;
	text-align: center;
	color: #8e0044; /* bordo */
}

#contenu h3 {
	font-size: 14px;
	/* font-family: "Lucida Grande", Helvetica, Arial, sans-serif, Didot; */
	margin: 0.9em 0 0.5em 0; /* sur 1.1-1.2em */
}
.h3-center {
	font-weight: bold;
	text-align: center;
}
#contenu h4 {
	font-weight: normal;
	font-size: 14px;
	margin: 0.4em 0 0.6em 0; 
}
#contenu h5 {
	font-weight: normal;
	font-size: 14px;
	margin: 0.4em 0 0.6em 0; 
}
#contenu h5 a {
	color: #54612a; /* olive vif */
	text-decoration: none; 
}
#contenu hr {
	width: 25%;
	margin: auto;
	border-bottom: 0;
/*	background : #000000; */
	color:  #000000;
	height: 1px;
}
.hr2px {
	height: 2px;
	background : #000000;
}

.accroche {
	font-family: Didot, "Times New Roman", Times, serif;
	text-align: justify;
	font-size: 14px;
	margin: 0 0 1.2em 0; 
}
.intro {
	font-family: Didot, "Times New Roman", Times, serif;
	text-align: justify;
	font-size: 15px;
	margin: 0 0 1.2em 0; 
}
.corps {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif, Didot;
	text-align: justify;
	font-size: 12px;
	color: #000000;
	margin: 0 0 0.4em 0;  /* haut, droit, bas, gauche */
}

/* ------ ACTUS ------- */
.breve {
	position: relative;
	float: right;
	margin: 8px 0 0 12px;
	padding-left: 9px;
	border-left: #705231 double 3px;
	width: 219px;
	height: 100%;
	font-size: 12px;
	text-align: center;
}
.breve a, .breve a:link {
	/* display: block; */
	color: #86225d; /* violet */
	text-decoration: none; 
} 
.breve a:hover, .breve a:focus {
	text-decoration: none; /* tester underline */
	color: #705231; /* kaki */
}
#breveorange, #breveorange a {
/*	text-decoration: overline underline; */
	text-decoration: none;
	color: #ff6835; /* orange */
}
#breveorange a:hover, #breveorange a:focus {
	text-decoration: none;
	color: #705231; /* kaki */
}
.actus {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif, Didot;
	text-align: justify;
	font-size: 12px;
	color: #2a2428; /* anthracite */
	background-color: #ffffff;
	margin: 0 0 0.4em 0;  /* haut, droit, bas, gauche */
}
.actus h3 {
	font-size: 16px;
	color: #705231; /* kaki */
	text-decoration: underline; 
	margin: 0.9em 0 0.5em 0; /* sur 1.1-1.2em */
}

/* Actualités - liens */
.actus h3 a {
	color: #705231; /* kaki-TEST */
	text-decoration: none; 
}
.actus p a:link {
	color: #86225d; /* violet */
	text-decoration: none; 
}
.actus p a:hover, .actus p a:focus {
	text-decoration: none; /* tester underline */
	color: #705231; /* kaki-TEST */
}
.actus p a:active { 
}
.actus p a:visited {
	color: #a9227b; /* violet vif - TEST */
	text-decoration: none; 
}

/* -------- IMAGES float  --------  */
.floatleft {
	float: left;
	border: none;
	margin: 2px 12px 3px 0;
	padding: 0px 1px 0px 0;
}
.floatright {
	float: right;
	border: none;
	margin: 2px -12px 3px 12px;  /* -12px = rattrapage padding droite */
}

.floatright2 {
	float: right;
	border: none;
	margin: 2px 0 3px 12px;  /* marge droite normale */
}

.left {
	position: relative; 
	border: none;
	text-align: left;
/*	margin-left: 12px; */
	margin-right: 12px;
}
.right {
	position: relative; 
	border: none;
	text-align: right;
	margin-left: 12px;
/*	margin-right: 12px; */
}
.center {
/*	position: relative; */
	border: none;
	text-align: center;
	margin: 2px 12px 3px 0px; /* marge G modifiée */
	padding: 0; 
}

/* --------------TEST REFERENCES--------------- */
#ref {
	float: left;
}
#ref2 {
	float: none;
}
#ref, #ref2 {
	position: relative; 
	width: 250px; margin: 8px 4px 4px 8px;
	text-align: center;
}
#ref p, #ref2 p {
	margin-top: 8px; margin-bottom: 12px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}
.link { 
	color: #ffffff; 
	text-decoration: none; /* images - suppr border parasite Firefox */
}
.clear {
	clear: both; /* mettre contenu au niveau du menu G */
	height:1px;
	overflow:hidden;
}

/* A TESTER
#contenu > :first-child { margin-top: 8px; } */

/* -------------- A FINALISER -------------- */
/* Listes */
#contenu ul { 

	margin: 0em 0 0.5em 12px;
	padding: 0 0 0 14px;
	list-style: disc
 }
#contenu li {
/*	line-height: 1.2em; */

}  /* à régler éventuellement */

ol {
	margin: 0.75em 0 .75em 28px; /* marges: après la numérotation (?) - s'ajoute aux marges du parent */
	padding: 0; /* par défaut: padding-left ou margin-left de 40px. */
}

.indent {
text-indent: 12px
}
.retrait {
padding-left: 12px
}

/* Citations, légendes */
cite { display: block;
	font-style: italic;
	font-size: 11px;
	text-align: left;
	width: 250px;
	margin: 0.75em 0 0.75em 0px;
}

/* aplats couleur produits */
.placard {
	background-color: #d3dea2; /* tilleul clair */
	padding: 10px 12px 4px 12px; 
	margin: 0 0 0.6em 0; /* id. paragraphe */
}
blockquote {
	line-height: 1.2em;
	margin: 0.5em 0 0.75em 12px;
}
q {
	font-style: italic;
	font-size: 11px;
	margin: 0.75em 0 0.75em 14px;
}
table, td, th {
	border: 1px solid black;
	border-collapse: collapse;
	text-align: left;
	padding: 6px 10px 6px 12px; 
	margin: 0 0 0.6em 0; /* id. paragraphe */
}
td {
	background-color: white;
	font-size: 11px;
}
th {
	background-color: #d3dea2; /* tilleul clair */
	font-size: 12px;
}