/* --------------------------------------------------------- */
/* Fichier de style pour le site du lunetier.com             */
/* --------------------------------------------------------- */


body {
  color:#636060;
  background-color: #575454;
  font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 15px;
  margin: 0;
  padding: 0;
  background-image:url(/img/fond_carre.png);
}

#mouseovers img {margin-bottom:5px;}

.fondtable {background-color: #575454;}

div#avatar {
  position: absolute;
  top: 	143px;
  left: 442px;
  background-image: url(/img/14.jpg);
  background-repeat: no-repeat;
  width: 75px;
  height: 70px;
  padding: 0;
}

/* balise pour ancrer le debut du texte détaillé d'une page */

.debut_txt {
  float: left;
  position: absolute;
  top: 150px;
  left: 215px;
  width: 85%;
  border: 0px;
}

/* pour afficher les images communes à toutes les pages (entete) */

div#logo_petit {
  position: absolute;
  top: 	5px;
  left: 350px;
  background-image: url(/img/logo_petit.png); 
  background-repeat: no-repeat;
  width: 289px;
  height: 119px;
  padding: 0;
}

div#slogan {
  position: absolute;
  top: 105px;
  left: 530px;
  background-image: url(/img/slogan.png);
  background-repeat: no-repeat;
  width: 462px;
  height: 71px;
  padding: 0;
}

div#slogan2 {
  position: absolute;
  top: 155px;
  left: 580px;
  background-image: url(/img/slogan.png);
  background-repeat: no-repeat;
  width: 462px;
  height: 71px;
  padding: 0;
}

div#img_accueil {
  position: absolute;
  top: 35px;
  left: 205px;
  background-image: url(/img/fond_femme.png);
  background-repeat: no-repeat;
  width: 750px;
  height: 486px;
  padding: 0;
  border: solid;
  border-color: #cfcfcf;
  border-width: 5px;
}

div#rond_femme {
  position: absolute;
  top: 300px;
  left: 640px;
  background-image: url(/img/rond_femme.png);
  background-repeat: no-repeat;
  width: 360px;
  height: 394px;
  padding: 0;
}

div#rond_femme2 {
  position: absolute;
  top: 20px;
  left: 170px;
  background-image: url(/img/rond_femme.png);
  background-repeat: no-repeat;
  width: 360px;
  height: 394px;
  padding: 0;
}

div#rond_femme3 {
  position: absolute;
  top: 620px;
  left: 100px;
  background-image: url(/img/rond_femme2.png);
  background-repeat: no-repeat;
  width: 158px;
  height: 173px;
  padding: 0;
}



div#ballons {
  position: absolute;
  bottom: 0%;
  right: 0%;
  background-image: url(/img/ballons.png);
  background-repeat: no-repeat;
  width: 384px;
  height: 301px;
  padding: 0;
}



div#offregratuite {
  position: absolute;
  top: 20%;
  right: 40%;
  background-image: url(/img/btn_offre_1a.png.gif);
}



div#ballonsvide {
  position: absolute;
  bottom: 0%;
  right: 0%;
  background-image: url(/img/ballonsvide.gif);
}



div#rond_gaston {
  position: absolute;
  top: 50px;
  left: 180px;
  background-image: url(/img/rond_gaston.png);
  background-repeat: no-repeat;
  width: 158px;
  height: 173px;
  padding: 0;
}





/* balise pour ancrer la "langue" */

.position_langue {
  position: absolute;
  top: 0%;
  right: 1%;
  border: 0px;
  font-size: 22px;
  font-weight: bold ;
  color: #000000;
  line-height: 35px;
  text-decoration: none;
}

/* s'assurer que les liens sont toujours de la meme couleur */

a.langue {
	text-decoration:none;
	color: #ffffff;
}
a.langue:hover {text-decoration:underline;}



/* -------------------------------------------------- */

h1 {
  font-size: 1.3em;
  margin: 1em;
  font-family: Georgia, "Times New Roman", Times, serif;
  padding: 0;
}

h2 {
  font-size: 1.2em;
  color: #036;
  margin: 1em;
  font-family: Georgia, "Times New Roman", Times, serif;
  padding: 0;
}

p {
  margin: 1em;
  padding: 0;
}

code {
  color: #390;
  font-family: "Courier New", Courier, monospace;
  padding: 0;
}



/* --------------------------------------------------------- */
/* permet de définir les bordures des tableaux               */
/* --------------------------------------------------------- */

.tableau_menu {
	border-color: none;
	padding: 0px;
	border-width: 0px;
}



.tableau0 { /* sans couleur, sans odeur  */
	border-color: none;
	background-color: none;
}

.tableau1 { /* fond de tableau avec texte */
	padding: 10px;
	border-style: solid; 
	border-color: #cfcfcf;
	background-color: #cfcfcf;
	filter:alpha(opacity=94); /* filtre propriétaire d’IE */
	-moz-opacity:0.94;        /* filtre propriétaire de Mozilla/Firefox */
}

.tableau1succ { /* fond de tableau avec texte */
	border-style: solid; 
	border-color: #cfcfcf;
	background-color: #cfcfcf;
	filter:alpha(opacity=94); /* filtre propriétaire d’IE */
	-moz-opacity:0.94;        /* filtre propriétaire de Mozilla/Firefox */
}

.tableau2 {
	padding: 15px;
	border-style: solid; 
	border-color: #ffffff;
	background-color:#cfcfcf;
	filter:alpha(opacity=94); /* filtre propriétaire d’IE */
	-moz-opacity:0.94;        /* filtre propriétaire de Mozilla/Firefox */
}



.tableau3 { /* bordure et fond de meme couleur */
	padding: 15px;
	border-style: solid; 
	border-color: #ffffff;
	background-color:#ffffff;
	filter:alpha(opacity=100); /* filtre propriétaire d’IE */
	-moz-opacity:1.0;        /* filtre propriétaire de Mozilla/Firefox */
}

.tableau4 { /* fond blanc sans transparence */
	border-style: solid; 
	border-color: #cfcfcf;
	border-width: 5px;
	background-color:#ffffff;
	filter:alpha(opacity=100); /* filtre propriétaire d’IE */
	-moz-opacity:1.0;        /* filtre propriétaire de Mozilla/Firefox */
}



.tableau5 { /* fond de tableau avec texte */
	padding: 10px;
	border-style: solid; 
	border-color: #cfcfcf;
	background-color: #cfcfcf;
	filter:alpha(opacity=94); /* filtre propriétaire d’IE */
	-moz-opacity:0.94;        /* filtre propriétaire de Mozilla/Firefox */
}



.tableau6 { /* */
	padding: 15px;
	border-style: solid; 
	border-color: #cfcfcf;
	background-color:#cfcfcf;
	filter:alpha(opacity=94); /* filtre propriétaire d’IE */
	-moz-opacity:0.94;        /* filtre propriétaire de Mozilla/Firefox */
}



/* --------------------------------------------------------- */

.tableau_succ1 { /* avec tranparence */
	border-style: solid; 
	border-color: #cfcfcf;
	border-width: 5px;
	background-color:#cfcfcf;
	filter:alpha(opacity=90); /* filtre propriétaire d’IE */
	-moz-opacity:0.90;        /* filtre propriétaire de Mozilla/Firefox */
}



.tableau_succ2 { /* bloc succursales par région */
	border-style: solid; 
	border-color: #cfcfcf;
	border-width: 5px;
	background-color:#ffffff;
	filter:alpha(opacity=90); /* filtre propriétaire d’IE */
	-moz-opacity:0.90;        /* filtre propriétaire de Mozilla/Firefox */
}



/* --------------------------------------------------------- */
/* définition des styles pour le texte des différentes pages */
/* --------------------------------------------------------- */

.style0 {  /* pour les images HREF afin d'enlever tous les attributs */
  color: #ffffff;
  text-decoration: none;
}

.style1 {  /* texte en rouge (comme la page succursale) */
  color: #ff0000;
  font-size: 18px;
  font-weight: bold ;
}

.style2 {  /* titre des bloc des pages */
  color: #001E57; /* 20-00-90 = 14005A */
  font-size: 20px;
  font-weight: bold ;
}

.style3 {  /* texte d'introduction sous le titre */
  color: #000000;
  font-size: 15px;
  font-weight: none;
}

.style4 {  /* mise en forme dans tableaux:titre (ex: vc) */
  color: #000000;
  margin: 0px;
  line-height: 35px;
  padding: 0px;
  border: 0px;
  font-size: 16px;
  font-weight: bold ;
  text-decoration: none;
}

.style5 {  /* mise en forme dans tableaux:detail (ex: vc) */
  color: #000000;
  margin: 0px;
  padding: 0px;
  border: 0px;
  line-spacing: 0px;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
}

.style6 {  /* mise en forme dans tableaux:detail (ex: vc) */
  color: #000000;
  margin: 0px;
  padding: 0px;
  border: 0px;
  line-spacing: 0px;
  font-size: 13px;
  font-weight: normal;
  text-decoration: none;
}

.style7 {
  color: #000000;
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-size: 15px;
  font-weight: bold ;
  text-decoration: none;
}

.style8 {
  color: #000000;
  margin: 0px;
  padding: 6px;
  border: 0px;
  line-spacing: 0px;
  font-size: 18px;
  font-weight: bold ;
  text-decoration: none;
}


/* balise pour ancrer la "signature" (bas de page) */

.signature {
  width: 88%;
  border: 0px;
  font-size: 16px;
  font-weight: none ;
  text-decoration: none;
  color: #8f8f8f;
  text-align: left;
}

/* s'assurer que les liens sont toujours de la meme couleur */

a.signature	    {text-decoration: none;color:#000000;}
a.signature:hover   {color:#000000;}