* {margin:0; padding:0;}

a{outline: none;}
:focus{-moz-outline-style: none;}

body
{
	overflow:hidden;
	font-family:Century Gothic;
	font-size:16px;
	background-color:white;
}

#logoIntro
{
	position:absolute;
	z-index:5;
	visibility:hidden;	
}

#loading
{
	position:absolute;
	z-index:4;
	visibility:hidden;	
}

#global
{
	position:absolute;
	z-index:5;
	width:850px;
	height:550px;	
	visibility:hidden;
}

.page
{
position:absolute;
top:0;
left:0;
}

.contenu
{
	position:absolute;
	z-index:20;	
	background-color:white;	
	width:490px;	
	height:300px;	
	top:68px;
	left:0;
	overflow:hidden;
}

.contenuGlissant
{
	position:absolute;
	font-size:14px;	
	color:black;
	width:455px;
	margin-top:12px;
	left:12px;
}

.contenuGlissant p {margin-bottom:8px; color:black; font-size:14px; text-align:justify;}
.contenuGlissant h2 {margin-bottom:8px; color:#800000; font-size:16px;}

img.ascenseur, .curseurAscenseur
{
	position:absolute;
	z-index:300;		
	left:471px;
}	
.curseurAscenseur {z-index:1000; width:14px; height:14px; background-image:url(curseurAscenseur.gif); background-repeat:no-repeat;}

.diaporama
{
	position:absolute;
	z-index:20;
	overflow:hidden;
	background-color:white;	
	width:490px;
	height:182px;
	top:368px;
}

img.precDiapo, img.suivDiapo
{
	position:absolute;
	top:9px;
	cursor:pointer;
}

img.precDiapo {left:12px;}
img.suivDiapo {left:457px;}

img.imgDiapo 
{
	position:absolute;
	width:150px;
	height:130px;
	top:42px;
}

.preloadVignettes  img {display:none;}

img#photoBig
{
	position:absolute;
	z-index:30;
	top:68px;
	left:0px;
}

img.triangleRougeMenu
{
	position:absolute;
	z-index:30;
	left:539px;
}

a#btnBackoffice
{
	position:absolute;
	z-index:1000;
	left:0;
	top:0;
	width:18px;
	height:18px;
	text-decoration:none;
}

#fondMenuTemplateSimple
{
	position:absolute;
	z-index:30;
	left:490px;
	top:68px;
	width:300px;
	height:300px;
	background-color:white;
	background-image:url(libellule.jpg);
	background-repeat:no-repeat;
	background-position:30px 100px;
}

/************************************************ ACCUEIL  */
img#logoAtelier, img#logoFlorence
{
	position:absolute;
	z-index:20;
	visibility:hidden;
}

#bandeHaut, #bandeBas {position:absolute; z-index:10; height:68px; width:500px; background-color:white; visibility:hidden;}

h1#titre
{
	position:absolute;
	z-index:20;
	font-size:28px;
}

#accueil a {white-space:nowrap;}

#accueil img#cercleOrange
{
	position:absolute;
	top:90px;
	left:165px;
	cursor:pointer;
}

#accueil img#etiquetteAtelier
{
	position:absolute;
	z-index:10;	
	top:172px;
	left:275px;
	cursor:pointer;
}

#accueil img#cercleBleu
{
	position:absolute;
	top:46px;
	left:268px;
	cursor:pointer;
}

#accueil img#etiquetteCours
{
	position:absolute;
	z-index:10;	
	top:94px;
	left:340px;
	cursor:pointer;
}

#accueil img#cercleViolet
{
	position:absolute;
	top:319px;
	left:105px;
	cursor:pointer;
}

#accueil img#etiquetteArtiste
{
	position:absolute;
	z-index:10;	
	top:351px;
	left:184px;
	cursor:pointer;
}

#accueil img#cercleRose
{
	position:absolute;
	top:365px;
	left:63px;	
}

#accueil img#etiquetteCarnetDeMaison
{
	position:absolute;
	z-index:10;	
	top:416px;
	left:130px;
	cursor:pointer;
}

#accueil img#etiquetteTableauxDePorcelaine
{
	position:absolute;
	z-index:10;	
	top:440px;
	left:122px;
	cursor:pointer;
}


#accueil a.lien, #accueil a#btn_Cours_accueil {color:white; font-size:15px; text-decoration:none;}

a#btn_lAtelier_accueil
{
	position:absolute;
	z-index:20;	
	top:172px;
	left:308px;
}

a#btn_Cours_accueil
{
	position:absolute;
	z-index:20;	
	top:94px;
	left:354px;
}

a#btn_dessinCouleur_accueil, a#btn_porcelaine_accueil, a#btn_carnetDeVoyage_accueil
{
	position:absolute;
	display:block;
	z-index:20;
	background-image:url(etiquette.gif);
	width:144px;
	height:22px;	
	left:469px;
	padding-left:7px;
}

a#btn_dessinCouleur_accueil {top:94px;}
a#btn_dessinCouleur_accueil:hover {color:#FF80FF;}
a#btn_porcelaine_accueil {top:117px;}
a#btn_porcelaine_accueil:hover {color:#40FF40;}
a#btn_carnetDeVoyage_accueil {top:140px;}
a#btn_carnetDeVoyage_accueil:hover {color:#F8CC5A;}

a#btn_lArtiste_accueil
{
	position:absolute;
	z-index:20;	
	top:351px;
	left:219px;
}

a#btn_carnetDeMaison_accueil
{
	position:absolute;
	z-index:20;	
	top:416px;
	left:170px;
}

a#btn_tableauxDePorcelaine_accueil
{
	position:absolute;
	z-index:20;	
	top:440px;
	left:132px;
}


#accueil a#btn_contact_accueil, #accueil a#btn_partenaires_accueil, #accueil a#btn_planDuSite_accueil, #accueil a#btn_mentionsLegales_accueil
{
	position:absolute;
	display:block;
	width:116px;
	height:18px;
	padding-left:30px;
	padding-top:1px;
	background-image:url(etiquettePoint.gif);
	font-size:13px;
}


a#btn_contact_accueil {left:485px; top:379px;}
a#btn_partenaires_accueil {left:508px; top:410px;}
a#btn_planDuSite_accueil {left:527px; top:444px;}
a#btn_mentionsLegales_accueil {left:540px; top:477px;}


/************************************************ L'ARTISTE, CARNET DE MAISON, TABLEAUX DE PORCELAINE */
#lArtiste a.lien ,
#carnetDeMaison a.lien, 
#tableauxDePorcelaine a.lien 
{position:absolute; text-decoration:none;}


#lArtiste a.menu,
#carnetDeMaison a.menu, 
#tableauxDePorcelaine a.menu 
{
	display:block;
	font-size:18px;
	color:black; 
	font-weight:bold; 
	white-space:nowrap;
	width:214px;
	height:22px;
	padding-left:5px;
	background-color:white;	
}

a#btn_accueil_lArtiste, a#btn_contact_lArtiste, a#btn_partenaires_lArtiste, a#btn_planDuSite_lArtiste, a#btn_mentionsLegales_lArtiste,
a#btn_accueil_carnetDeMaison, a#btn_contact_carnetDeMaison, a#btn_partenaires_carnetDeMaison, a#btn_planDuSite_carnetDeMaison, a#btn_mentionsLegales_carnetDeMaison,
a#btn_accueil_tableauxDePorcelaine, a#btn_contact_tableauxDePorcelaine, a#btn_partenaires_tableauxDePorcelaine, a#btn_planDuSite_tableauxDePorcelaine, a#btn_mentionsLegales_tableauxDePorcelaine
{	
	display:block;
	width:116px;
	height:18px;		
	font-size:12px;
	color:white;
	background-repeat:no-repeat;
}

a#btn_accueil_lArtiste,
a#btn_accueil_carnetDeMaison,
a#btn_accueil_tableauxDePorcelaine 
{left:539px; top:279px; background-image:url(etiqArtisteAccueil.gif); padding-left:25px; font-size:13px;}

a#btn_contact_lArtiste, 
a#btn_contact_carnetDeMaison, 
a#btn_contact_tableauxDePorcelaine
{left:558px; top:308px; background-image:url(etiqArtisteContact.gif); padding-left:20px; font-size:13px;}

a#btn_partenaires_lArtiste,
a#btn_partenaires_carnetDeMaison,
a#btn_partenaires_tableauxDePorcelaine
{left:581px; top:364px; background-image:url(etiqArtistePartenaires.gif); padding-left:15px;}

a#btn_planDuSite_lArtiste,
a#btn_planDuSite_carnetDeMaison,
a#btn_planDuSite_tableauxDePorcelaine
{left:579px; top:394px; background-image:url(etiqArtistePlanDuSite.gif); padding-left:16px;}

a#btn_mentionsLegales_lArtiste,
a#btn_mentionsLegales_carnetDeMaison,
a#btn_mentionsLegales_tableauxDePorcelaine
{left:573px; top:423px; background-image:url(etiqArtisteMentionsLegales.gif); padding-left:14px;}



/************************************************ L'ATELIER, DESSIN COULEUR, PORCELAINE, CARNET DE VOYAGE */

#video
{
	position:absolute;
	z-index:999;
	top:0px;
	left:0;
}

#btnVideo
{
	position:absolute;
	z-index:999;	
	cursor:pointer;
	opacity:0.9;
	filter:alpha(opacity=90);
}

#btnFermerVideo
{
	position:absolute;
	z-index:1000;	
	cursor:pointer;	
}

#fondBtnVideo
{
	position:absolute;
	z-index:1000;
	background-color:white;
	height:68px;
	width:305px;
	left:185px;
}

#btnVideo:hover
{
	opacity:1;
	filter:alpha(opacity=100);
}

#lAtelier a.lien,
#dessinCouleur a.lien,
#porcelaine a.lien, 
#carnetDeVoyage a.lien 
{position:absolute; text-decoration:none;}

#lAtelier a.menu,
#dessinCouleur a.menu,
#porcelaine a.menu,
#carnetDeVoyage a.menu
{
	display:block;	
	color:black; 
	font-weight:bold; 
	white-space:nowrap;
	width:170px;	
	padding-left:5px;
	background-color:white;	
}

#lAtelier a.menu
{
	font-size:18px;
	height:22px;
}

#dessinCouleur a.menu,
#porcelaine a.menu,
#carnetDeVoyage a.menu
{
	font-size:16px;
	height:19px;
}

a#btn_accueil_lAtelier, a#btn_contact_lAtelier, a#btn_partenaires_lAtelier, a#btn_planDuSite_lAtelier, a#btn_mentionsLegales_lAtelier,
a#btn_accueil_dessinCouleur, a#btn_contact_dessinCouleur, a#btn_partenaires_dessinCouleur, a#btn_planDuSite_dessinCouleur, a#btn_mentionsLegales_dessinCouleur,
a#btn_accueil_porcelaine, a#btn_contact_porcelaine, a#btn_partenaires_porcelaine, a#btn_planDuSite_porcelaine, a#btn_mentionsLegales_porcelaine,
a#btn_accueil_carnetDeVoyage, a#btn_contact_carnetDeVoyage, a#btn_partenaires_carnetDeVoyage, a#btn_planDuSite_carnetDeVoyage, a#btn_mentionsLegales_carnetDeVoyage
{	
	display:block;	
	height:18px;		
	font-size:12px;
	color:white;
	background-repeat:no-repeat;
	background-image:url(etiquettePointDroite.gif);
	padding-left:5px;
	padding-top:1px;
}

a#btn_accueil_lAtelier, 
a#btn_accueil_dessinCouleur,
a#btn_accueil_porcelaine,
a#btn_accueil_carnetDeVoyage
{left:655px; top:195px; font-size:13px; width:80px; background-position:-61px 0px;}

a#btn_contact_lAtelier, 
a#btn_contact_dessinCouleur, 
a#btn_contact_porcelaine,
a#btn_contact_carnetDeVoyage
{left:646px; top:235px; font-size:13px; width:86px; background-position:-55px 0px;}

a#btn_partenaires_lAtelier, 
a#btn_partenaires_dessinCouleur,
a#btn_partenaires_porcelaine, 
a#btn_partenaires_carnetDeVoyage
{left:635px; top:277px; width:95px; background-position:-46px 0px;}

a#btn_planDuSite_lAtelier, 
a#btn_planDuSite_dessinCouleur,
a#btn_planDuSite_porcelaine,
a#btn_planDuSite_carnetDeVoyage
{left:618px; top:318px; width:112px; background-position:-29px 0px;}

a#btn_mentionsLegales_lAtelier, 
a#btn_mentionsLegales_dessinCouleur, 
a#btn_mentionsLegales_porcelaine,
a#btn_mentionsLegales_carnetDeVoyage 
{left:600px; top:360px; width:129px; background-position:-11px 0px;}


/************************************************ PLAN DU SITE */
#contenu_planDuSite
{
	position:absolute;
	z-index:30;
	background-image:url(masquePlanDuSite.gif);
	width:348px;
	height:519px;
	top:35px;
	left:318px;
}

#contenu_planDuSite a.lien
{
	position:absolute;
	color:#444444;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
}

a#btn_accueil_planDuSite {left:79px; top:43px;}
a#btn_lAtelier_planDuSite {left:27px; top:158px;}
a#btn_dessinCouleur_planDuSite {left:22px; top:192px;}
a#btn_porcelaine_planDuSite {left:20px; top:211px;}
a#btn_carnetDeVoyage_planDuSite {left:19px; top:229px;}
a#btn_lArtiste_planDuSite {left:39px; top:340px;}
a#btn_carnetDeMaison_planDuSite {left:43px; top:358px;}
a#btn_tableauxDePorcelaine_planDuSite {left:52px; top:376px;}
a#btn_contact_planDuSite {left:95px; top:443px;}
a#btn_partenaires_planDuSite {left:111px; top:460px;}
a#btn_mentionsLegales_planDuSite {left:129px; top:477px;}

/************************************************ CONTACT */
#contenu_contact input.champ {	width:230px;}
#contenu_contact textarea {width:450px;}

a#btn_accueil_contact, a#btn_prec_contact
{
	position:absolute;
	z-index:50;
	display:block;
	color:white;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;	
	width:139px;
	height:20px;
	left:645px;	
	background-image:url(etiquetteMentionsLegales.gif);
	background-repeat:no-repeat;
	padding-top:2px;
	padding-left:6px;
}

a#btn_accueil_contact {top:100px;}
a#btn_prec_contact {top:123px;}

/************************************************ PARTENAIRES */
a#btn_accueil_partenaires, a#btn_prec_partenaires
{
	position:absolute;
	z-index:50;
	display:block;
	color:white;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;	
	width:139px;
	height:20px;
	left:645px;	
	background-image:url(etiquetteMentionsLegales.gif);
	background-repeat:no-repeat;
	padding-top:2px;
	padding-left:6px;
}

a#btn_accueil_partenaires {top:100px;}
a#btn_prec_partenaires {top:123px;}

/************************************************ MENTIONS LEGALES */
a#btn_accueil_mentionsLegales, a#btn_prec_mentionsLegales
{
	position:absolute;
	z-index:50;
	display:block;
	color:white;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;	
	width:139px;
	height:20px;
	left:645px;	
	background-image:url(etiquetteMentionsLegales.gif);
	background-repeat:no-repeat;
	padding-top:2px;
	padding-left:6px;
}

a#btn_accueil_mentionsLegales {top:100px;}
a#btn_prec_mentionsLegales {top:123px;}

#contenu_mentionsLegales a {color:black; white-space:no-wrap;}
#contenu_mentionsLegales h1 {font-size:15px;}
#contenu_mentionsLegales p {font-size:14px; margin-bottom:13px; line-height:16px;}