/*
Marionnettes du bout du monde - jquery.cluetip: feuille de style specifique
Marc Nadeau, 2009-11-03; Marc Nadeau, 2009-12-08
*/

/* ******* */
/* Custom styles */
/* ******* */

/* Bottom of page menu */

.cluetip-menu {  background: #000 url(/media/styles/backgrounds/anim-petites-etoiles-fond-noir.gif); border: red solid thin; font-size: 75%; margin-left: 1ex;  margin-top: 1ex;  padding: 1ex; }
.cluetip-menu #cluetip-extra {  display: block;  position: absolute;  right: 0;  top: 0;  }
.cluetip-menu #cluetip-inner {  margin: -18px -12px 0 0;  padding: 5px 12px 12px;  position: relative;  color: yellow; font-weight: bold; }
.cluetip-menu #cluetip-outer {  margin-top: -12px;  }
.cluetip-menu #cluetip-title {  background-color: #000;  line-height: 150%; margin: 1ex;  padding: 1ex;  position: relative; }
.cluetip-menu div#cluetip-close a {  color: #777;  }
.cluetip-menu div#cluetip-close {  margin: 0 5px 5px;  text-align: right;  }

p.cluetip-menu
{
border: none;
line-height: 140%;
}
img.cluetip-menu { 
float: right; 
margin-left: 10px; 
margin-bottom: 10px;
border: none;
}

/* Home button */

.cluetip-home {  background: #000 url(/media/styles/backgrounds/anim-petites-etoiles-fond-noir.gif); border: green solid thin; margin: 0;  padding: 10px; text-align: center; width: 360px; }
.cluetip-home #cluetip-extra {  display: block;  position: absolute;  right: 0;  top: 0;  }
.cluetip-home #cluetip-inner {  margin: 0;  padding: 0;  position: relative;  }
.cluetip-home #cluetip-outer {  margin: 0;  }
.cluetip-home #cluetip-title {  background-color: #000;  margin: 0;  padding: 0;  position: relative; }
.cluetip-home div#cluetip-close a {  color: #777;  }
.cluetip-home div#cluetip-close {  margin: 0;  text-align: center;  }

/* Larger picture */

.cluetip-picture {  background: #000 url(/media/styles/backgrounds/anim-petites-etoiles-fond-noir.gif); border: red dotted thick; margin: 0;  padding: 10px; text-align: center; width: 490px; }
.cluetip-picture #cluetip-extra {  display: block;  position: absolute;  right: 0;  top: 0;  }
.cluetip-picture #cluetip-inner {  margin: 0;  padding: 0;  position: relative;  }
.cluetip-picture #cluetip-outer {  margin: 0;  }
.cluetip-picture #cluetip-title {  background-color: #000;  margin: 0;  padding: 0;  position: relative; }
.cluetip-picture div#cluetip-close a {  color: #777;  }
.cluetip-picture div#cluetip-close {  margin: 0;  text-align: center;  }

/* Main menu (homepage) */

.cluetip-main_menu {  color: #fff; background: #000 url(/media/styles/backgrounds/anim-petites-etoiles-fond-noir.gif); border: red solid thin; margin: 0;  padding: 10px; text-align: left; width: 260px; }
.cluetip-main_menu #cluetip-extra {  display: block;  position: absolute;  right: 0;  top: 0;  }
.cluetip-main_menu #cluetip-inner {  margin: 0;  padding: 0;  position: relative;  }
.cluetip-main_menu #cluetip-outer {  margin: 0;  }
.cluetip-main_menu #cluetip-title {  background-color: #fff;  margin: 0;  padding: 0;  position: relative; }
.cluetip-main_menu div#cluetip-close a {  color: #777;  }
.cluetip-main_menu div#cluetip-close {  margin: 0;  text-align: center;  }
img.cluetip-mainmenu { float: right; margin-left: 10px; margin-bottom: 10px; }

/* Pager */

div.cluetip-pager {
color: #fff; 
background: #000 url(/media/styles/backgrounds/anim-petites-etoiles-fond-noir.gif); 
border: red solid thin;
margin: 0; 
padding: 10px; 
text-align: left; 
width: 320px;
}



.cluetip-pager #cluetip-extra {  display: block;  position: absolute;  right: 0;  top: 0;  }
.cluetip-pager #cluetip-inner {  margin: 0;  padding: 0;  position: relative;  }
.cluetip-pager #cluetip-outer {  margin: 0;  }
.cluetip-pager #cluetip-title {  background-color: #fff;  margin: 0;  padding: 0;  position: relative; }
.cluetip-pager div#cluetip-close a {  color: #777;  }
.cluetip-pager div#cluetip-close {  margin: 0;  text-align: center;  }

em#cluetip-page_number{
color: yellow;
display: block;
border-bottom: red solid thin;
margin-left: 0.5ex;
margin-bottom: 0.5ex;
padding: 0.5ex;
font-weight: bold;
}


p.cluetip-pager{
border: none;
padding: 1ex;
font-size: 80%;
}

img.cluetip-pager {
border: none;
float: left; 
margin: 10px; 
}