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 url(bagdad.jpg) center no-repeat; 
  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(bas1.png) repeat-x;
 }

#bas { 
  width: 100%;
  height: 34px;
  clear: both;
  margin: 0;
  padding: 7px 0 0 0;
  background: black url(bas3.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(fond3.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:  #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:  #490955;
 }

#plan a:hover { 
  background-color: #F0B4FD;
 }

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

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

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

#actu h3 { 
  margin: 10px 10px;
  color:  #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: 10px 0;
  padding: 0px;
  border: 0px;
 }

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

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

#actu a:hover { 
  background-color: #F0B4FD;
 }

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

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

#actu p { 
  margin: 5px 10px;
  padding: 0px;
  color:  #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: 0px  auto 30px;
  width: 357px;
  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 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 p { 
  margin: 0px;
  padding: 0;
}

#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;

 }

#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;
 }

.galerie #contenu p { 
  clear: both;
  margin: 0 auto;
}

#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; 
}


.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; 
 }

#expos .image, #biographie .image { 
  padding: 10px 10px 10px 300px;
 }

#expos .image img, #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;
}

#paypal #pp { 
  float: right;
  padding-bottom: 0px;
 }

#paypal #contenu dd{ 
  text-align: justify; 
  color:  #C87DEE;
  padding: 0px;
 }

#paypal #contenu dt{ 
  text-align: justify; 
  color: #89CCBA;
  padding: 0px;
 }

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

#paypal #contenu dt a { 
  color: #89CCBA;
 }

#paypal .logo { 
  display: block;
  float: right;
  margin-left: 14px;
  margin-top: 14px;
 }

#boutique #explication h2 { 
  color: #DE4736;
  margin: 0 30px 15px 30px;
  padding: 10px 0;
 }

#boutique h3 { 
  color: #DE4736;
  margin: 10px 30px;
  padding: 0;
 }


#boutique #explication p { 
  color: #C87DEE;
  margin: 10px 30px;
  padding: 0px;
  text-align: justify;
 }

#boutique #explication a { 
  color: #E270FF; /*#C0F;*/
 }

#boutique #explication a:hover { 
  color:  #F0F;
 }

#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;
}

*/