body { 
  font-family: arial, sans-serif; margin:0px; 
}
input:focus, textarea:focus {
  background-color: #f6e957; color: #000;
}
input {
  border:1px solid black;
}
textarea {
  vertical-align:top;  border:1px solid black;
}
.envoi {
  background-color: #000; color: #fff; border: 1px solid #fff; padding: 0px; 
  font-weight:bold; font-size:14px; letter-spacing: 0.2em; 
}
.envoi2 {
  background-color: #000; color: #fff; border: 1px solid #fff; padding: 0px; 
  font-weight:bold; font-size:14px; letter-spacing: 0.2em; width:270px;
  text-align:left;
}
/* --------------------------------------------------------------------- */

body#accueil {
  background-image:url(../pix/accueil-evnt-in.gif);	background-repeat: repeat-x;
}
body#accueil-passif {
  background-color: #000;
}
body#nous-trouver {
  background-image:url(../pix/nous-trouver-fond.gif); background-repeat: repeat-x; backround-color: #fff;
}
body#rendez-vous {
  background-image:url(../pix/rendez-vous-fond.gif); background-repeat:repeat-x; background-color:#000;
}
body#contact {
  background-image:url(../pix/contact-fond.gif); background-repeat:repeat-y; background-color: #fff;
}
body#liens {
  background-image:url(../pix/liens-fond.gif); background-repeat:repeat-x; background-color:#fff;
}
/* --------------------------------------------------------------------- */

div#menunoir { background-color:#000000; visibility:visible; }
div#menublanc { background-color:#ffffff;  visibility:visible; }

a.noir { font-size: 16px; line-height:14px; font-weight: bold; text-transform: uppercase; text-decoration: none; }
a.noir:link, a.noir:visited { color: #ffffff; background-color: #000000; }
a.noir:hover { color: #000000; background-color: #ffffff; }

a.blanc { font-size: 16px; line-height:14px; font-weight: bold; text-transform: uppercase; text-decoration: none; }
a.blanc:link, a.blanc:visited { color: #000000; background-color: #ffffff; }
a.blanc:hover { color: #ffffff; background-color: #000000; }

/* --------------------------------------------------------------------- */
div#texte-accueil {
  text-align:justify; font-size:12px; color:#fff;
  width:350px; margin-top:100px;
}
p#texte-principal {
  margin-left:15px;
  width:320px;
}
div#inscription-accueil {
  border:0px solid white;
  margin-left:15px;
  width:320px; 
  font-size:smaller; color:#fff; text-align:center;
}
div#inscription-qui {
  width:330px; 
  font-size:smaller; color:#fff; text-align:center;
}
a.qui { text-decoration: underline; }
a.qui:link, a.qui:visited { color: #ffffff; background-color: #000000; }
a.qui:hover { color: #000000; background-color: #ffffff; }

/* --------------------------------------------------------------------- */
div#anim-nous-trouver {
  position: absolute; top: 500px; width: 700px;
}
div#infos-pratiques {
  position: absolute; top: 520px; left: 750px; width: 300px;
	background-color:#fff; color:#000; font-size:14px;
}
/* --------------------------------------------------------------------- */
div#rendez-vous-anim {
  position: absolute; top: 600px; width: 120px;
}
div#agenda {
  position: absolute; top: 650px; left: 530px; width:450px;
  background-color:#000; color: #fff;
}
div.date {
  margin-top:20px;
}
h1.datetitre {
  font-weight:bold;
  font-size:16px;
}
p.datetexte {
  margin-left:20px;
  font-size:14px;
  text-align:justify;
}
/* --------------------------------------------------------------------- */
div#contenu-contact {
  margin-top:10px;
  margin-right:3px;
  text-align:right;
  color:#000;
}
form#form-contact {
   margin-top:30px;
  color:#000;
}
/* --------------------------------------------------------------------- */
div#liens-anim {
  position: absolute; top: 420px; width: 600px;
}
div#liste {
  position: absolute; top: 580px; left: 650px; width:450px;
  background-color:#fff; color: #000;
}
div.lien {
  margin-top:20px;
}
p.lien-texte {
  margin-left:20px;
  font-size:12px;
  text-align:justify;
}
a.out { font-size: 14px; line-height:14px; font-weight: bold; text-transform: uppercase; text-decoration: underline; }
a.out:link, a.out:visited { color: #000; background-color: #fff; }
a.out:hover { color: #000; background-color: #f6e957; }