body { 
  background-color: black;
  width: 100%;
  margin: auto;
  height: 100%;
  font-family:  "Trebuchet MS", sans-serif;
  padding: 0;
 }

div { 
  padding: 0;
  margin: 0;
 }

h1 { 
  clear: both; 
  text-align: center;
  color: #A55FCC; 
  background: black;
  font-size: 4em;
  font-family: Georgia, Times, serif;
  padding: 0px;
  margin: 10px;
  height: 83px;
}

p,h2,dl { 
  color: #DE4736; /*#E14230;*/
  margin: 0 30px 0 30px;
  padding: 0 0 30px 0;
 }

img { 
  border: 0px;
}

ul { 
  list-style: none;
 }

li { 
  display: block;
  float: left;
  margin: 0;
  padding: 0;
 }

#haut { 
  margin: 0;
  width: 100%;
 }

#accueil #bas { 
  width: 100%;
  height: 56px;
  clear: both;
  margin: 0;
  padding: 10px 0;
  background: black url(bas12.png) repeat-x;
 }

#bas { 
  width: 100%;
  height: 34px;
  clear: both;
  margin: 0;
  padding: 7px 0 0 0;
  background: black url(bas14.png) repeat-x;
 }

p#abondance { 
  font-size: 0.8em;
  width: 800px;
  margin: 0 auto;
  padding: 0;
  color: #F0B4FD;/*#BC2F61;*/
  clear: both;
  text-align: center;
}

p#abondance a { 
  color: #F0B4FD;/* #BC2F61;*/
  padding: 5px 0;
}

p#centrer { 
  width: 800px;
  margin: 0 auto;
text-align:center;
} 

p#legal { 
  margin: 0 auto;
  color:  #F0B4FD;
  font-size: .8em;
  width: 900px;
  padding: 0;
  text-align: center;
 }

.navigation { 
  clear: both;
  margin: 0 ;
  width: 100%;
  position: relative;
  padding: 0;
  background: black url(navigation3.png) repeat-x;
  height: 34px;
 }

.navigation ul { 
  width: 970px;
  margin: 0px auto;
  padding: 0;
  position: relative;
  height: 34px;
 }

.show .navigation { 
  background-color: #641280;
  background-image: none;
  height: 16px;
 }

.show .navigation ul { 
  height: 16px;
 }

.show .navigation li { 
  margin: 0;
}

.navigation li { 
  float: left; 
  padding: 0px;
  margin: 9px 0 0 0;
}

.navigation a { 
  font-family: "Comic sans MS", sans-serif;
  font-weight: bold;
  font-variant: small-caps;
  color: #F1691E;
  text-decoration: none;
  line-height: 16px;
  display: block;
  width: 130px;
  height: 16px;
  text-align: center;
  padding: 0; /* 23px;*/
  margin: 0;
 }

.navigation a:hover { 
  background-color: #490955; /*black; */
  color:   #F0B4FD; 
}

.navigation a.flag { 
  width: 30px;
  padding: 0; /* 10px;*/
 }

.navigation a.french { 
  background: url(flag-fr.gif) center no-repeat;
 }

.navigation a.english { 
  background: url(flag-uk.gif) center no-repeat;
 }

.navigation a.flag:hover { 
  background-color: #490955; 
 }

.navigation a.ici { 
  background-color: #490955; /*black; */
  color: #F0B4FD;
}

.ariane { 
  width: 984px;
  height: 25px;
  margin: 0 auto;
  padding: 2px;
  font-size: 0.9em;
  font-family:  "Comic sans MS", sans-serif;
  font-variant: small-caps;
  font-weight: bold;
  background: black url(fond1.png) center repeat-y;
 }

.show .ariane { 
  display: none;
 }

.ariane p { 
  color: #C9F; 
  margin: 0 30px;
}

.ariane a { 
  color: #C9F; 
 }

.ariane a:hover { 
  background-color: #490955;
 }

#contenu { 
  width: 984px;
  margin: 0px auto;
 background: black url(fond1.png) center repeat-y;
  padding: 0;
  position: relative;
  font-size: 0.9em;
 }

#accueil #contenu { 
  background: black url(fond4.jpg) center repeat-y;
 }

#interieur { 
  position: relative;
  margin: 0px 16px;
  padding: 0;
}

#plan { 
  float: left;
  width: 150px;
  font-size: .9em;
  margin: 0;
  padding: 0px;
  color:  #C87DEE; /*#490955;*/
  z-index: 20;
  border-top: 3px solid black;
  position: relative;
 }

#plan a#lang { 
  display: block;
  width: 110px;
  height: 40px;
  margin: 5px auto;
 }

#plan a#lang img{ 
  display: block;
  margin: auto;
  float: none;
 }

#plan img { 
  display: block;
  float: left;
  margin: 0;
  padding: 0;
 }

#plan a { 
  color:  #C87DEE; /* #490955;*/
  text-decoration: none;
 }

#plan a:hover { 
  color: #490955;
  background-color: #F0B4FD;
  text-decoration: none;
 }

#plan p { 
  margin: 10px 5px;
  padding: 0;
  color:  #C87DEE; /*#490955;*/
}

#plan p#plansign img { 
  display: block;
  margin: 10px auto;
  float: none;
 }

#actu { 
  width: 150px;
  float: right;
  margin: 0;
  padding: 0px;
  color:  #C87DEE;/*  #490955; */
  z-index: 20;
  border-top: 3px solid black;
}

#actu h3 { 
  margin: 10px 10px;
  color: #C87DEE; /* #490955;*/
  /* background-color: #B789C1; */
  font-size: 1.2em;
  text-align: center;
 }

#actu ul.nouveautes{ 
  padding: 0px;
  margin: 0px;
 }

#actu li { 
  display: block;
  float: none;
  margin: 0px;
  padding: 0px;
  border: 0px;
 }

#actu a { 
  color: #C87DEE; /*   #490955;*/
  display: block;
  padding: 5px 2px 5px 2px;
  margin: 0px;
  text-align: center;
  text-decoration: none;
  border: 2px solid black;
 }

#actu a.vendu { 
  background: url(images/vendu.jpg) right bottom no-repeat;  
 }

#actu a:hover { 
  border: 2px solid #F0B4FD;
/*  background-color: #F0B4FD;*/
 }

#actu a.vendu:hover { 
  background: black url(images/vendu.jpg) right bottom no-repeat; 
  border: 2px solid #F0B4FD;
 }

#actu img { 
  display: block;
  margin: 0 auto;
  padding: 0px;
  border: 0px;
 }

#actu p { 
  margin: 5px 10px;
  padding: 0px;
  color: #C87DEE; /*  #490955;*/
  text-align: center;
 }

#blog { 
  margin: 0px 150px;
  padding: 30px 0px 0px 0px;
  z-index: 10;
  position: relative;
 }

#blog #illustration { 
  display: block;
  margin: 0px ;
  padding: 0px;
 }

#blog a { 
display: block;
border: 2px solid black;
  margin: 15px  auto 40px;
  width: 382px;
  padding: 0;
}

#blog a:hover { 
  border: 2px solid #F0B4FD;
 }

#blog p { 
  margin: 0 20px;
  padding: 0 0;
  text-align: justify;
  color: #89CCBA;
 }

#blog p.espace { 
  margin: 2em 20px 0 20px;
} 

#blog p#signature { 
  margin: 2em 20px 0px 20px;
  text-align: right;
 }

#galeries div.gal { 
  position: relative;
  width: 268px;
  padding: 0 0px 0 40px;
  margin: 0px 0px 10px 4px;
  float: left;
}

#galeries h2 { 
  padding: 10px 0 5px 0;
  margin: 0px auto;
  width: 250px;
  text-align: center;
  display: block;
  clear: both;
  color: #89CCBA;
}

#galeries h2 a { 
  padding: 10px 0 5px 0;
  margin: 0px auto;
  width: 250px;
  text-align: center;
  display: block;
  clear: both;
  color: #89CCBA;
}

#galeries div.gal h3 { 
  padding: 10px 0 5px 0;
  margin: 0px auto;
  width: 250px;
  text-align: center;
  font-size: 1.05em;
  display: block;
  clear: both;
  color: #89CCBA;
}

#galeries #contenu div.gal p { 
  margin: 0px;
  padding: 0;
  clear: both;
  margin: 0 auto;
}

#galeries #contenu a.galerie { 
  border: solid 2px black;
  display: block;
  height: 90px;
  margin: 0;
  padding: 0 0 0 6px;
}

#galeries #contenu a.galerie:hover { 
  border: solid 2px #B789C1;
}
#galeries #contenu img { 
  display: block;
  float: left;
  padding: 4px 6px 0 0;
  margin: 0px;
}

#galeries #contenu h3 img.gauche { 
  display: block;
  margin: 0px;
  position: absolute;
  padding: 0px;
  left: 0px;
  top: 0px;
 }

#galeries #contenu h3 img.droite { 
  display: block;
  margin: 0px;
  position: absolute;
  padding: 0px;
  right: 0px;
  top: 0px;

 }

#galeries p, #galeries p a.old {
  color:   #C87DEE;
  text-align: center;
}

#contenu p.cl { 
  clear: both;
}

.liengalerie { 
  position: relative;
  display: block;
  clear: both;
  font-family: "Comic sans MS", sans-serif;
  font-variant: small-caps;
  font-weight: bold;
  text-align: center;
  color:   #C87DEE;
  height: 16px;
  line-height: 10px; 
  text-decoration: none;
  margin: 0;
  padding: 0;
 }

.liengalerie:hover  { 
  color: #E6B6FF;
 }

#vignettes { 
  display: block;
  padding: 0px;
  margin: 0px auto;
  width: 780px;
  background-color: black;
}

p#lancer { 
  width: 200px;
  margin: 0 auto;
  font-size: 1.1em;
  text-align: center;
 }

p#lancer a{ 
  color:  #F1691E;
  background-color: #641280;
  background-image: none;
  border: none;
  text-decoration: none;
  padding: 0 5px;
 }

p#lancer a:hover { 
  background-color: #490955; /*black; */
  color:   #F0B4FD; 
}

img#mfa { 
  display: block;
  width: 150px;
  margin: 0 auto;
 }

p#presentation { 
  width: 700px;
  margin: 0 auto;
  font-size: 1.1em;
  text-align: center;
  color:  #C87DEE;
 }

p#presentation a{ 
  color: #C9F;
 }

p#presentation a { 
  color: #E270FF; 
 }

p#presentation a:hover { 
  color: #F0F; 
 }

.show { 
background-color: black;
}

.show #contenu { 
  display: none;
 }

.show #titre { 
  display: none;
}

.show #bas{ 
  display: none;
 }

.show #diaporama { 
  display: block;
 }

#infos { 
  position: relative;
  margin: 0;
  padding: 0;
}

.show1 #vignettes { 
  display: none;
}

.show1 #lancer { 
  display: none;
}

#chargement { 
  display: none;
}

.show1 #chargement { 
  display: block;
 }

#vignettes p { 
  margin: 0;
  padding: 0;
  text-align: center;
  clear: both;
}

#vignettes ul { 
  margin: 0;
  padding: 0;
}

#vignettes li { 
  margin: 5px 10px;
  padding: 0px;
 }

#vignettes a { 
  display: block;
  padding: 2px 12px 2px 12px;
  margin: 2px;
  border: 2px solid black;
  text-decoration: none;
}

#vignettes a.vendu { 
  background: black url(images/vendu3.jpg) right bottom no-repeat;
}

#vignettes a:hover { 
  border: solid 2px #B789C1;
  font-size: 1em;
 }

#vignettes ul img { 
  margin: 0px;
  padding: 0px;
 }

div#diaporama { 
  display: none;
  height: 600px;
  width: 900px;
  padding: 0px;
  margin: 5% auto;
  position: relative;
 }

div#diaporama.auto #nav { 
  visibility: hidden;
}

div#diaporama #conteneur { 
  width: 600px;
  height: 500px;
  margin: 0px 0;
  padding: 0;
  position: relative;
 }

img#ladiapo {
  display: block;
  margin: 0 auto;
}

div#diaporama .boutons { 
  width: 270px;
  height: 22px;
  display: block;
  position: relative;
  margin: 40px 0 0 0;
  padding: 0px;
  float: right;
  clear: both;
 }

div#diaporama .navbouton { 
  padding: 0px;
  width: 90px;
  height: 22px;
  line-height: 20px;
  color: #F1691E; 
  text-align: center;
  text-decoration: none;
  background-color: #641280;
 }

div#diaporama .navbouton:hover { 
  background-color:  #490955;
  color: #F0B4FD;
 }

div#diaporama.auto a#depart { 
  display: none;
}

div#diaporama.auto a#stop { 
  display: block;
}

div#diaporama a#depart { 
  display: block;
  margin: 0 auto;
  }

div#diaporama a#stop { 
  display: none;
  margin: 0 auto;
 }

div#diaporama li img {
  display: block;
  margin: 0;
  padding: 0;
}

div#diaporama li { 
  float: left;
  margin: 0;
  padding: 0;
 }

#diaporama ul a { 
  display: block;
  margin: 0;
 }

#diaporama ul a span { 
  display: none;
 }

div#diaporama a#precedent { 
  background: black url("precedent.png") no-repeat center -22px;
 }

div#diaporama a#precedent:hover { 
  background: black url("precedent.png") no-repeat center 0px;
 }

div#diaporama a#suivant { 
  background: black url("suivant.png") no-repeat center -22px;
 }

div#diaporama a#suivant:hover { 
  background:  black url("suivant.png") no-repeat center 0px;
 }

#diaporama h2 { 
  margin: 40px 0 15px 0;
  padding: 0px;
  width: 270px;
  text-align: center;
  clear: both;
  float: right;
  font-family: "Comic Sans MS", sans-serif;
  background-color: black;
  color: #DE4736;
 }

#diaporama h3 { 
  width: 270px;
  text-align: center;
  clear: both;
  float: right;
  color: #DE4736;
  background-color: black;
  margin: 10px 0px;
  font-size: 1em;
 }

#diaporama p { 
  font-size: 0.9em;
  margin: 10px 0px 20px;
 }

#biographie h2, #expos h2 { 
  /*color: #B43CF0;*/
  padding: 10px;
 }

#biographie #contenu p { 
  text-align: justify; 
  text-indent: 30px;
  line-height: 1.6em;
  color: #89CCBA;
 }

#expos #contenu a, #biographie #contenu a { 
    color: #E270FF;
 }

#expos #contenu a:hover, #biographie #contenu a:hover { 
  color: #F0F; 
 }

#biographie .image { 
  padding: 10px 10px 10px 100px;
 }

#biographie .image img{ 
  padding: 10px ;
 }

#expos dl { 
  color: #C87DEE;
 }

#expos ul, #biographie ul { 
  color: #C87DEE;
 }

#expos .vertical li, #biographie .vertical li { 
  float: none;
 }

#expos p { 
  color: #C87DEE;
 }

#biographie .vertical li.centre { 
  margin: auto;
 }

#biographie #portrait { 
  clear: both;
 }

#laprovence { 
  display: block;
  width: 600px;
  margin: auto;
}

#lumiere #contenu p { 
  margin: 0 20px;
  padding: 0 0;
  text-indent: 30px;
  text-align: justify;
  color: #89CCBA;
 }

#lumiere #contenu  p.espace { 
  margin: 2em 20px 0 20px;
} 

#lumiere #contenu  p.noindent { 
  text-indent: 0px;
} 

#lumiere #contenu p#signature { 
  margin: 2em 20px 10px 20px;
  text-align: right;
 }


#lumiere #contenu a { 
    color: #89CCBA;
 }

#lumiere #contenu a:hover { 
  color: #abffe9; 
 }

#technique h2 { 
  font-family:  "Comic sans MS", sans-serif;
  text-align: center;
 }

#technique #contenu p { 
  color: #89CCBA;
  font-size: 0.9em;
  text-align: justify;
  text-indent: 30px;
  line-height: 1.6em;
  margin: 1.6em 0;
  padding: 0 30px;
  font-family:  "Comic sans MS", sans-serif;
 }

#technique #contenu p#signature { 
  margin: 2em 20px 10px 20px;
  text-align: right;
 }

#technique #contenu a { 
    color: #89CCBA;
 }

#technique #contenu a:hover { 
  color: #abffe9;
 }

#technique #contenu img { 
  margin: 15px 0;
 }

.droite { 
  float: right;
  padding: 0 30px 0 14px;
 }

.gauche { 
  clear: both;
  float: left;
  padding: 0px 14px 0 30px;
 }

.milieu { 
  clear: both;
}

#liens h2 { 
  clear: both;
  padding: 15px  0 5px 0;
 }

#liens #contenu img { 
  margin: 2px;
}

#liens #contenu a { 
  margin: 2px 10px;
  text-decoration: none;
  padding: 0px;
  font-size: 1em;
  color: #E270FF; 
 }

#liens #contenu a.souligne { 
  text-decoration: underline;
  margin: 0;
 }

#liens #contenu a:hover { 
  color: #F0F; 
 }

#liens #contenu ul { 
  margin: 10px 10px;
  padding: 0;
}

#liens #contenu li { 
  float: left;
}

#liens #contenu li.break { 
  clear: both;
}

#liens #contenu li.texte, #liens #contenu p.texte { 
  padding: 0 10px;
}

#liens #contenu p { 
  padding: 0 0 10px 0;
  margin: 0 10px;
  color: #C87DEE;
}
 
#liens #contenu p.texte a{ 
  margin: 0px;
 }
#liens #contenu p#banniere { 
  padding: 0;
 }

#liens #contenu p#code { 
  clear: both;
  color:  #89CCBA; 
  padding-left: 16px;
 }

#liens #contenu #signature { 
  display: block;
  padding: 0 14px;
  float: left;
}

#liens #contenu p#psignature { 
  clear: none;
  padding: 14px;
}

#contact h2 { 
  padding: 0 0 15px 0;
}

#contact p { 
  padding: 0 0 15px 0;
}

#contact dl { 
  color: #89CCBA; 
 }

#contact #contenu p { 
  color: #C87DEE; /*#B43CF0;*/
 }

#contact #contenu a { 
  color: #E270FF; 
 }

#contact #contenu a:hover { 
  color: #F0F; 
 }

#contact #atelier1 { 
  float: right;
}

#contact #plage { 
  display: block;
  width: 800px;
  margin: auto;
 }
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
  visibility: hidden;
  margin: 0;
  /*padding: 10px;*/
}

/*
.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}

*/