@charset "utf-8";
/* CSS Document */
* {margin:0;padding:0}

  body {
	font: 0.7em DejaVu Sans Mono;
	margin:0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding:0;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #000000;
	background: #AB9B7B url(../images/body.jpg) no-repeat center top;
    }
	.oneColFixCtrHdr #page {
	width: 1400px;
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	position: relative; /* Voir -> Note 1 */
	}	
	.oneColFixCtrHdr #gauche {
	background: url(../images/div_gauche.jpg) no-repeat -3px 0px;
	width: 300px;
	position: absolute; /* -> 1 */
	top: 0;
	left: 0;
	height: 600px;
	}
	.oneColFixCtrHdr #droite {
	background: url(../images/div_droite.jpg) no-repeat 3px 0px;
	height: 600px;
	width: 300px;
	position: absolute; /* -> 1 */
	top: 0;
	right: 0;
	}
    .oneColFixCtrHdr #container {
	width: 800px;  /* paramétrage de la largeur à 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du navigateur et éviter l'apparition d'un ascenseur horizontal */
	/*background: #FFFFFF;*/
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	text-align: left;
	background: #f1f1f1;
    }
    .oneColFixCtrHdr #header {
	height: 160px;
	text-align: center;  /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent en dessous. Si, au lieu de texte, c'est une image qui est insérée dans l'élément #header, il est conseillé de supprimer le remplissage. */
	width: 800px;
	background: url(../images/header.jpg) no-repeat center center;
    }
    .oneColFixCtrHdr #header h1 {
    	margin: 0; /* la mise à zéro de la marge du dernier élément du div #header permet d'éviter une disparition de la marge (espace inexplicable entre les éléments div). Si l'élément div est entouré d'une bordure, cette précaution n'est pas nécessaire, car la bordure évite également la disparition de la marge */
    	padding: 10px 0; /* l'utilisation de remplissage, au lieu d'une marge, permet d'éloigner l'élément des bords de l'élément div */
    }
    .oneColFixCtrHdr #mainContent {
	   padding:20px 40px 0;
	   background:url(../images/page.jpg) no-repeat bottom;
    }
    .oneColFixCtrHdr #footer {
	background: url(../images/footer.jpg) no-repeat bottom;
	height: 133px;
	width: 800px;
	font: 0.9em Arial, Helvetica, sans-serif;
	text-align: justify;
    }
    .oneColFixCtrHdr #footer p {
	margin: 0; /* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */
	padding-left: 220px;
	line-height: 11px;
	padding-top: 50px;
	padding-right: 10px;
    }
h1 {
	color: #4C4C4C;
	font: 900 normal 4em Georgia;
	text-align: center;
	margin: 0px 0px 10px;
	padding: 0px 0px 20px;
	background: url(../images/h1.png) no-repeat center bottom;
}
h2 {
	text-transform: uppercase;
}

h3 {
	font: bold 1.8em/1em Georgia, "Times New Roman", Times, serif;	/*text-transform: uppercase;*/
	/*text-transform: uppercase;*/
	margin: 0px;
	padding: 0px;
}
h4 {
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FF6600;
	line-height: 1em;
}
h5 {
	color: #911111;
	font: bold 1.2em/1em Georgia, "Times New Roman", Times, serif;
	margin: 0px;
	padding: 0px;
}
h6 {
	color: #990000;
	font: 1.2em Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}
hr {
	height: 15px;
	background: url(../images/hr.png) no-repeat;
	border-style: none;
}
div.hr {
	height: 15px;
	background: url(../images/hr.png) no-repeat;
	margin-bottom: 10px;
}
.mail {
	background: url(../images/mailbox_16.png) no-repeat left center;
	padding-left: 20px;
}
.phone {
	background: url(../images/phone_on_16.png) no-repeat left center;
	padding-left: 20px;
}
.mail_w {
	background: url(../images/mailbox_w_16.png) no-repeat left center;
	padding-left: 18px;
}
.phone_w {
	background: url(../images/phone_w_on_16.png) no-repeat left center;
	padding-left: 18px;
}
.pdf {
	background: #f1f1f1 url(../images/pdf_16.png) no-repeat right center;
	padding-right: 20px;
}
div.hr hr {
	display: none;
}
a {
	text-decoration: none;
	color: #666600;
}
a:hover {
	color: #911111;
	text-decoration: underline;
}
a img {
	margin-right: 10px;
	margin-top: 5px;
}
p {
	margin: 0px;
	font-size: 1.1em;
}
.left {
	float: left;
}
.right {
	float: right;
}
.li {
	background: url(../images/hand-right.png) no-repeat 0px 8px;
	padding-left: 23px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#deezer {
	position: fixed;
	top: 50px;
	width: 180px;
}
.shadow {
	background: url(../images/shadow-big.png) no-repeat center;
}
.red {
	color: #990000;
}
.green {
	color: #2C6D2C;
}
/* --------------------- PAGE ID TABS --------------------- */
#edito, #prog, #act, #infos, #abbo, #plan, #panier,#archives, #cgv, #informations {
 	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 20px;
	line-height: 1.6em;
}

/* --------------------- BLOC CONTACT --------------------- */
#contact {
	padding: 5px;
	background: url(../images/contact.jpg) no-repeat;
	color: #FFFFFF;
	margin-bottom: 3px;
	border-top: 1px dashed #666666;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #333333;
	text-align: center;
	font: bold 0.9em Arial, Helvetica, sans-serif;
}
#contact a {
	color: #F5F5F5;
	text-decoration: none;
}
#contact a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}


/* --------------------- PAGE PROGRAMME --------------------- */

#prog p {
	line-height: 1.6em;
}
#prog h1{
	text-align: left;
	font: 900 3em "Trebuchet MS", sans-serif;
	text-transform: uppercase;
	background: url(none);
	margin: 0px;
	padding: 0px;
}
#prog h2{
	color: #2C6D2C;
	margin-bottom: 10px;
	font: normal 1.3em Tahoma, sans-serif;
}
#prog h3 {
	font: 900 normal 2.3em Georgia, Times, serif;
	color: #4C4C4C;
}
#prog h5 {
	text-transform: uppercase;
	color: #333333;
	letter-spacing: 0.2em;
	font: 1em/1.2em Arial;
}
#prog div.main {
	/*padding-left: 80px !important;
	padding-right: 20px !important;*/
	width: 590px;
}
#prog span.infos {
	color: #666666;
	margin-top: 30px;
	background: url(../images/info_16.png) no-repeat center top;
	padding-top: 20px;
	padding-left: 5px;
	font: 0.9em Arial, Helvetica, sans-serif;
	word-spacing: -0.1em;
	text-transform: lowercase;
}
#prog p.date {
	text-align: center;
	float: left;
	color: #000000;
	font: 1em/1.8em Helvetica;
	text-transform: uppercase;
	margin-top: 5px;
	margin-right: 25px;
	width: 50px !important;
}

.date span {
	display: block;
	text-align: center;
}
span.date_jour {
	font-size: 1em;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}
span.date_chiffre {
	font-size: 5em;
	padding-top: 12px;
	padding-bottom: 12px;
	color: #CC0000;
	font-weight: 800;
	letter-spacing: -0.1em;
}
span.date_mois {
	margin: 0px;
	padding: 0px;
	font: bold;
	border-bottom: 1px solid #666666;
}
span.date_heure {
	font-size: 1.2em;
	text-align: center;
	color: #333333;
	background: url(../images/clock_mini.png) no-repeat 0px 4px;
	padding-left: 16px;
	font-weight: 900;
}

#prog #blocProg p.date {
 font-size:11px;
 font-weight:bold;
}

#prog #blocProg span.date_jour {
 font:0.9em Helvetica;
}

#prog #blocProg span.date_chiffre {
 font-size:4em;
}

#prog #blocProg span.date_heure {
 font:1em Helvetica;
 padding:2px 0 2px 16px;
 background-position:0 50%;
}

#blocProg .cell_date {
 width:100px;
}

#blocProg .cell_visu {
 width:200px;
}

#blocProg .cell_desc {
 text-align:left;
}

#blocProg .cell_desc h3 {
 color:#4c4c4c;
 font-size:1.5em;
}

#blocProg .cell_desc h4 {
 color:#2c6d2c;
 font-size:1em;
 font-weight:normal;
}

#prog hr {
	margin-top: 20px;
}
#prog img {
	margin: 0px 5px;
}
#prog p.presse {
	font-family: Georgia;
	font-style: italic;
	padding-left: 10px;
	border-left: 1px solid #CCCCCC;
}
#prog p.coeur {
	font-family: Helvetica;
	text-transform: uppercase;
	text-align: center;
	border: 1px solid #999999;
	display: inline;
	padding: 3px;
	margin-top: 20px;
	color: #999999;
}

/* --------------- PAGE INFOS ---------------- */
#infos h1, #infos h5 {
	text-align: center;
}

/* --------------- PAGE FORMULAIRE ---------------- */

#abbo.form-head {
	background: #FFFFFF;
}

#abbo .form-head h3 {
 text-align:center;
 margin-bottom:10px; 
}

#abbo p {
	line-height: 16px;
}
#abbo div.pdf  {
	background: url(../images/pdf.png) no-repeat 5px 5px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px 5px 5px 45px;
	margin-bottom: 15px;
	width: 635px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
#abbo div.pdf a {
	display: block;
}
#abbo div.pdf a:hover {
	color: #666600;
	text-decoration: none;
	background: #F1F1F1;
}
#abbo .nav {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	background: #f1f1f1;
	border: 1px solid #CCCCCC;
	padding: 10px;
}
#abbo .envoi {
	width: 670px;
}

/* ----------- xtra ------------- */
#construct {
	text-align: center;
	height: 300px;
	background: url(../images/Icon_travaux45px.png) no-repeat center center;
}



/* PANIER ################################################################### */

#mainContent #abbo .nav,
#mainContent #panier .nav {
 font-family:Arial, Helvetica, sans-serif;
 padding:10px;
 background:#f1f1f1;
 border:1px solid #ccc;
 margin-bottom:10px;
 text-align:center;
}

.bandeau {
 padding:10px 0 20px 0;
}

.bandeau a {
 padding:2px 5px;
}

#mainContent .bandeau .inactive {
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
 opacity:.30;
}

#blocAbbo,
#blocPanier {
 clear:both;
 width:100%;
 margin-bottom:10px;
}

#blocAbbo td,
#blocPanier td {
 padding:5px;
}

#blocAbbo td,
#blocPanier td {
 text-align:left;
 background:#fff;
 border-bottom:1px dashed #666600;
}

#blocAbbo .entete td,
#blocPanier .entete td {
 color:#fff;
 font-weight:bold;
 background:#666600;
 border-right:1px solid #fff;
}

#blocPanier .pied td {
 color:#fff;
 font-weight:bold;
 background:#4c4c4c;
}

#blocPanier .action td {
 background:none;
}

#blocPanier .cgv td {
 background:none;
 font-weight:bold;
 padding-top:10px;
}

#blocPanier .su,
#blocPanier .qu,
#blocPanier .pu,
#blocPanier .pt {
 width:80px;
 text-align:center;
}

#blocPanier .su {
 width:40px;
}

#blocPanier .qu {
 width:70px;
}

#blocPanier .entete .pt {
 border:none; 
}

#blocPanier .pt {
 text-align:right;
}

#blocPanier td img {
 float:left;
 margin-right:5px;
 border:1px solid #535a67;
}

#blocAbbo ul li {
 padding:0;
 margin:0 0 0 12px;
 list-style-type:disc;
}

#blocAbbo .pl input {
 width:20px;
 text-align:right;
}

#blocPanier .qu input {
 text-align:right;
 font-size:11px;
 padding:1px;
 background:#dfe2a1;
 border:1px dashed #666600;
 font-family:Arial, Helvetica, sans-serif;
 width:40px;
 voice-family: "\"}\"";
 voice-family:inherit;
 width:36px;
}

#blocAbbo .pl select,
#blocPanier .qu select {
 font-size:11px;
 padding:1px;
 background:#dfe2a1;
 border:1px dashed #666600;
 font-family:Arial, Helvetica, sans-serif;
 width:40px;
}

#blocForm fieldset {
 margin:5px 0;
 padding:4px;
 border:1px solid #dce0e2;
 voice-family: "\"}\"";
 voice-family:inherit;
 width:670px;
}

#blocForm h3 {
 clear:both;
 float:left;
 width:670px;
 color:#000;
 font-size:13px;
 text-align:left;
 padding:5px 5px 10px 5px;
 voice-family: "\"}\"";
 voice-family:inherit;
 width:660px;
}

#blocForm h3 span {
 font-size:11px;
 font-weight:normal;
}

#blocForm h3.adresse {
 padding:15px 5px 15px 5px;
}

#blocForm h3.adresse input {
 margin:2px 5px 2px 0;
}

#blocForm h2.marge {
 padding:20px 0 5px 0;
}



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

#blocForm .obligatoire {
 color:#2b4894;
 padding:3px 0;
 font-weight:bold;
}

#blocForm .oubli {
 clear:both;
 float:left;
 width:100%;
 text-align:left;
}

#blocForm .oubli a {
 padding:2px 0 2px 160px;
}

#blocForm .champ,
#blocForm .champRadio {
 clear:both;
 float:left;
 width:100%;
 padding:3px 0;
}

#blocForm .champ label,
#blocForm .champRadio label {
 float:left;
 width:160px;
 line-height:100%;
 padding:2px 10px 2px 0;
 text-align:right;
 voice-family: "\"}\"";
 voice-family:inherit;
 width:150px;
}

#blocForm .champ .label,
#blocForm .champRadio .label,
#blocForm .champ .indication {
 float:left;
 width:auto;
 padding:2px 10px 2px 0;
}

#blocForm .champ .indication {
 color:#666;
 font-size:10px;
 margin-left:10px;
}

#blocForm .champ label span {
 color:#2b4894;
}

#blocForm.annulation .champ label {
 width:220px;
 voice-family: "\"}\"";
 voice-family:inherit;
 width:210px;
}

#blocForm.annulation form {
 margin-top:10px;
}

#blocForm .champ input,
#blocForm .champ select,
#blocForm .champ textarea {
 float:left;
 font-size:11px;
 font-family:Arial, Helvetica, sans-serif;
}

#blocForm .champRadio input {
 float:left;
 margin-right:5px;
}

.gecko #blocForm .champRadio input {
 margin:2px 5px 2px 0;
}

#blocForm .champ input,
#blocForm .champ textarea {
 padding:2px;
 background:#dce0e2;
}

#blocForm .champ input {
 width:200px;
 voice-family: "\"}\"";
 voice-family:inherit;
 width:196px;
}

#blocForm .champ.num input {
 width:100px;
 voice-family: "\"}\"";
 voice-family:inherit;
 width:96px;
}

#blocForm .champ select {
 width:200px;
 border:1px solid #dce0e2;
}

#blocForm .champ.date select {
 width:60px;
 margin-right:5px;
}

#blocForm .champ .label.nb {
 width:65px;
 text-align:right;
}

#blocForm .champ textarea {
 width:200px;
 voice-family: "\"}\"";
 voice-family:inherit;
 width:196px;
}

#blocForm button {
 border:none;
 margin:0;
 padding:0;
 outline:none;
 cursor:pointer;
 line-height:100%;
 /* overflow:visible; */
 /* font-family:Arial, Helvetica, sans-serif; */
}

#blocForm button,
#blocForm .reglement a {
 float:right;
 width:180px;
 color:#666600;
 font-weight:bold;
 text-align:center;
 text-decoration:none;
 text-transform:uppercase;
 margin:5px 5px 0 5px;
 padding:5px;
 background:#dfe2a1;
}

#blocForm .reglement {
 float:none;
}

#blocForm .reglement button,
#blocForm .reglement a {
 height:30px;
 line-height:30px;
 padding:0 5px;
}

#blocAdresses,
#blocAdresses .contenu {
 clear:both;
 float:left;
 width:690px;
}

#blocAdresse,
#blocAdresse .contenu {
 clear:both;
 float:left;
 width:340px;
}

#blocAdresse,
#blocAdresses {
 margin-bottom:5px;
 background:url('../images/elements/fd_recap_h.gif') no-repeat;
}

#blocAdresse {
 margin:5px 0 10px 0;
}

#blocAdresses .contenu {
 width:680px;
}

#blocAdresse .contenu {
 voice-family: "\"}\"";
 voice-family:inherit;
 width:328px;
}

#blocAdresse h4,
#blocAdresses h4 {
 font-size:13px;
 margin-bottom:5px;
}

#blocAdresses a {
 position:absolute;
 bottom:4px;
 right:4px;
 color:#666600;
 font-weight:bold;
 text-align:center;
 text-decoration:none;
 text-transform:uppercase;
 padding:6px 10px 2px 10px;
 background:#dfe2a1; 
}

#blocAdresses .bloc {
 position:relative;
 float:left;
 width:328px;
 text-align:left;
 padding:4px 4px 30px 4px;
 border:1px solid #ccc;
 voice-family: "\"}\"";
 voice-family:inherit;
 width:318px;
}

#blocAdresse .bloc {
 float:left;
 width:328px;
 padding-left:25px;
 voice-family: "\"}\"";
 voice-family:inherit;
 width:303px; 
}

#blocAdresses .bloc.decal {
 margin-left:22px;
}

#blocPaiement {
 clear:both;
 float:left;
 width:670px;
 padding:10px 5px;
 voice-family: "\"}\"";
 voice-family:inherit;
 width:660px;
}

#blocPaiement h3 {
 width:100%;
 padding:3px 0;
}

#blocPaiement .carte {
 padding:10px 0;
 text-align:center;
}

.blocPaiement {
 clear:both;
 float:left;
 width:680px;
 padding:4px 9px;
 margin-top:5px;
 border:1px solid #dce0e2;
 voice-family: "\"}\"";
 voice-family:inherit;
 width:660px; 
}

.blocPaiement h3,
.blocPaiement p {
 padding:3px 0;
}

.blocPaiement h3 {
 clear:both;
 font-size:12px;
 text-transform:uppercase;
}

.blocPaiement a {
 clear:both;
 float:right;
 color:#666600;
 font-weight:bold;
 text-align:center;
 text-decoration:none;
 text-transform:uppercase;
 margin:5px 5px 0 5px;
 padding:5px 10px;
 background:#dfe2a1;
}

.activer,
.desactiver {
 float:left;
 width:13px;
 height:13px;
 margin:3px 5px 0 5px;
 background:url('../images/elements/indic_activer.gif') no-repeat;
}

.desactiver {
 background-position:0 -13px;
}


/* MOT DE PASSE OUBLIE ###################################################### */

#blocPassword h2 {
 color:#fff;
 font-size:13px;
 text-transform:uppercase;
 padding:5px 10px;
 background:#666600;
}

#blocPassword h4 {
 clear:both;
 padding:5px;
 font-size:12px;
 text-align:center;
}

#blocPassword #blocForm fieldset {
 width:425px;
 voice-family: "\"}\"";
 voice-family:inherit;
 width:415px;
}

#blocPassword #blocForm .champ label {
 width:120px;
 voice-family: "\"}\"";
 voice-family:inherit;
 width:110px;
}



/* ########################################################################## */

#mainContent .title {
 width:350px;
 padding-right:10px;
 voice-family: "\"}\"";
 voice-family:inherit;
 width:340px;
}

#mainContent .blocOrder {
 float:right;
 width:220px;
 padding:5px;
 border:1px solid #ccc;
}

#mainContent .main .contenu {
 width:570px;
 padding-right:20px;
}

#mainContent #programmation .main {
 height:680px;
 overflow:auto;
 overflow-x:hidden;
}

#mainContent .blocOrder h3 {
 font-size:13px;
 text-align:center;
 margin-bottom:5px;
}

#mainContent .blocOrder table {
 clear:both;
 float:left;
 width:100%;
 margin-bottom:5px;
 background:#dfe2a1;
}

#mainContent .blocOrder table td {
 padding:3px;
 text-align:center;
}

#mainContent .blocOrder .entete td {
 color:#fff;
 font-weight:bold;
 background:#666600;
}

#mainContent .blocOrder table .ta {
 text-align:left;
}

#mainContent .blocOrder table .pl {
 text-align:right;
}

#mainContent .blocOrder select,
#mainContent .blocOrder input {
 width:40px;
 background:#fff;
 border:1px dashed #666600;
}

#mainContent .blocOrder .commander {
 text-align:right;
}

#mainContent #prog .acheter a {
 float:right;
 width:202px;
 height:42px;
 line-height:42px;
 text-align:center;
 color:#fff;
 font-size:12px;
 font-weight:bold;
 background:url(../images/elements/b_achetez.gif) 50% no-repeat;
}

/*
#mainContent #form2 .ta a,
#mainContent #form2 .ta a:hover {
 color:#fff;
 text-decoration:none;
}
*/



/* PROGRAMMATION ############################################################ */

#mainContent #liste h1 {
 color:#4c4c4c;
 font:900 normal 4em Georgia;
 text-align:center;
 margin:0px 0px 10px;
 padding:0px 0px 20px;
 text-transform:none;
 background:url('../images/h1.png') no-repeat center bottom;
}

#mainContent #liste h2 {
 color:#4c4c4c;
 text-align:center;
 font-weight:bold;
}

#mainContent #liste table {
 width:100%; 
 font-size:13px;
 text-align:center;
 margin-top:10px;
}

#mainContent #liste td {
 padding:2px 5px;
 border-bottom:1px dashed #4c4c4c;
}

#mainContent #liste .entete td {
 color:#fff;
 padding:5px;
 font-weight:bold;
 background:#666600;
}

#mainContent #liste .vis {
 width:50px;
}

#mainContent #liste .nom {
 text-align:left;
 font-weight:bold;
 text-transform:uppercase;
}

#mainContent #liste .vil {
 text-align:left;
 vertical-align:middle;
}

#mainContent #liste table tr:hover {
 cursor:pointer;
 background:#dfe2a1;
}

#mainContent #liste table tr.entete:hover {
 cursor:default;
 background:#666600;
}

#mainContent #prog .retour {
 width:665px;
 color:#4c4c4c;
 margin-bottom:5px;
 font-family:Arial;
 text-transform:uppercase;
}

#mainContent #prog .retour,
#mainContent #prog .retour a {
 text-align:center;
}

#mainContent #prog .retour a {
 padding-left:12px;
 background:url('../images/elements/retour.gif') 0 50% no-repeat;
}

#logo a {
 position:absolute;
 top:4px;
 left:20px;
 width:90px;
 height:115px;
 background:transparent;
}

.net-concept a {
 width:150px;
 margin:0 auto;
}

.net-concept a {
 float:left;
 color:#fff;
 padding:2px 0 2px 28px;
 background:url('../images/elements/logo_net-concept.png') 0 50% no-repeat;
}

.net-concept a:hover {
 text-decoration:underline;
}

.masque,
.masque a {
 position:absolute;
 top:-100000px;
}



/* BULLE INFO ############################################################### */

#tooltip {
 position:absolute;
 z-index:3000;
 color:#fff;
 border:1px solid #161b1c;
 background:#161b1c;
 padding:5px;
 opacity:0.90;
}

#tooltip h3 {
 font-size:12px;
}

#tooltip h3,
#tooltip div {
 margin:0;
}