/*  Fichier CSS Joce */
/* Communs */
body{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:0.8em;
  /*Bleu*/
  /*color:#000080;*/ 
  color:#CC3399;
  background-color:#FFcc33;
  margin:0px;
  padding:0px;     
}
a{
  color:#CC3399;
  /*Bleu*/
  /*color:#000080;*/ 
}
img{
  border:none;
}
/*--- Structure --*/
#screen, #boutique{
  position:absolute;
  width:760px;
  left:50%;
  margin-left:-357px;
  height:auto;
  min-height:580px;
}
#screen{
  background:url(images/fond.gif);
  background-repeat:no-repeat;
  z-index:0;
}
#boutique{
  background:url(images/fond_01.gif);
  background-repeat:no-repeat;
  z-index:0;
}
/*html>body #screen{
  height:auto;
  min-height:580px;
}*/
#menu{
  margin:0px;
  width:336px;
  height:311px;
  background:url(images/trace_peinture.gif);
  background-repeat:no-repeat;
  z-index:1  
}
#menu li{
  list-style-type:none;
  position:absolute;
  z-index:2;
}
a#oeuvre{
  position:absolute;
  display:block;
  top:0px;
  left:-35px;
  width:215px;
  height:39px;
  background:url(images/english/btn_oeuvre.gif);  
  background-repeat:no-repeat;
}
a#recompense{
  position:absolute;
  display:block;
  top:0px;
  left:-35px;
  width:249px;
  height:37px;
  background-repeat:no-repeat;
  background:url(images/english/btn_recompenses.gif);
}
a#recompense2{
  position:absolute;
  display:block;
  top:0px;
  left:-35px;
  width:234px;
  height:23px;
  background-repeat:no-repeat;  
  background:url(images/english/btn-recompenses-expo.gif);
}
a#recompense2:hover{
  background:url(images/english/btn-recompenses-exporoll.gif);
}
a#recompense2{
  top:50px;
}
a#recompense:hover, a#recompense:focus, a#recompense:focus{
  background:url(images/english/btn_recompensesroll.gif);
}
a#oeuvre:hover, a#oeuvre:focus{
  background:url(images/english/btn_oeuvreroll.gif);
}
a#exposition{
  position:absolute;
  display:block;
  top:50px;
  left:-41px;
  width:249px;
  height:35px;
  background:url(images/english/btn_expositions.gif);
  background-repeat:no-repeat;
}
a#exposition:hover{
  background:url(images/english/btn_expositionsroll.gif);
  background-repeat:no-repeat;
}
a#contact{
  position:absolute;
  display:block;
  top:210px;
  left:75px;
  width:86px;
  height:24px;
  background:url(images/english/btn-contact.gif);
  background-repeat:no-repeat;
}
a#contact:hover{
  background:url(images/english/btn-contactroll.gif);
  background-repeat:no-repeat;
}
a#favoris{
  position:absolute;
  display:block;
  top:85px;
  left:-41px;
  width:145px;
  height:36px;
  background:url(images/english/btn_liens.gif);
  background-repeat:no-repeat;
}
a#favoris:hover{
  background:url(images/english/btn_liensroll.gif);
  background-repeat:no-repeat;
}
a#bouton_boutique{
  position:absolute;
  display:block;
  top:255px;
  left:15px;
  width:146px;
  height:28px;
  background-repeat:no-repeat;
  background:url(images/english/btn_shop2.gif);
}
a#bouton_boutique:hover{
  background:url(images/english/btn_shop.gif);
}
a#bouton_panier{
  position:absolute;
  display:block;
  top:293px;
  left:-23px;
  width:165px;
  height:20px;
  background-repeat:no-repeat;
  background:url(images/english/btn_basket2.gif);
}
a#bouton_panier:hover{
  background:url(images/english/btn_basket.gif);
}
div#contenu{
  position:absolute;
  top:30px;
  left:320px;
}
div#contenu p{
  padding-right:4em;
}
p#references{
  width:30%;
  margin-top:8.5em;
  padding-left:0.3em;
  text-align:center;
}
p#references a{
  font-weight:bold;
}
#diaporama, #diaporama2{
  position:absolute;
  width:132px;
  margin:0px;
  padding:0px;  
}
#diaporama{
  top:270px;
  left:290px;
}
#diaporama2{
  top:300px;
  left:500px;
}
#diaporama li, #diaporama2 li{
  list-style-type:none;
  margin:0px;
  padding:0px;
}
#diaporama li.nav, #diaporama2 li.nav{
  float:left;
  width:28px;
  margin-right:2px;
  margin-top:3px;  
}
#diaporama li.liste, #diaporama2 li.liste{
  float:left;
  width:132px;
  margin-top:3px;
  text-align:center;  
}
#diapo1, .Imgdiapo1{
  display:block;
  z-index:3;
  width:132px;
  height:92px;
}
#diapo1{
  background-image:url(images/joceP.jpg);
}
#diapo2, .Imgdiapo2{
  display:block;
  z-index:3;
  width:132px;
  height:92px;
}
#diapo2{
  background-image:url(images/joceP.jpg);
}
/*----- popup ---*/
#popup,#popupFavoris{
  position:absolute;
  width:400px;
  height:auto;
  min-height:350px;
  top:50px;
  left:50%;
  margin-left:-200px;
  z-index:4;
  background-color:#ffffff;
  border:5px solid #D04480;
  text-align:center;
  -moz-opacity:0.7;
  filter: alpha(opacity=70);
}
#popupTot{
  position:absolute;
  width:680px;
  height:480px;
  top:50px;
  left:50%;
  margin-left:-340px;
  z-index:4;
  background-color:#ffffff;
  border:5px solid #D04480;
  text-align:center;
  -moz-opacity:0.7;
  filter: alpha(opacity=70);    
}
#popupBout{
	position:absolute;
  width:680px;
  height:480px;
  top:50px;
  left:50%;
  margin-left:-340px;
  z-index:4;
  background-color:#ffffff;
  border:5px solid #D04480;
  text-align:center;
  -moz-opacity:0.9;
  filter: alpha(opacity=90);    
}
/*---- Pop Favoris --*/
/*html>#popupFavoris{
  height:auto;
  min-height:350px;
}*/
#popupFavoris h1{
  font-size:1.3em;
}
#popupFavoris ul{
  margin:0;
  margin-left:1em;
  padding:0;
  text-align:left;
}
#popupFavoris ul li{
  list-style-type:none;
}
/*----Pop image ---*/
#etiquette{
  position:relative;
  width:20em;
  left:-13em;
  z-index:6;
  background-color:#ffffff;
  text-align:center;
  -moz-opacity:0.7;
  filter: alpha(opacity=70);
  padding-bottom:0.3em; 
  margin-top:-0.9em;
  padding-top:0.1em;      
}
/*html>body #etiquette{
  margin-top:-0.9em;
  padding-top:0.1em;
}*/
#etiquette ul{
  margin:0px;
  padding:0px;
  margin-top:1em;
  text-align:center;
}
#etiquette ul li{
  list-style-type:none;
}
#imgTab{
  position:absolute;
  top:50px;
  left:50%;
  z-index:5;      
}
#imgTab img{
  position:relative;
  border:15px solid #ffffff;
  z-index:5;    
}
/*--- PopVisu ---*/
#popVisu, #popPanier{
  position:absolute;
  top:70px;
  left:50%;
  z-index:5;
  width:670px;
  margin-left:-335px;
}
#popPanier{
	padding-left:0.3em;
}
#popVisu h1{
  float:right;
  width:540px;
  text-align:center;
  color:#D04480;
  /*Bleu*/
  /*color:#000080;*/  
  font-size:1.5em;
}
#popPanier h1{
  text-align:center;
  color:#D04480; 
  font-size:1.5em;
}
#menuTheme, #ColGauche ul{
  float:left;
  margin:0px;
  padding:0px;
  width:130px;
  margin-top:2.3em;
}
#menuTheme h2, #ColGauche h2{
  font-size:1.5em;
  text-align:center;
  font-variant:small-caps;
}
#menuTheme li, #ColGauche ul li{
  list-style-type:none;
  text-align:right;
  padding-bottom:0.3em;
  padding-top:0.3em;  
}
#menuTheme li a, #ColGauche ul li a{
  font-weight:bold;
  text-decoration:none;
}
#listTableau, #listDesc{
  float:right;
  margin:0px;
  padding:0px;
  width:500px;
  margin-top:15px;  
}
#listDesc{
	font-weight:bold;
}
#listTableau li{
  float:left;
  width:160px;
  height:132px;
  text-align:center;
  margin-right:5px;
  list-style-type:none;
  margin-bottom:5px; 
}
#listDesc span{
	display:block;
  margin-top:0.5em;
  text-align:right;
  font-size:0.8em;
	font-weight:normal;  
}
#listTableau li img{
  border:1px solid #281870;
}
ul#nav{
  float:right;
  clear:both;
  width:470px;
  margin:0px;
  padding:0.3em;
  text-align:center;
}
ul#nav li{
  display:inline;
  list-style-type:none;
}
ul#nav li a{
  color:#D04480;
  /*Bleu*/
  /*color:#000080;*/  
}
#arrowL, #arrowLOff{
  float:left;
  margin-top:-0.3em;  
}
#arrowL{
  width:28px;
  height:23px;
  display:block;
  background:url(images/flecheD.gif);
}
#arrowR, #arrowROff{
  float:right;
  margin-top:-1.6em;
  /*margin-right:-31px;*/   
}
#arrowR{
  width:28px;
  height:23px;
  display:block;
  background:url(images/flecheG.gif);  
}
#close{
  position:absolute;
  top:0px;
  right:0px;
  z-index:6;
  height:30px;
}
#tableau{
  margin:0px;
  padding:px;
  width:82%;
}
#tableau li{
  list-style-type:none;
  color:#ffffff;
  margin-left:0px;
  text-align:center;
}
/*---- Pop Contact -----*/
#contactMail{
  position:absolute;
  width:547px;
  height:347px;
  top:50%;
  left:50%;
  margin-top:-174px;
  margin-left:-274px;
  background-image:url(images/fondpopupplan.gif);
  z-index:6; 
}
#adresse{
  margin-top:20px;
  margin-left:200px;
  font-size:0.8em;
  font-weight:bold;
  text-align:center;
}
#adresse p{
  padding-bottom:0px;
  margin-bottom:5px;
  margin-top:0px;
}
#MailImprim{
  position:absolute;
  width:200px;
  top:270px;
  left:10px;
}
#adresse ul{
  margin:0px;
  padding:0px;
  text-align:center;
}
#adresse ul li{
  list-style-type:none;
  margin-bottom:1.3em;
}
#adresse ul li a{
  letter-spacing:0.2em;
  font-size:1.3em;
  font-variant:caps;
  text-decoration:none;
}
#closeMail{
  position:absolute;
  top:15px;
  right:12px;
  z-index:6;
  height:30px;
}
#adrMail{
  padding:0.2em;
  width:10em;
  border:1px solid #CC3399;
}
/*---- formulaire ----*/
/* acheter */
#acheter legend{
  display:none;
}
#acheter fieldset{
  border:none;
}
#acheter label{
  float:left;
  width:8em;
  text-align:right;
}
#acheter input, #acheter textarea{
  border:1px solid #D04480;
  color:#D04480;
  width:20em;
}
#acheter textarea{
  width:20.5em;  
}
#acheter input.button{
  background-color:#D04480;
  color:#FFcc33;
  width:5em;
}
ul#cmd li{
  text-align:right;
  list-style-type:none;
  padding-right:1em;
  font-weight:bold;
}
#send{
  padding-left:8em;
  margin-top:0.3em;
}
/* inscription */
#inscription{
	float:left;
  width:100%;
}
#inscription fieldset{
	border:0px;
  padding-left:20%;
}
#inscription legend{
	font-weight:bold;
}
#inscription label{
	float:left;
  width:10em;
  text-align:right;
  padding-right:0.3em;
}
#inscription input{
	width:16em;
}
#inscription textarea{
 	width:16.4em;
 }
#inscription .button{
	text-align:center;
  padding-top:1em;
}
#inscription .button input{
	width:8em;
}
/*---- Page recompenses ------*/

#recTitle{
  position:absolute;
  width:342px;
  height:34px;
  top:95px;
  left:310px;
  background-image:url(images/english/titre-recompenses.gif);
  z-index:3;
}
#menurecompenses{
  position:absolute;
  width:760px;
  height:263px;
  margin:0;
  padding:0;
  background-image:url(images/recompensesD.jpg);
  background-position:top right;
  background-repeat:no-repeat;
}
/*html>body #menurecompenses{
  width:760px;
}*/ 
#menurecompenses li{
  list-style-type:none;
}
#rec2000{
  position:absolute;
  width:53px;
  height:28px;
  top:220px;
  left:690px;
  background-image:url(images/2000.jpg);
  background-repeat:no-repeat;    
}
#rec2000:hover, #rec2000:focus{
 background-image:url(images/2000roll.jpg); 
}
#rec2001{
  position:absolute;
  width:96px;
  height:29px;  
  top:180px;
  left:500px;
  background-image:url(images/2001.gif);
  background-repeat:no-repeat;   
}
#rec2001:hover, #rec2001:focus{
 background-image:url(images/2001roll.gif); 
}
#rec2003{
  position:absolute;
  width:99px;
  height:42px;    
  top:50px;
  left:430px;
  background-image:url(images/2003.gif);
  background-repeat:no-repeat;   
}
#rec2003:hover, #rec2003:focus{
 background-image:url(images/2003roll.gif); 
}
#rec2006{
  position:absolute;
  width:99px;
  height:42px;    
  top:280px;
  left:370px;
  background-image:url(images/2006.gif);
  background-repeat:no-repeat;   
}
#rec2006:hover, #rec2006:focus{
 background-image:url(images/2006roll.gif); 
}
#recData{
  margin-top:3em;
  width:760px;
  background-image:url(images/recompenses.gif);
  background-position:right;
  background-repeat:no-repeat;  
}
#recData2{
  width:752px;
  padding-left:0.3em;
  margin-top:1em;  
}
#recData3{
  margin-top:0;
  width:650px;
  height:128px;
  background-image:url(images/recompenses-2006.gif);
  background-position:right;
  background-repeat:no-repeat;  
}
#titleListeR, #titleListeL{
  font-size:1em;
}
#recListeL h4, #recListeR h4{
  font-size:1em; 
}
#recListeR li, #recListeL li{
  font-size:0.9em; 
}
#titleListeL, #recListeL li{
  text-align:left;
  margin:0;
  padding:0;
}
#titleListeR, #recListeR li{
  text-align:right;
  margin:0;
  padding:0; 
}
#recListeL, #recListeR{
  margin:0;
  padding:0;       
}
#recListeL h4, #recListeR h4{
  display:inline;  
} 
#recListeL li, #recListeR li{
  list-style-type:none;
  margin:0;
  padding:0;
  text-decoration:italic;    
}
/*---- page expositions ------*/
#expoTitle{
  position:absolute;
  width:300px;
  height:33px;
  top:70px;
  left:360px;
  background-image:url(images/english/titre_expo.gif);
}
#menuexposition{
  position:absolute;
  margin:0px;
  padding:0px;
}
#menuexposition li{
  list-style-type:none;
}
#exp_col{
  position:absolute;
  width:127px;
  height:39px;
  top:160px;
  left:620px;
  background-image:url(images/english/expo_collectivives.gif);
  background-repeat:no-repeat;    
}
#exp_col:hover, #exp_col:focus{
 background-image:url(images/english/expo_collectivivesroll.gif); 
}
#exp_perm{
  position:absolute;
  top:250px;
  left:337px;
  width:156px;
  height:32px;
  background-image:url(images/english/expo_permanentes.gif);
  background-repeat:no-repeat;   
}
#exp_perm:hover, #exp_perm:focus{
 background-image:url(images/english/expo_permanentesroll.gif); 
}
#exp_perso{
  position:absolute;
  width:147px;
  height:32px;    
  top:200px;
  left:493px;
  background-image:url(images/english/expo_personnelles.gif);
  background-repeat:no-repeat;   
}
#exp_perso:hover, #exp_perso:focus{
 background-image:url(images/english/expo_personnellesroll.gif); 
}
#exp_bientot{
  position:absolute;
  width:147px;
  height:32px;    
  top:290px;
  left:260px;
  background-image:url(images/english/expo_bientot.gif);
  background-repeat:no-repeat;
}
#exp_bientot:hover, #exp_bientot:focus{
 background-image:url(images/english/expo_bientotroll.gif); 
}
#expoData{
  width:750px;
  height:106px;
  margin-top:-30px;
  padding-top:2em;
  background-image:url(images/expositions_tableaubas.gif);
  background-position:right;
  background-repeat:no-repeat;  
}
#expoData2{
  width:760px;
}
#expositionListe, #expositionProch{
  margin:0;
  padding:0
}
#expositionProch{
  width:490px;
}
#expositionProch li{
  list-style-type:none;
  font-size:0.9em;
  float:left;
  width:48%;
  margin-bottom:0.5em;      
}
#expositionListe li{
  float:left;
  width:32%;
  list-style-type:none;
  font-size:0.9em;
  margin-right:0.3em;
  margin-bottom:0.5em;   
}
#expositionListe h4, #expositionProch h4{
  font-size:1em;
  margin-bottom:0.1em;  
}
/*---- footer ---*/
#footer, #footer2, #footer3, #footer4, #footer5{
  clear:both;
  text-align:right;
  padding-right:5em;
  font-size:0.7em;
  letter-spacing:0.2em;
}
#footer{
  margin-top:8em; 
}
#footer2, #footer5{
  padding-right:0px;
  margin-top:15em;    
}
#footer3{
  padding-right:0px;
  margin-top:2em;
}
#footer4{
  padding-right:1.5em;
  margin-top:8em;
}
#footer5{
  padding-right:1.8em;  
}
/*---- Extra ---*/
.adaptive{
  display:block;
  position:absolute;
  top:-1000px;
  font-size:1px;
  width:1px;
  height:1px;
}
.spacer{
  font-size:1px;
  clear:both;
}
/*----- scroll --------*/
div#scroll{
  position:absolute;
  width:490px;
  z-index:3;  
}
div#scrollCache{
  position:absolute;
  width:490px;
  height:300px;
  z-index:4;
  background-image:url(images/scrollcache.gif);
  background-position:0px 100px;
  background-repeat:no-repeat;  
}
div#scroll p{
  position:absolute;
  z-index:3;
}
span.bold{
  font-weight:bold;
}
/*---- Page boutiques ------*/
#boutTitle{
  position:absolute;
  width:332px;
  height:131px;
  top:0px;
  left:514px;
  background-image:url(images/titre-boutique.gif);
  z-index:3;
}
#Menu_boutique{
	position:absolute;
}
#Menu_boutique li h2{
	font-size:1.2em;
  margin-bottom:3px;
  font-weight:bold;
}
#Menu_boutique li{
	list-style-type:none;
}
#souris{
	position:relative;
  margin-top:144px;
  margin-left:208px
}
#souris img{
	margin-left:50px;
}
#sousverre{
	position:relative;
  margin-top:-10px;
  margin-left:370px
}
#sousverre img{
	margin-left:50px;
}
#tableaux{
	position:relative;
  margin-top:-25px;
  margin-left:165px
}
#tableaux img{
	margin-left:50px;
}
/*------------------------------
Les trois objets poster, repertoire, cuvée se positionnent
ensembles....
----------------------------------*/
#posters{
	position:relative;
  margin-top:-210px;
  margin-left:455px;
	width:150px;
	height:130px;
	
}
#posters img{
	margin-left:50px;
}
#repertoire{
	position:relative;
  margin-top:80px;
  margin-left:200px;
	width:200px;
	height:130px;
}
#repertoire img{
	margin-left:0px;
}
#cuvee{
	position:relative;
  margin-top:-290px;
  margin-left:-45px;
  width:134px;
  height:159px;  
}
#cuvee h2{
	position:absolute;
  margin-top:-20px;
  margin-left:20px;
 width:10em;
}
#epure{
	position:relative;
  margin-top:-155px;
  margin-left:505px
}
#epure img{
	margin-left:50px;
}
#foulard{
	position:relative;
  margin-top:40px;
	width:127px;
}

#foulard h2{
	position:absolute;
  margin-top:-20px;
  margin-left:0px;
  width:10em;
}
.menuAchat{
	float:left;
	text-align:center;
}
.menuAchat li{
	list-style-type:none;
  text-align:right;
}
#ColGauche{
  float:left;
  margin:0px;
  padding:0px;
  padding-left:0.3em;
  width:120px;
}
.FormAchat{
	display:inline;
}
.FormAchat fieldset{
	border:0px;
  text-align:right;
}
.FormAchat fieldset legend{
	display:none;	
}
#panier_summary{
	border:1px solid;
  width:100%;
  margin-left:0.3em;  
}
#panier_summary caption{
	margin-top:-10px;
  margin-left:0.3em;
}
#panier_summary th, #panier_summary td{
	text-align:center;
}
.regl{
	float:left;
  width:32%;
  margin:0;
  padding:0;
}
.pay{
	float:left;
  width:100%;
}
.pay fieldset{
	border:0px;
  text-align:center;
}
.pay legend{
	font-weight:bold;
}
.pay .button{
	text-align:center;
  padding-top:1em;
}
.pay .button input{
	width:6em;
}
/*-------- Flag Lang ----*/
#flagLang{
 display:block;
 float:left;
 width:52px;
 height:40px;
}

/*------ Actualite -----*/
#actualite{
  width:550px;
	margin-top:50px;
	padding-left:150px;
}

#actualite h3{
font-variant:small-caps;
	text-align:center;
}

#actu_text{
	border:2px solid #ffffff;
}

#actu_text h4, #actu_text p{
  text-align:justify;
	margin:10px;
}
#actualite p#footer{

margin-left:-150px;
}