@font-face {
    font-family: 'Franklin Gothic Demi Cond';
    src: url('policies/franklin_gothic_demi_cond-webfont.eot');
    src: url('policies/franklin_gothic_demi_cond-webfont.eot?#iefix') format('embedded-opentype'),
         url('policies/franklin_gothic_demi_cond-webfont.woff') format('woff'),
         url('policies/franklin_gothic_demi_cond-webfont.ttf') format('truetype'),
         url('policies/franklin_gothic_demi_cond-webfont.svg#FranklinGothicDemiCondRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body {border: 0; margin: 0; padding: 0;}

img {
	border: 0;
}

body {
  	font: 90%/1 Arial, Arial;
	font-size: 12px;
	background: #FFFFFF;
  	line-height: 130%;
  	width: 100%;
  	min-width: 990px;
	color: #000000;
}

h1, h2, h3 {
	font-size: 14px;
}

a:link {
	text-decoration: none;
	color: #000000;
}
a:visited {
	text-decoration: none;
	color: #000000;
}

#top {
	font-size: 14px;
	color: #19171A;
}

#top_menu {
	font: 90%/1 Franklin Gothic Demi Cond, Arial;
	letter-spacing: 0px;
	font-size: 15px;
	font-weight: normal;
}

#top_menu a:link {
	text-decoration: none;
	color: #000000;
}
#top_menu a:visited {
	text-decoration: none;
	color: #000000;
}
#top_menu a:hover {
	text-decoration: none;
	color: #5A2049;
}

.body_page {
	vertical-align: top;
	border-top: 1.5px dotted #000000;
	border-left: 1.5px dotted #000000;
	padding-left: 20px;
}

#menu_gauche {
	font: 90%/1 Franklin Gothic Demi Cond, Arial;
	letter-spacing: 0px;
	font-size: 15px;
	font-weight: normal;
}

.input_text_Recherche {
	font: 90%/1 Arial, Arial;
	width: 130px;
	height: 25px;
	border: 0px;
	background:url('http://www.tendancefrance.com/images/zone_recherche.jpg') no-repeat right center;
	color: #5A2048;
}

.input_button_Recherche {
	width: 29px;
	height: 25px;
	border: 0px;
	background:url('http://www.tendancefrance.com/images/bouton_loupe.jpg') no-repeat right center;
}

#diap_rubriques td, p {
	font-size: 12px;
	color: #000000;
}

#diap_etablissement td, p {
	font-size: 12px;
	color: #000000;
}

/* GESTION DES SOUS MENU ---------------------------------------------------- */

div.sous_menu_main {
   position: relative;
   text-decoration: none;
   display: inline;
   font-weight: bold;
   color: #5A2048;
}
div.sous_menu_main span {
   display: none;
   text-align: left;
}

div.sous_menu_main:hover {
   background: none; /* correction d'un bug IE */
   z-index: 1000;
}
div.sous_menu_main:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;
   font-size:0.5em;
   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: 15px; /* on positionne notre infobulle */
   left: 0px;

   background: white;

   color: #000000;
   padding: 3px;

   border: 0px;
   border-left: 1px dotted #000000;
}

  div.topMenu {
	color: #FFFFFF;
	}
  
  div.topMenuHover {
	color: #333333;
	text-shadow: 0px 0px 20px #FFFFFF;
  }