/*   Insérer ici les variantes par % à la feuille de style initiale */

/* bulle d'aide sur pictogrammes */
a.tooltip{
    position:relative; /*this is the key*/
    z-index:24;
    text-decoration:none}

a.tooltip:hover{z-index:25; background-color:#FFFFFF}

a.tooltip span{display: none}

a.tooltip:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #EEEEEE;
    background-color:#EEEEEE; color:#000000;
    text-align: center}

 /* bulle d'aide sur pictogrammes */
 .outlined {
   background: #FAFAFA;
   border: 1px solid #DCDCDC;
   padding: 1px;
   margin: 3px;
}

 /* pages courante lors de la navigation dans les biens */
.currentpage {
background:#186B79 none repeat scroll 0%;
border:1px solid #003162;
color:white;
padding:4px;
}


.printonly { display: none; }

@media print {
   .donotprint { display: none; }
   .page-break-before {  page-break-before: always ;   }
   .printonly { display: block; }
   .two-col #main { margin:0px 5px 0pt 50px; }
   /*Faire disparaitre menu et agrandir la largeur de page content*/
   #recent-posts { display: none ; }
   #latest-post { width: 900px ; }
}


 /* ajouté suite à menu pull down */

dl, dd, ul, dt, li { margin: 0; padding: 0; list-style-type: none; line-height:normal; }
#menu {height: 60px; width: 754px; padding-left: 20px; background: url(http://www.baie-orientale.com/images/img02.jpg) no-repeat left top; font-family: Arial, Helvetica, sans-serif; }
#menu dl {margin: 0; padding: 0; list-style: none; line-height: normal; float: left; position: relative; }
#menu dt {cursor: pointer; text-align: center; }
#menu dd {display: none; position: absolute; top: 60px; left:0px;
}
#menu li {text-align: center; }
#menu li a {text-decoration: none; width: 70px; display: block; background: url(http://www.baie-orientale.com/images/img02.jpg) no-repeat left top; }
#menu dt a {text-decoration: none; display: block; }