@charset "utf-8";
/* CSS Document */



#contener{
  position: relative;
  margin-left: auto; 
  margin-right: auto; 
  width: 950px; 
  text-align: left;
  margin-top:50px;
  }


.titre{ font-family: century gothic; font-size:16px; color: #e2007a; text-align:left; letter-spacing: 2px;}
.titre2{ font-family: century gothic; font-size:16px; color: #FFFFFF; text-align:left; letter-spacing: 2px;}
.titre3{ font-family: arial; font-size:13px; color: #FFFFFF; text-align:left; line-height:18px; }

#lien a {color:#ffffff; font-family: arial; font-size:9pt; }
#lien a:hover { color: #e2007a;}




/* MENU */

#menu{ postion:absolute; top:0px; left:0px; background-image:url(images/bandeau.jpg); background-image:no-repeat; width:950px; height:150px;}

ul { list-style-type:none; margin:0; padding:0; width:600px; margin-left:350px; padding-top:45px; text-align:right;}
li { display:inline;}

#menu a { color: #666666; text-decoration:none; padding:0 0px 0 10px; font-family: century gothic; font-size:10pt; letter-spacing: 2px;}
#menu a:hover { color: #e2007a; font-size:10pt;}


/* PIED DE PAGE */

#pied-page { width:900px; height:10px;position:absolute; margin-top:510px; }
.texte-pied-page{ font-family: Arial; font-size:11px; color: #ffffff; text-align:left;}
#lien-pied-page a {color:#ffffff; font-family: arial; font-size:8pt; }
#lien-pied-page a:hover { color: #e2007a;}




/* ACCUEIL */

#photo-accueil { background-image:url(images/animation2.gif); width:450px; height:510px; position:absolute;}
#contener-accueil { width:460px; height:500px; padding-left:40px; position:absolute; margin-left:450px; overflow: auto;
 }
.texte-accueil{ font-family: Arial; font-size:13px; color: #666666; text-align:justify; line-height:20px;}  


/* EXPERIENCE */

#photo-experience { background-image:url(images/experience.jpg); width:400px; height:510px; position:absolute;}
#contener-experience { width:500px; height:500px; padding-left:40px; padding-right:10px; position:absolute; margin-left:400px; overflow: auto;}
.texte-experience{ font-family: Arial; font-size:13px; color: #666666; text-align:left; line-height:20px;}


/* GALERIE */

#fd-galerie {width:950px; height:500px; position:absolute; font-family: century gothic; font-size:14px; color: #666666; }

#titre-mode { position:absolute; height:30px; width:300px; margin-left:100px; }
#bt-mode a{ position:absolute; display:block; background-image:url(images/bt-mode.jpg); width:300px; height:200px; margin-left:100px; margin-top:30px;}
#bt-mode a:hover{ background-image:url(images/bt-mode2.jpg);}

#titre-audiovisuelle { position:absolute; height:30px; width:300px; margin-left:550px; text-align:right;}
#bt-audiovisuelle a { position:absolute; display:block; background-image:url(images/bt-cine.jpg); width:300px; height:200px; float:left; margin-left:550px; margin-top:30px;}
#bt-audiovisuelle a:hover{ background-image:url(images/bt-cine2.jpg);}

#titre-artistique { position:absolute; height:30px; width:300px; margin-left:100px; margin-top:270px;}
#bt-artistique a{position:absolute; display:block; background-image:url(images/bt-artistique.jpg); width:300px; height:200px; margin-top:300px; margin-left:100px;}
#bt-artistique a:hover{ background-image:url(images/bt-artistique2.jpg);}

#titre-backstage { position:absolute; height:30px; width:300px; margin-left:550px; margin-top:270px;text-align:right;}
#bt-backstage a{position:absolute; display:block; background-image:url(images/bt-backstage.jpg); width:300px; height:200px; margin-top:300px; margin-left:550px;}
#bt-backstage a:hover{ background-image:url(images/bt-backstage2.jpg);}



/* INTERIEUR GALERIE */

#fd-vignette {width:1000px; height:530px; position:absolute; overflow: auto;}
#vignette {width:166px; height:105px; margin-left:20px; margin-bottom:20px; float:left; background-color:#333333; }
#vignette a {position:absolute;}
#vignette a:hover {position:absolute; border-style:solid;border-width:4px;border-color:#333333;}


/* PRESSE */

.texte-presse{ font-family: Arial; font-size:13px; color:#FFFFFF; text-align:left; line-height:20px;}


/* CADEAU */

#photo-cadeau { background-image:url(images/cadeau.jpg); width:450px; height:360px; position:absolute;}
#paypal-infos { width:450px; height:140px; margin-top:360px; position:absolute; }
#contener-cadeau { width:460px; height:500px; padding-left:40px; position:absolute; margin-left:450px;}
.texte-cadeau{ font-family: Arial; font-size:13px; color: #666666; line-height:20px;}
.texte-cadeau2{ font-family: Arial; font-size:11px; color: #666666; line-height:20px; }
.texte-conditions{ font-family: Arial; font-size:13px; color: #ffffff; line-height:24px; }


/* CONTACT */

#photo-contact { background-image:url(images/contact.jpg); width:450px; height:510px; position:absolute; }
#contener-contact { width:460px; height:180px; padding-left:40px; position:absolute; margin-left:450px;}
#contener-form { width:460px; height:320px; padding-left:40px; position:absolute; margin-left:450px; margin-top:180px;}

#formulaire { width:460px; height:320px; font-family: Arial; font-size:13px; color: #666666; text-align:left;}

#case-prenom { width:220px; height:20px; background-color: #333333; border: #444444 1px solid; font-family: Arial; font-size:14px; color: #ffffff; }
#case-nom { width:220px; height:20px; background-color: #333333; border: #444444 1px solid; font-family: Arial; font-size:14px; color: #ffffff; }
#case-email { width:220px; height:20px; background-color: #333333; border: #444444 1px solid; font-family: Arial; font-size:14px; color: #ffffff; }
#case-telephone { width:220px; height:20px; background-color: #333333; border: #444444 1px solid; font-family: Arial; font-size:14px; color: #ffffff;}
#case-message { width:450px; height:130px; background-color: #333333; border: #444444 1px solid; font-family: Arial; font-size:14px; color: #ffffff; }

.titre-contact{ font-family: arial; font-size:14px; color: #FFFFFF; text-align:left; letter-spacing:1px; }
.texte-contact{ font-family: Arial; font-size:13px; color: #666666; text-align:left; }
#lien-contact a {font-family: arial; font-size:14px; color: #FFFFFF; text-align:left; }
#lien-contact a:hover { color: #e2007a;}

#retour { margin-top:150px; text-align:center; font-family: arial; font-size:18px; color: #666666; }
#retour a {font-family: arial; color:#666666; }
#retour a:hover {color:#e2007a;}



/* LIENS */

#texte-liens { width:267px; height:500px; padding-left:50px; position:absolute; }
#texte-liens2 { width:267px; height:500px; padding-left:50px; position:absolute;  margin-left:317px; }
#texte-liens3 { width:265px; height:500px; padding-left:50px; position:absolute;  margin-left:634px; }
.texte-liens{ font-family: Arial; font-size:13px; color: #666666; text-align:left; line-height:20px;}
.texte-retour-presse{ font-family: Arial; font-size:13px; color: #666666; text-align:center; line-height:20px;}






#footer { clear:both;}