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

/*
pour toutes les images, 'border:0px' au lieu de 'border:none' sinon encore, les images ne s'afficheront
pas dans des naviguateurs tels que IE 6, Chrome ou Opera.
*/

/* forme abrégée : haut droit bas gauche */

/* *********** */
/* general.css */
/* *********** */

body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
    color:black;
	margin-left:0px;
	margin-right:0px;
	margin-top:16px;
	margin-bottom:0px;
	text-align:left;
	background-color:#844400;
}


ul {
	margin:0px;
	padding:0px;
	padding-left:10px;
	margin-left:5px;
}

ul.listeGauche {
	text-align:left;
}

img {
	border:0px;
}

img.imageProduits {
	border-width:1px;
	border-style:solid;
	border-color:white;
}

li {
	/* list-style:none; */
	list-style:circle;
}

table {
    border:0px;
    border-collapse:collapse; /* cellspacing */ 
    border-spacing:0px;
}

table td {
    border:0px;
    padding:0px; /* cellpadding */ 
    vertical-align:top;
}

/* classes des 'li' pour une liste horizontale */
.hor {
    display:block;
	float:left;
}

/* classe pour les 'ul' */
.maColonne {
	/*display:block; */
	float:left;
}

/* *********** */
/* typographie */
/* *********** */

.normal,
.normal-blanc,
.lien-page-bold {
	text-align:left;
}

.texte {	
    text-align: justify;
}

.lien,
.lien-gauche {
	text-decoration:underline;
}

.normal-blanc,
.lien,
a.lien:visited,
a.lien:link,
.copyright {
    color:white;
}

.tm:hover {
	font-size:11px;	
}

.tm {
	font-family:"Times New Roman", Times, serif;
}

.titre {
	font-size:15px; 
    font-weight: bold; 
}

.gros,
.petit,
.lien,
.lien-gauche,
.copyright {
	font-family:Arial, Helvetica, sans-serif;	
}

.gros {
	font-size:12px;
}

.petit,
.copyright {
	font-size:9px;
}

.normal-droit,
.page-suiv {
	text-align:right;	
}

.page-suiv {
	font-size:11px;
}

.normal-centre,
.lien,
.lien-page,
.copyright {
    text-align:center;
}

.lien-page,
.lien-page-bold,
.lien-gauche,
.page-suiv,
a:link,
a:visited {
    color:#E68838;
}
	   
.lien-page-bold {
    font-weight:bold;
}

/* ******* */
/* contenu */
/* ******* */

.contenu,
.espacementVertical {
	background-color:white;	
}

.contenu {
	width:734px;
}

/* **************** */
/* ombres latérales */
/* **************** */

#ombreLateraleGauche,
#ombreLateraleDroite,
#ombreLateraleGaucheAccueil,
#ombreLateraleDroiteAccueil,
#ombreLateraleGaucheEnfumage,
#ombreLateraleDroiteEnfumage,
#ombreLateraleGauchePlan,
#ombreLateraleDroitePlan {
	width:8px;	
}

#ombreLateraleGauche,
#ombreLateraleDroite {
	/* height:532px; */
}

#ombreLateraleGaucheAccueil,
#ombreLateraleDroiteAccueil {
	height:508px;
}

#ombreLateraleGaucheEnfumage,
#ombreLateraleDroiteEnfumage {
	height:621px;
}

#ombreLateraleGaucheEnfumage {
	background-image:url(../img/interface/ombres-lat/fond-gauche-enfumage.gif);
}

#ombreLateraleDroiteEnfumage {
	background-image:url(../img/interface/ombres-lat/fond-droit-enfumage.gif);
}

#ombreLateraleGauchePlan,
#ombreLateraleDroitePlan {
	height:551px;
}

#ombreLateraleGauche,
#ombreLateraleGaucheAccueil {
	background-image:url(../img/interface/ombres-lat/fond-gauche.gif);
}

#ombreLateraleGauchePlan {
	background-image:url(../img/interface/ombres-lat/fond-gauche-plan.gif);
}

#ombreLateraleDroite,
#ombreLateraleDroiteAccueil {
	background-image:url(../img/interface/ombres-lat/fond-droit.gif);
}

#ombreLateraleDroitePlan {
	background-image:url(../img/interface/ombres-lat/fond-droit-plan.gif);
}

/* ***************** */
/* fond des contenus */
/* ***************** */

#fondAccueil,
#fondAnimation {
	background-repeat:repeat-x;
}

#fondAccueil {
	height:369px;
	background-image:url(../img/interface/fond-accueil.gif);
}

#fondAnimation {
	height:545px;
	background-image:url(../img/interface/fond-animation.gif);
}

#fondContact,
#fondExpositions,
#fondPlan,
#fondPresentation,
#fondVase {
	width:734px;	
}

#fondContact,
#fondPresentation {
	height:360px; /* la hauteur de certaines images peuvent excéder 360px mais celles-ci doivent être tronquée */
}

#fondContact {
	background-image:url(../img/interface/fond-contact.gif);
}

#fondExpositions {
	height:337px;
	background-image:url(../img/interface/fond-expositions.gif);
}

#fondPlan {
	height:410px;
	background-image:url(../img/interface/fond-plan.gif);
}

#fondPresentation {
	background-image:url(../img/interface/fond-presentation.gif);
}

#fondsProduits,
#fondVase {
	height:351px;	
}

#fondProduits {
	background-image:url(../img/interface/fond-produits.gif);
}

#fondVase {
	background-image:url(../img/interface/fond-vase.gif);
}

#fondGauche1,
#fondDroit1,
#ateliersFondCentre1 {
	height:313px;	
}

#fondGauche1,
#fondDroit1,
#fondDroit3,
#ateliersFondCentre1 {
	width:5px;	
}

#fondGauche1 {
	background-image:url(../img/interface/ateliers/fond-gauche1.gif);
}

#fondDroit1 {
	background-image:url(../img/interface/ateliers/fond-droit1.gif);	
}

#fondDroit3 {
	height:352px;
	background-image:url(../img/interface/ateliers/fond-droit3.gif);
}

.ateliersHautImage1,
.ateliersHautImage2,
#ateliersFondTexte1,
#ateliersFondImage1,
#ateliersFondImage2,
#ateliersFondTexte1,
#ateliersFondTexte2 {
	width:186px;	
}

.ateliersHautImage1,
.ateliersHautImage2,
.ateliersHautImage3,
#ateliersFondBasTexte3,
#ateliersFondBas3 {
	height:5px;	
}

.ateliersHautImage1 {
    background-image:url(../img/interface/ateliers/haut-img1.gif);
}

.ateliersHautImage2 {
    background-image:url(../img/interface/ateliers/haut-img2.gif);	
}

.ateliersHautImage3,
#ateliersFondImage3,
#ateliersFondTexte3,
#ateliersFondBasTexte3,
#ateliersFondBas3 {
    width:195px;
}

.ateliersHautImage3 {
    background-image:url(../img/interface/ateliers/haut-img3.gif);		
}

#ateliersFondTexte1,
#ateliersFondTexte2 {	
	height:57px;	
}

#ateliersFondTexte1 {
	background-image:url(../img/interface/ateliers/fond-texte1.gif);
}

#ateliersFondTexte2 {
	background-image:url(../img/interface/ateliers/fond-texte2.gif);	
}

#ateliersFondTexte3 {
	height:14px;
	background-image:url(../img/interface/ateliers/fond-texte3.gif);	
}

#ateliersFondBasTexte3 {
	background-image:url(../img/interface/ateliers/fond-bas-texte3.gif);
}

#ateliersFondBas3 {
	background-image:url(../img/interface/ateliers/fond-bas3.gif);
}

#ateliersFondCentre1 {
	background-image:url(../img/interface/ateliers/fond-centre1.gif);
}

#ateliersFondImage1 {
	height:251px;
	background-image:url(../img/interface/ateliers/fond-img1.gif);	
}

#ateliersFondImage2 {
	height:251px;
	background-image:url(../img/interface/ateliers/fond-img2.gif);	
}

#ateliersFondImage3 {
	height:147px;
	background-image:url(../img/interface/ateliers/fond-img3.gif);	
}

/* ******************************* */
/* éléments pour la page d'accueil */
/* ******************************* */

.accueilVignette {
	height:332px;
	background-image:url(../img/interface/accueil/vignette.gif);
	background-repeat:repeat-x;
}

.accueilCoinGauche,
.accueilCoinDroit {
	width:5px;
	height:5px;
}

.accueilCoinGauche {
	background-image:url(../img/interface/accueil/coin-gauche.gif);
}

.accueilCoinDroit {
	background-image:url(../img/interface/accueil/coin-droit.gif);
}