@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 abregee : haut droit bas gauche */

/* *********** */
/* boutons.css */
/* *********** */

/* aucune bordure pour toutes les images */
#boutonRetour,
#lienExplorer,
#lienExplorer:hover,
#lienFlash,
#lienFlash:hover,
#lienExplorer,
#lienExplorer:hover,
#lienFlash,
#lienFlash:hover,
#lienExplorer,
#lienExplorer:hover,
#lienFlash,
#lienFlash:hover,
#lienMurale,
#lienMurale:hover,
#lienPDF,
#lienPDF:hover,
#lienPlan,
#lienPlan:hover,
#pagePrecedente,
#pageSuivante {
	border:0px;
}

#boutonRetour,
#boutonRetour:hover {
	width:65px;
	height:28px;
}

#boutonRetour {
	background-image:url(../img/interface/bouton-retour.gif);
}

#boutonRetour:hover {
	background-image:url(../img/interface/bouton-retour-sel.gif);
}

/* ********************** */
/* liens au bas des pages */
/* ********************** */

#lienExplorer,
#lienExplorer:hover,
#lienFlash,
#lienFlash:hover {
	width:44px;
	height:36px;
}

#lienExplorer {
	background-image:url(../img/interface/lien-explorer.gif);
}

/*
#lienExplorer:hover {
	background-image:url(../img/interface/lien-explorer-sel.gif);
}
*/

#lienFlash {
	background-image:url(../img/interface/lien-flash.gif);
}

#lienFlash:hover {
	background-image:url(../img/interface/lien-flash-sel.gif);
}

#lienMurale,
#lienMurale:hover {
	width:98px;
	height:36px;
}

#lienMurale {
	background-image:url(../img/interface/lien-murale.gif);
}

#lienMurale:hover {
	background-image:url(../img/interface/lien-murale-sel.gif);
}

#lienPDF,
#lienPDF:hover {
	width:42px;
	height:36px;
}

#lienPDF {
	background-image:url(../img/interface/lien-pdf.gif);
}

#lienPDF:hover {
	background-image:url(../img/interface/lien-pdf-sel.gif);
}

#lienPlan,
#lienPlan:hover {
	width:100px;
	height:36px;
}

#lienPlan {
	background-image:url(../img/interface/lien-plan.gif);
}

#lienPlan:hover {
	background-image:url(../img/interface/lien-plan-sel.gif);
}

/* *********** */
/* naviguation */
/* *********** */

#pagePrecedente,
#pageSuivante {
	width:5px;
	height:9px;
}

#pagePrecedente {
	background-image:url(../img/interface/page-precedente.gif);
}

#pageSuivante {
	background-image:url(../img/interface/page-suivante.gif);
}

/* ********************************************* */
/* composants pour les pages du curriculum vitae */
/* ********************************************* */

#cvBandeContinuite {
	width:156px;
	background-repeat:repeat-y;
	background-image:url(../img/interface/boutons-cv/bande-continuite.gif);
}

#cvBasCentre {
	width:146px;
	height:12px;
	background-image:url(../img/interface/boutons-cv/bas-centre.gif);
}

#cvCoinInfDroit ,
#cvCoinInfGauche {
	width:5px;
	height:12px;	
}

#cvCoinInfDroit {
	background-image:url(../img/interface/boutons-cv/coin-inf-droit.gif);
}

#cvCoinInfGauche {
	background-image:url(../img/interface/boutons-cv/coin-inf-gauche.gif);
}

#cvMargeGauche {
	width:32px;
	height:351px;
	background-image:url(../img/interface/boutons-cv/marge-gauche.gif);
}

#cvFondFormation,
#cvFondEnteteBoutons,
#cvFondDemarche,
#cvFondExperiences,
#cvFondPa,
#cvFondXpPara,
#cvFondXpPro,
#cvFondPrix {
	width:156px;
	height:51px;	
}

#cvFondDemarche {
	background-image:url(../img/interface/boutons-cv/fond-demarche.gif);
}

#cvFondFormation {
	background-image:url(../img/interface/boutons-cv/fond-formation.gif);
}

#cvFondEnteteBoutons {
	height:45px;
	background-image:url(../img/interface/boutons-cv/fond-entete-boutons.gif);
}

#cvFondExperiences {
	background-image:url(../img/interface/boutons-cv/fond-experiences.gif);
}

#cvFondPa {
	background-image:url(../img/interface/boutons-cv/fond-pa.gif);
}

#cvFondXpPara {
	background-image:url(../img/interface/boutons-cv/fond-para.gif);
}

#cvFondXpPro {
	background-image:url(../img/interface/boutons-cv/fond-experiences.gif);
}

#cvFondPrix {
	background-image:url(../img/interface/boutons-cv/fond-prix.gif);
}

#cvMargeGaucheContinuite {
	width:32px;
	height:351px;
	background-image:url(../img/interface/boutons-cv/marge-gauche-continuite.gif);
}

#cvOmbreVignette {
	width:110px;
	height:6px;
	background-image:url(../img/interface/boutons-cv/ombre-vignette.gif);
}

#cvVignetteHaut {
	width:110px;
	height:6px; /* la hauteur de l'image est de 15px mais celle-ci est tronquée à 6px */
	background-image:url(../img/interface/boutons-cv/vignette-haut.gif);
}

/* ************************************* */
/* composants pour la section 'enfumage' */
/* ************************************* */

#enfumageFondBoutonsTexte,
#enfumageFondTexteImage {
	width:5px;
	height:330px; /* la hauteur de l image de 449px mais celle-ci est tronquée à 330px */
}

#enfumageFondBoutonsTexte {
	background-image:url(../img/interface/enfumage/fond-boutons-texte.gif);
	/* background-color:red; */
}

#enfumageFondTexteImage {
	background-image:url(../img/interface/enfumage/fond-texte-img.gif);}

#enfumageFondImage1,
#enfumageFondImage2,
#enfumageHautImage1 {
	width:204px;
}

#enfumageFondImage1 {
	height:293px;
	background-image:url(../img/interface/enfumage/fond-img1.gif);
	/* background-image:lime; */
}

#enfumageFondImage2 {
	height:151px; 
	background-image:url(../img/interface/enfumage/fond-img2.gif);
}

#enfumageHautImage1 {
	height:5px;
	background-image:url(../img/interface/enfumage/haut-img1.gif);
	/* background-color:cyan; */
}

/* ************************************************** */
/* composants pour la section 'présentation générale' */
/* ************************************************** */
#presentationManchot {
	width:162px;
	height:351px;
	background-image:url(../img/presentation/thumb/manchot-e.gif);
}

#presentationBoutonArtiste,
#presentationBoutonArtiste:hover,
#presentationCurseurArtiste,
#presentationBoutonDemarche,
#presentationBoutonDemarche:hover,
#presentationCurseurDemarche,
#presentationBoutonFormation,
#presentationBoutonFormation:hover,
#presentationCurseurFormation,
#presentationBoutonXpPro,
#presentationBoutonXpPro:hover,
#presentationCurseurXpPro,
#presentationBoutonXpPara,
#presentationBoutonXpPara:hover,
#presentationCurseurXpPara,
#presentationBoutonPrixBourses,
#presentationBoutonPrixBourses:hover,
#presentationCurseurPrixBourses {
	width:156px;
	height:47px;	
}

#presentationBoutonArtiste {
    background-image:url(../img/interface/boutons-cv/bouton-pa.gif);
}

#presentationBoutonArtiste:hover {
    background-image:url(../img/interface/boutons-cv/bouton-pa-sel.gif);
}

#presentationCurseurArtiste {
    background-image:url(../img/interface/boutons-cv/bouton-pa-sel.gif);
}

#presentationBoutonDemarche {
    background-image:url(../img/interface/boutons-cv/bouton-demarche.gif);
}

#presentationBoutonDemarche:hover {
    background-image:url(../img/interface/boutons-cv/bouton-demarche-sel.gif);
}

#presentationCurseurDemarche {
    background-image:url(../img/interface/boutons-cv/bouton-demarche-sel.gif);
}

#presentationBoutonFormation {
    background-image:url(../img/interface/boutons-cv/bouton-formation.gif);
}

#presentationBoutonFormation:hover {
    background-image:url(../img/interface/boutons-cv/bouton-formation-sel.gif);
}

#presentationCurseurFormation {
    background-image:url(../img/interface/boutons-cv/bouton-formation-sel.gif);
}

#presentationBoutonXpPro {
    background-image:url(../img/interface/boutons-cv/bouton-experiences.gif);
}

#presentationBoutonXpPro:hover {
    background-image:url(../img/interface/boutons-cv/bouton-experiences-sel.gif);
}

#presentationCurseurXpPro {
    background-image:url(../img/interface/boutons-cv/bouton-experiences-sel.gif);
}

#presentationBoutonXpPara {
    background-image:url(../img/interface/boutons-cv/bouton-para.gif);
}

#presentationBoutonXpPara:hover {
    background-image:url(../img/interface/boutons-cv/bouton-para-sel.gif);
}

#presentationCurseurXpPara {
    background-image:url(../img/interface/boutons-cv/bouton-para-sel.gif);
}

#presentationBoutonPrixBourses {
    background-image:url(../img/interface/boutons-cv/bouton-prix.gif);
}

#presentationBoutonPrixBourses:hover {
    background-image:url(../img/interface/boutons-cv/bouton-prix-sel.gif);
}

#presentationCurseurPrixBourses {
    background-image:url(../img/interface/boutons-cv/bouton-prix-sel.gif);
}

#flechePageSuivante,
#flechePagePrecedente {
	width:5px;
	height:9px;
	border:0px;
}

#flechePageSuivante {
    background-image:url(../img/interface/page-suivante.gif);
}

#flechePagePrecedente {
	background-image:url(../img/interface/page-precedente.gif);
}

/* *************************************** */
/* composants pour la section 'sculptures' */
/* *************************************** */
#sculptureHautImage {
	width:204px;
	height:5px;
    background-image:url(../img/interface/ateliers/sculpture/haut-img.gif);
}


#sculptureFondImage {
	width:204px;
	height:346px;
    background-image:url(../img/interface/ateliers/sculpture/fond-img.gif);
}

/* ************************************* */
/* composants pour la section 'ateliers' */
/* ************************************* */

#ateliersBandeContinuite,
#ateliersFondEnteteBoutons,
#ateliersBoutonEngobes,
#ateliersBoutonEngobes:hover {
	width:156px;	
}

#ateliersBandeContinuite {
	height:102px;
	background-image:url(../img/interface/boutons-ateliers/bande-continuite.gif);
}

#ateliersFondEnteteBoutons {
	height:45px;
	background-image:url(../img/interface/boutons-ateliers/fond-entete-boutons.gif);
}

#ateliersSculptureHautImage {
	width:204px;
	height:5px;
	background-image:url(../img/interface/ateliers/sculpture/haut-img.gif);
}

#ateliersBoutonCarbonisation,
#ateliersBoutonCarbonisation:hover,
#ateliersBoutonEngobes,
#ateliersBoutonEngobes:hover,
#ateliersBoutonEnfumage,
#ateliersBoutonEnfumage:hover,
#ateliersBoutonSculptures,
#ateliersBoutonSculptures:hover,
#ateliersCurseurCarbonisation,
#ateliersCurseurEngobes,
#ateliersCurseurEnfumage,
#ateliersCurseurSculptures {
	width:156px;
	height:47px;
}

#ateliersBoutonCarbonisation {
	background-image:url(../img/interface/boutons-ateliers/bouton-carbonisation.gif);
}

#ateliersBoutonCarbonisation:hover {
	background-image:url(../img/interface/boutons-ateliers/bouton-carbonisation-sel.gif);
}

#ateliersCurseurCarbonisation {
	background-image:url(../img/interface/boutons-ateliers/bouton-carbonisation-sel.gif);
}

#ateliersBoutonEngobes {
	background-image:url(../img/interface/boutons-ateliers/bouton-engobes.gif);
}

#ateliersBoutonEngobes:hover {
	background-image:url(../img/interface/boutons-ateliers/bouton-engobes-sel.gif);
}

#ateliersCurseurEngobes {
	background-image:url(../img/interface/boutons-ateliers/bouton-engobes-sel.gif);
}

#ateliersBoutonEnfumage {
	background-image:url(../img/interface/boutons-ateliers/bouton-enfumage.gif);
}

#ateliersBoutonEnfumage:hover {
	background-image:url(../img/interface/boutons-ateliers/bouton-enfumage-sel.gif);
}

#ateliersCurseurEnfumage {
	background-image:url(../img/interface/boutons-ateliers/bouton-enfumage-sel.gif);
}

#ateliersBoutonSculptures {
	background-image:url(../img/interface/boutons-ateliers/bouton-sculptures.gif);
}

#ateliersBoutonSculptures:hover {
	background-image:url(../img/interface/boutons-ateliers/bouton-sculptures-sel.gif);
}

#ateliersCurseurSculptures {
	background-image:url(../img/interface/boutons-ateliers/bouton-sculptures-sel.gif);
}