body {
	padding-right:0px;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin: 0px;
	width:100%;
	/*centrage de la page*/
	 text-align: center; /* correction du bug de centrage IE 
	 réalignement du texte dans le conteneur*/
	 background-image: url(../img/fond_global.gif); /*repeat-x;*/
	}

/*liens*/
a:link {
	color:#0033FF;/*bleu*/
	font-family: Trebuchet MS, Arial, Verdana, sans-serif; 
	font-size:0.9em;
	border:none;
	text-decoration: underline;
	}

a:visited {
    color:#000033; /*#009933;vert foncé*//*color:#FFFFFF;/*blanc*/
	text-decoration: underline;
	/*font-weight:bold;*/
	font-size:0.9em;
	border:none;
}
a:hover {
    color:#FF3300;/*orange*/ text-decoration: underline;
	}
a:active {
    color:#FF3300;/*orange*/ 
	text-decoration: underline;
	
}
/*lettrage* => entre 2 Span pour plus de stabilité navigateurs ; first-letter instable*/
.lettrine{
float: left;
width: 0.7em;
font-size: 3em; 
line-height: 65%; /*réglage sur hauteur ligne 2*/
color: #CC0033;
border: 1px solid #CC0033;/* définition d'une bordure autour de la lettrine*/
background-color:#FFFFCC; /* #FFE08B; couleur du fond*/
margin: 1px;
padding: 1px;
} 	
.p {
	margin-top: 10px;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif; 
   font-size:0.9em; color: #000000;
}
.p1 {
	margin-top: 10px;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif; 
   font-size:0.9em; color: #000000;
}
.p2 {
	margin-top: 10px;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif; 
   font-size:0.90em; color: #000000;
}
.p3 {
	margin-top: 10px;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;  
   font-size:0.90em; color: #000000;
}
.p4 {
	margin-top: 10px;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif; 
   font-size:0.90em; color: #000000;
}
.p5 {
	margin-top: 10px;
   font-family: Trebuchet MS, Arial, Verdana, sans-serif; 
   font-size:0.90em; color: #000000;
}
/*titres*/
h1 {font-size: 100%;
    font-weight: bold;
	display: none;
}
h2 {
	display: none;
}
/*rappel titre page - voir position image dans Zonetexte H3 */
h3 {
    font-size: 90%;
    font-weight: bold;
	color:#FFFF99;/*jaune soutenu*/
	}

h4 {
    font-size: 90%;
    font-weight: bold;
	color:#FFFFCC;  /*#FFFFCC jaune*/
	text-indent : 15px; /*retrait du titre H4*/
	margin-bottom: 0px; 
}

h5 {
    font-size: 90%;
    font-weight: bold;
	color:#FFFFCC;  /*#FFFFCC jaune*//*color: #666666; /*gris foncé*/
	margin-top: 0px; margin-bottom: 0px; 
	text-indent : 40px; /*retrait du titre H4*/
}
/*bloc d'indication leture en page suivante*/
.pgsuivante{margin-left :60 px ; margin-top : 5px; 
 }
.pgsuivante #fleche{margin-left : 60px; 
color: #CC0033;
border: 1px solid #CC0033;/* définition d'une bordure autour de la flêche*/
background-color:#FFFFCC; /*couleur du fond ; idem lettrine*/
margin: 1px;
padding: 1px; 
 }
/*****************/
#container {
   padding-right:0px;padding-left:20px; 
   padding-top:220px; padding-bottom:0px; 
   position: relative ; margin-left: auto;
   margin-right: auto;
   background: url(../img/background_container.gif) no-repeat; 
   width: 720px! important; 
  font-family: Trebuchet MS, Arial, Verdana, sans-serif; 
  font-size: 90%;  color: #000000;/*color: #FFFFFF;*/
  text-align: left; /* Réalignement du texte à gauche par défaut.*/
}

#bandeau {
background: url(../img/titresite1.gif) no-repeat; width: 452px; height: 169px;left:130px; position:absolute; top:50px;
}	
#intro {
	width: 500px
}

/*utilitaires haut et bas [siteinfos]*/
#utilitaires {
	margin: 0px 0px 0px 20px; width:230px;
}
#utilitairesbas {
	margin: 0px 0px 0px 1px
}



/*Informations et mentions légales sur le site*/
#siteinfos {
	margin: 0px 0px 0px 20px
}

#Zonetexte {
    clear:right; padding-right:10px;padding-left:0px; padding-top:0px; padding-bottom:0px; margin: -3px 0px 10px; width: 500px! important; 
	overflow:hidden;
	}
	
	
                      /* Carte - Localisation
                       ***************************************/                       
#Zonetexte .carte{ margin-left:0px; border: 1px solid #CC3333; width:480px; }

#Zonetexte H3 {
     padding-right:0px;padding-bottom:0px; 
	 padding-left:15px; 
	 padding-top:4px;/*centrage du titre dans l'image de fond avec padding-top:4px; */
	 margin: 0px; width: 295px; height: 28px;
	 background: url(../img/fond_titrepage.jpg) no-repeat; 
	/*format jpg pour conservation bordures sous firefox)*/
	color:#691004; /*couleur violine*/
	}
#Zonetexte .p1 {
     padding-right:0px;padding-left:0px; padding-top:0px; padding-bottom:0px; margin: 0px 0px 0px; 
}
.citation{text-align:center; 
}
.important{
font-size: 90%;
    font-weight: bold;
	color:#990000;/*bordeaux*/
}
.italique{font-style:italic; font-size: 90%;
    font-weight: bold; }
.outillage-céramique{
font-size: 90%;
    font-weight: bold;
	color:#993366;/*violet*/
}

/*positionnement */
.floatLeft {
	float: left; margin-right: 10px;
	}
/*Photos*/
/*photos horizontales*/
.floatLeft_img{	
    float: left; margin-right: 10px;
	/*cadre entourant l'image*/
	border-color:#FFE08B; /*#FFFFCC; */
	border-style: solid;
	border-width: 1px;
	padding: 2px;
	/*167 large x 125 de haut pour une image réelle de 600 large x 450 de haut.*/
	}
.floatLeft_symbole{	
    float: left; margin-top: 2px; margin-right:5px; 
	padding: 2px;
	/*167 large x 125 de haut pour une image réelle de 600 large x 450 de haut.*/
	}
.floatRight_img {
	float: right; margin-left: 10px;
	/*cadre entourant l'image*/
	border-color:#FFE08B; /*#FFFFCC; */
	border-style: solid;
	border-width: 1px;
	padding: 2px;

}
/*photos verticales*/
.centre_imgV{
/*Centrage photo de 250 de large dans une zone texte de 500 px*/
float :right; margin-right:120px; 
	/*cadre entourant l'image*/
	border-color:#FFE08B; /*#FFFFCC; */
	border-style: solid;
	border-width: 1px;
	padding: 2px;
	/*250 large x 334 de haut pour une image réelle de 450 large x 600 de haut.*/ }
.floatleft_imgV{
	float: left; margin-right: 5px;
	/*cadre entourant l'image*/
	border-color:#FFE08B; /*#FFFFCC; */
	border-style: solid;
	border-width: 1px;
	padding: 2px;
	/*125 large x 167 de haut pour une image réelle de 450 large x 600 de haut.*/
	}
.floatright_imgV{
	float: right; margin-right: 5px;
	/*cadre entourant l'image*/
	border-color:#FFE08B; /*#FFFFCC; */
	border-style: solid;
	border-width: 1px;
	padding: 2px;
	/*125 large x 167 de haut pour une image réelle de 450 large x 600 de haut.*/
	}

/*Photos symbole de la production*/
#production .zoneimg	{
	position: absolute;
	height: 200px;
	z-index:1; 
}
#production .imgsymbole	{
	position: absolute;
	top: 10px;
	left: -75px;
}	
/*animations flash*/
.floatLeft_anim{
	float: left; 
	width :250px;
	/*cadre entourant l'image*/
	Text-align:left;
	border-color:#FFE08B;
	border-style: solid;
	border-width: 1px;
	padding: 1px;
	margin : 0px 3px 3px 0px;
	}

/*galerie flash pièces maîtresses*/
#flashcontent{
    margin : 0px 3px 3px 0px;
    background-color:#DFAE77; /*couleur du fond*/
    border-color:#FFE08B;
	height :650px; 
	width:480px;
	border-style: solid;
	border-width: 1px;
	}

.ombre { /* boite d'arrière plan dont le débordement crée l'ombrage */
width:255px ; /* largeur de la boite, en pixels */
height:190px ; /* hauteur de la boite, en pixels */
background-color:#FF6666} /* couleur de la boite, donc de l'ombre */

/*pied de page*/
#footer {
padding-right:0px; /*30px;*/padding-left:45px;/*30px;*/ padding-top:20px; /*40px;*/ padding-bottom:30px;/*10px;*/margin: 0px -30px;  height: 20px! important; width:600px;
}
#footer a {
	color: #d07b02; /*orange*//*#ea907f;/*#ffffff*/
	font-weight: bold;
}
#footer a:hover {
	color: #f7f5d9;/*jaune paille*/
	font-weight: bold;
}


/*menu vertical droit*/
#MenuList {
	left: 520px;
	right:0px;
	width: 200px;
	position: absolute;
	top: 270px;/*325px;*/
	z-index: 1;
}
/*Ensemble des menus */
#MenuList2 {
	color:#c13003;
}
/*titres dans cartouches*/
#MenuList h3 {
    font-size: 90%;
    font-weight: bold;
	margin: 10px 0px 0px;
	}
/*valeur utilitaire => indication de la page en cours*/	
#MenuList a.selected {
	color:#009966; /*vert foncé*/
	font-weight:bold;
	font-size:0.9em;
	text-decoration:underline;
	border-left: #009966 4px solid; padding-left: 4px;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	}
	
/*rubrique Produits : cartouche recherche*/
.produits {
	margin-top: 25px;
	padding-bottom: 0px;
	width: 170px;
	}
/*cadre entourant le cartouche de recherche produits*/
#produits{
	border-color:#FFE08B; /*#FFFFCC; */
	border-style: solid;
	border-width: 1px;
	margin-top:2px;margin-bottom:2px;
	background-color: #FFFFCC;}
#produits h3{
    font-size: 90%; width: 170px; 
    font-weight: bold;
	color: #691004; /*couleur violine*/
	padding-right: 0px; padding-left:15px; padding-bottom:2px; margin: 0px; padding-top: 5px;
	}
#produits ul {
	width: 180px;list-style-type: none;padding-right: 0px; padding-left:0px; padding-bottom:0px; margin: 0px; padding-top: 0px;
}
#produits ul li {
	padding-right:0px;/*padding-left:8px;*/
	padding-top:0px;
	padding-bottom:0px;
	 margin-left:5px;
	display: block;
	width: 170px;
	}
#produits input {
     color:#333333;
	 border-color:#CC0000;
     background-color:#FFE08B;
     font-size:0.75em;
     font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	 }
#produits select {
     color:#333333;
	 border-color:#CC0000;
     background-color:#FFE08B;/*#FFCC00;*/
     font-size:0.75em;
    font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	}
/*rubrique Céramiste : métiers et procédés*/
.ceramiste {
	margin-top: 0px; padding-bottom: 0px; width: 170px; 
	/*fond*/
	height:30px;background: url(../img/fond_titre.jpg) no-repeat;  
}
#ceramiste h3{
    font-size: 90%;
    font-weight: bold;
	color: #691004; /*couleur violine*/
	padding-right: 0px; padding-left:15px; padding-bottom:2px; margin: 0px; padding-top: 5px;
	}

#ceramiste ul {
	width: 180px;list-style-type: none;padding-right: 0px; padding-left:15px; padding-bottom:2px; margin: 0px; padding-top: 0px;
}
#ceramiste ul li {padding-right:0px;padding-left:5px; padding-top:1px; padding-bottom:1px; display: block; width: 170px; 
}
#ceramiste ul li a {
	display: block; font-weight:bold; color: #CC0066;/*color: #ea907f;*/ line-height: 12px;text-decoration: none;
}

#ceramiste ul li a:hover {
	color: #FFFFCC; /*#f7f5d9 /*jaune paille*/
	border-left: #f7f5d9 4px solid; padding-left: 4px;
	}	
#ceramiste ul li a.c {
	display:inline; font-weight: bold; color: #c13003;
}
#ceramiste ul li a.c:hover {
	color: #c13003; text-decoration: none;
}
/*rubrique Arts de la table*/
.Art_table {
	margin-top: 0px; padding-bottom: 0px; width: 170px; 
	/*fond*/height: 30px;
	height:30px;background: url(../img/fond_titre.jpg) no-repeat;  

	}
#Art_table h3{
    font-size: 90%;
    font-weight: bold;
	color: #691004; /*couleur violine*/
padding-right: 0px; padding-left:15px; padding-bottom:2px; margin: 0px; padding-top: 5px;
	}	
#Art_table ul {
	width: 180px;list-style-type: none;padding-right: 0px; padding-left:15px; padding-bottom:3px; margin: 0px; padding-top: 2px;
}

#Art_table ul li {
padding-right:0px;padding-left:5px; padding-top:1px; padding-bottom:1px;
display: block; width: 170px;  
}
#Art_table ul li a {
	font-weight:bold; color: #CC0066;/*#ea907f;*/line-height: 12px; text-decoration: none; display: block;  
}
#Art_table ul li a:hover {
	color: #FFFFCC; /*#f7f5d9*/ border-left: #f7f5d9 4px solid; padding-left: 4px; 
	}
/*rubrique Création animales et fantastiques*/
.animaux {
    margin-top: 0px; padding-bottom: 0px; width: 170px; 
	/*fond*/height: 30px;
	height:30px;background: url(../img/fond_titre.jpg) no-repeat;  
	 }
#animaux h3{
    font-size: 90%;
    font-weight: bold;
	color: #691004; /*couleur violine*/
padding-right: 0px; padding-left:15px; padding-bottom:2px; margin: 0px; padding-top: 5px;
	}		 
#animaux ul {
	width: 180px;list-style-type: none;padding-right: 0px; padding-left:15px; padding-bottom:3px; margin: 0px; padding-top: 2px;
}
#animaux ul li {
padding-right:0px;padding-left:5px; padding-top:1px; padding-bottom:1px;
display: block; width: 170px;  
}
#animaux ul li a {
	font-weight:bold; color: #CC0066;line-height: 12px; text-decoration: none; display: block;  
	}
#animaux ul li a:hover {
color: #FFFFCC; /*#f7f5d9;*/  border-left: #f7f5d9 4px solid; padding-left: 4px;
}
/*Rubrique pratique*/
.pratique {
 margin-top: 0px; padding-bottom: 0px; width: 170px; 
 /*fond*/
 height:30px;background: url(../img/fond_titre.jpg) no-repeat;  
}
#pratique h3{
    font-size: 90%;
    font-weight: bold;
	color: #691004; /*couleur violine*//*color: #FFFFCC; /*#f7f5d9; /*jaune paille*/
padding-right: 0px; padding-left:15px; padding-bottom:2px; margin: 0px; padding-top: 5px;
	}	
#pratique ul {
	width: 180px;list-style-type: none;padding-right: 0px; padding-left:15px; padding-bottom:3px; margin: 0px; padding-top: 2px;
}
#pratique ul li {
padding-right:0px;padding-left:5px; padding-top:1px; padding-bottom:1px;
display: block; width: 170px;  
}

#pratique ul li a {
	font-weight:bold; color: #CC0066;line-height: 12px; text-decoration: none; display: block;  
	}
#pratique ul li a:hover {
color: #FFFFCC; border-left: #f7f5d9 4px solid; padding-left: 4px;
}


/* ------------------------------------------------------------*/
/*                       Plan explicatif                       */
/*Stu Nicholls | CSSplay | Image map for detailed information  */
/*                                                            */
/* ------------------------------------------------------------*/
#carte{margin-top:20px;
}
#imap {display:block; width:300px; height:379px; background:url(../img/plan-gacilly.jpg) no-repeat; position:relative; margin:0px 0px 0px 0px;
/*positionnement cadre et image*/
border-color: #CC3333;/*couleur rouge*/ border-style: solid; border-width: 1px;}

#imap a#plan {display:block; width:300px; height:0; padding-top:50px;  overflow:hidden; position:absolute; left:0; top:0; background:transparent url(img/small.jpg) no-repeat 300px 200px; cursor:default;}

#imap a#plan:hover {background-position: 0 0; z-index:10;}

#imap dd {
	position:absolute;
	padding:0;
	margin:0;
	height: 45px;
}
/*N°1, position calque sur la carte/nom propre*/
#imap #citrouille{left:105px; top:173px; z-index:20;}

/***************liens et dimensions carré de signalisation*************/
/*dimension carré survol*/
#imap a#link_1 {display:block; width:60px; height:30px; text-decoration:none; z-index:20;}

#imap a em {display:none;}
#imap a span, #imap a:visited span {display:none;}
/*bordure du carré au survol : rouge*/
#imap a#link_1:hover {border:1px solid #CC3300;}/*{border:1px solid #fc0;}*/

/*titre de la vignette représentative au survol*/
#imap a:hover span {position:absolute; display:block; color:#691004;/*couleur violine identique h3*/font-weight:bold;/*#000;*/ width:330px; height:270px; line-height:1.8em; font-size:0.9em; text-align:justify;}
/**********lien survolé, Numéro sur la carte, position de l'image réduite*********/
/*lien survolé citrouille, position de l'image réduite*/
#imap a#link_1:hover span {left:205px; top:-80px;}
/*position et affichage de la ligne rouge du survol*/
#imap a#link_1:hover em {position:absolute; display:block; left:62px; top:25px; width:180px; height:1px; overflow:hidden; font-size:1px; background:#f00;}

/*Positionnement titre et cadre vignette */
#imap a:hover span img {clear:both;/*rupture du flux, passage sous graphique*/
margin-right:1em; margin-bottom:0.5em; 
border:1px solid #CC3300; }/*couleur rouge*/
/*Titre vignette*/
#imap a span:first-line {font-weight:bold; font-style:italic;}
#info h3 {margin:0 0 0 75px; font-size:1.2em; font-weight:normal; 
font-family: Trebuchet MS, Arial, Verdana, sans-serif; color: #000000;
letter-spacing:0.1em; padding-bottom:5px; border-bottom:1px solid #aaa; width:650px;}
#info .para {width:300px; margin:0 0 0 75px;}

/* ------------------------------------------------------------*/
/*    Liens pourvus d'une image représentative au survol       */
/*Stu Nicholls | CSSplay                                       */
/*                                                            */
/* ------------------------------------------------------------*/

/*Revised to make it work in Opera v9.01*/
/*Placing the <b> tag around the image and styling this instead make it sort of work in Opera.*/

a.screen {color:#0033FF;/*bleu*/
position:relative; 
z-index:1;
}
a.screen:visited {
color:#000033;/*#c00; */
position:relative; 
z-index:2;
}
a.screen b {
position:absolute;
visibility:hidden; /* Masque l'image */
width:200px; /* Indication d'une largeur */
height:0; /* Hauteur à zéro pour correction du bogue Opera qui le  
             le rend cliquable quand il est caché */
border:1px solid #CC3300; /*ajout de bordure couleur rouge */
/*Position de l'image 200x200 */
left:0px; /* position de l'image ; opx pour mise en bordure du lien*/
/*-200px pour visualiser l'intégralité de la photo*/
top:-200px;/*position de l'image au-dessus du lien*/
}
a.screen:hover {
color:#FF3300;/*orange*/
text-decoration: underline;
border:0; /* Impératif pour le focntionnement sous IE */ 
z-index:1400;
}
a.screen:hover b {
visibility:visible; /* Rend l'image visible */
height:200px; /* Indication d'une hauteur */
cursor:pointer; /* pour IE */
/*margin : 0px 0px 0px 0px;*/
z-index:500; 

}
a.screen:hover b img {
border:0; /* Enlève les bords du lien */
}