* { margin: 0; }
html, body { padding: 0; margin: 0; height: 100%; width: 100%; }
body { color: #000; background-color: #b70505; font-family: Arial, Verdana, sans-serif; }

p { font: "Trebuchet MS", Arial, sans-serif; font-size: 14px; padding: 0.5em 0 0.5em 0; color: #fff; }
marquee { margin: 0 0 0 -50px; height: 200px; }

img { border: 0; }

div#page { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -48px; }

div#push { height: 48px; clear: both; }

div#footer { background-color: black; height: 48px; width: 100%; clear: both; position: relative; z-index: 100;}
div#footer div#contact { margin-left: 235px; color: #fff; line-height: 42px; text-align: center; }
div#footer div#contact a { color: #fff; text-decoration: none; }
div#footer div#contact a:hover { text-decoration: underline; }
img#coffre { position: absolute; bottom: 0; z-index: 101; }

div.ligne_bas { height: 6px; width: 100%; background: url(/img/bottombar.png); }

div#contenant { height: 100%; }
div#contenant div#fond { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(/img/bgmain.jpg) 0 0 repeat-y; z-index: -3; }
div#contenant div#bulle { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(/img/bgcircles.png) no-repeat; z-index: -2; }
div#contenant div#etoile { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(/img/bgstars.png) no-repeat; z-index: -1; }
div#contenant div#etoile.light { background: url(/img/bgstarslight.png) no-repeat; }

div#contenant div#contenu { position: relative; padding: 10px; z-index: 10; margin-left: 225px; }

h1.titre_section img { border-bottom: 2px solid #b70505; margin: 0; }
h2.titre_section { /*width: 425px;*/ padding: 0 0 3px 2px; margin: 10px 0 15px 0; font-size: 18px; /*color: #000;*/ }
ul.titre_section { width: 325px; font-family: "Trebuchet MS", helvetica, sans-serif; font-size: 14px; font-style: italic; /*color: #000;*/ margin-left: 1em; list-style-image: url(/img/star-list.png); padding: 0 0 0 12px; margin: 0 0 0 30px; }

/* index debut */
img#mission { margin: 25px 0 0 15px; }
img#cv { margin: -100px 0 0 -225px; }
img#clown { margin: -550px 0 0 -220px; }
/* index fin */

div#bulleeclair { position: absolute; top: 0px; left: 450px; width: 300px; height: 45px; padding: 0; margin: 0; background: url(/img/bulleeclair.png) no-repeat; font-family: "Trebuchet MS", Tahoma, Arial, helvetica; font-weight: bold; font-style: italic; text-align: center; }
div#bulleeclair p.small { font-size: 11.5px; line-height: 11.5px; margin: -3px 3px 0 3px; color: #fff; }
div#bulleeclair p.big { font-size: 13px; line-height: 13px; margin: 8px 0 0 0; color: #f5dfde; }

div#vidcontainer { position: absolute; top: 50px; left: 450px; width: 350px; height: 430px; padding: 0; margin: 0; }
div#vidcontainer p.comment { font-family: Verdana, Arial, sans-serif; font-size: 14px; line-height: 16px; font-weight: bold; font-style: italic; }
div#vidcontainer p.reference { font-size: 11px; line-height: 13px; text-align: right; color: #000; font-style: italic; }

div#diaporama { position: absolute; bottom: 0px; width: 100%; height: 6em; bottom: 0; margin: 0 0 48px 0; padding: 10px 0 0 0; text-align: center; background: url(/img/bgdiapo.png); z-index: 16; }
}
img.diapov { padding: 0; height: 60px; width: 45px; margin: 15px 2px 0 2px; }
img.diapoh { padding: 0; height: 45px; width: 60px; margin: 0 2px 10px 2px; }

/* en l'air debut */
img#tissuaerien { position: absolute; bottom: 0px; left: 230px; }
/* en l'air fin */

/* tout petits debut */
img#toutpetits { position: absolute; bottom: 20px; left: 260px; }

p.main { width: 375px; padding: 0 0 3px 2px; margin: 10px 0 15px 0; text-align: justify; font-family: Georgia, helvetica, sans-serif; font-size: 15px; line-height: 17px; font-weight: normal; color: #000; }
/* tout petits fin */

/* jonglerie libre debut */
img#accessoires { position: absolute; bottom: 20px; left: 230px; }
/* jonglerie libre fin */

/* initiation cirque debut */
img#initcirque { position: absolute; bottom: 20px; left: 270px; }
/* initiation cirque fin */

/* perfectionnement jonglerie debut */
img#duojongleur { position: absolute; bottom: 20px; left: 270px; }
/* perfectionnement jonglerie fin */

/* animation debut */
img#jolunicycle { position: absolute; bottom: 80px; left: 550px; }
/* animation fin */

/* spectacle debut */
ul.prestg { position: relative; width: 260px; font-size: 12px; line-height: 12px; font-weight: bold; margin-left: 70px; list-style-image: url(/img/star-list.png); }
/* spectacle fin */

/* videos debut */
ul.videos { position: relative; list-style-image: url(/img/star-list.png); }
ul.videos a { text-decoration: none; }
/* videos fin */