/* CSS document */


/*-----------------CONTENU PAGE CONTACT */
/*conteneur page contact (tout sauf bandeau soustitre)*/
#contact_contents {
  position:relative;
  width:100%;
  height:1170px;
  top:0%;
}
/* miniature plan accès sonor */
#miniatplan {
  position:absolute;
  background-image:url(images/plan_sonor.gif);
  height:347px;
  width:350px;
  top:66.5%;
  left:29%;
}
#miniatplanv2 {
  position:absolute;
  background-image:url(images/plan_acces_sonor_v2.gif);
  height:418px;
  width:465px;
  top:48.5%;
  left:21%;
}
#miniatplanv3 {
  position:absolute;
  background-image:url(images/plan_acces_sonor_v3.gif);
  width:604px;
  height:404px;
  top:49%;
  left:12.5%;
}
/* miniat contact */
#miniat_contact {
  position:absolute;
  background-image:url(images/miniat_contact.gif);
  width:150px;
  height:146px;
  top:7.5%;
  left:41%;
}

/*--------------------------TITRES & ELEMENTS TEXTE CENTRES */

/* --------------bandeau jaune 1 titre et texte associé*/
#banjaune{
  position:absolute;
  background-image:url(images/bandeau_jaune.gif);
  width:498px;
  height:47px;
  left:20%;
  top:2%;
}
/* texte bandeau soustitre*/
#txtbandjaune {
  position:absolute;
  font-family:"Times New Roman", Times, serif;
  color:#1230CA;
  font-size:1.45pc;
  font-weight:bold;
  line-height:1.65pc;
  text-align:center;
  text-decoration:underline;
  top:15%;
  left:0%;
  width:100%;
}

/* alerte page contact */
#txtalerte {
  position:absolute;
  font-family:"Times New Roman", Times, serif;
  color:#1230CA;
  font-weight:bolder;
  font-size:1.65pc;
  line-height:1.7pc;
  text-align:center;
  text-decoration:underline;
  width:100%;
  top:86%;
  left:0%;
}
/* titre centré : entreprise */
#txttitre2 {
  position:absolute;
  font-family:"Times New Roman", Times, serif;
  color:#1230CA;
  font-weight:bolder;
  font-size:1.45pc;
  line-height:1.65pc;
  text-align:center;
  text-decoration:underline;
  width:100%;
  top:105%;
  left:0%;
}

/*-----------------------------------TEXTES CALAGE à GAUCHE */
/* texte page contact 1ère partie*/
#txtpagecontact {
  position:absolute;
  font-family:"Times New Roman", Times, serif;
  color:#1230CA;
  font-weight:normal;
  font-size:1.35pc;
  line-height:1.40pc;
  text-align:justify;
  width:87%;
  top:21%;
  left:10%;
}

/* texte page contact 2nde partie */
#txt2pagecontact {
  position:absolute;
  font-family:"Times New Roman", Times, serif;
  color:#1230CA;
  font-weight:normal;
  font-size:1.35pc;
  line-height:1.40pc;
  text-align:justify;
  width:87%;
  top:94%;
  left:10%;
}

/* texte page contact 3ème partie */
#txt3pagecontact {
  position:absolute;
  font-family:"Times New Roman", Times, serif;
  color:#1230CA;
  font-weight:normal;
  font-size:1.35pc;
  line-height:1.40pc;
  text-align:justify;
  width:87%;
  top:110%;
  left:10%;
}



/*-----------------------------------LOGOS INCLUS DANS LES DIV DE TEXTE */

/* logo tel 2 inclus dans le div txt 1ère partie*/
#logotel2 {
  position:absolute;
  background-image:url(images/logo_tel.gif);
  height:15px;
  width:20px;
  top:25.5%;
  left:0%;
}
/* logo parking inclus dans le div txt 1ère partie*/
#logopark {
  position:absolute;
  background-image:url(images/logo_park_xsmall.gif);
  height:25px;
  width:25px;
  top:91.5%;
  left:0%;
}

/*-------------logos flèches pour txt 1 (inclus dans le div txt 1ère partie)*/
#fleche1 {
  position:absolute;
  background-image:url(images/fleche_small.gif);
  height:16px;
  width:16px;
  left:10.5%;
  top:57%;
}
#fleche2 {
  position:absolute;
  background-image:url(images/fleche_small.gif);
  height:16px;
  width:16px;
  left:10.5%;
  top:64.5%;
}
#fleche3 {
  position:absolute;
  background-image:url(images/fleche_small.gif);
  height:16px;
  width:16px;
  left:10.5%;
  top:72%;
}
#fleche4 {
  position:absolute;
  background-image:url(images/fleche_small.gif);
  height:16px;
  width:16px;
  left:10.5%;
  top:79.5%;
}

/*--------------logos flèches pour txt 2 (inclus dans le div texte 2nde partie) */
#fleche5 {
  position:absolute;
  background-image:url(images/fleche_small.gif);
  height:16px;
  width:16px;
  left:0%;
  top:31%;
}
#fleche6{
  position:absolute;
  background-image:url(images/fleche_small.gif);
  height:16px;
  width:16px;
  left:0%;
  top:45%;
}
#fleche7 {
  position:absolute;
  background-image:url(images/fleche_small.gif);
  height:16px;
  width:16px;
  left:0%;
  top:59%;
}