/* créateur du site - Net Artiste (c)2005 www.netartiste.com, sites personnalisés */
/* theatre.css      - Net Artiste - création des sites internet uniques, pas cher */

* {margin: 0px; padding: 0px; border: none}
body {font-size: 100%; color: #fff; font-family: arial, sans-serif; background: url("../pics-20181117/wladimir_beltran.jpg") #1b2934 fixed no-repeat right bottom}

a {color: #bdd}
a:hover, a.noline {text-decoration: none}
a, a.noline:hover {text-decoration: underline}

/* define various divs */
#main {margin: 170px 0px 50px 10px; width: 500px}
#menu {position: fixed; top: 0px; left: 0px; background-color:#1b2934; width: 600px; height: 125px; padding: 20px 50px 0px 100px}
#links {position: fixed; bottom: 10px; right: 80px; width: 230px}
#heading {position: fixed; top: 15px; right: 230px; width: 241px}
#picHome {position: absolute; top: 250px; left: 150px; cursor: pointer; cursor: hand; width: 600px;}
#picSmall {margin-top: 20px; margin-left: 150px; cursor: pointer; cursor: hand; width: 600px;}
#spectacles-theatre {margin-top: 170px; margin-left: 175px}
#spectacles-theatre a {color: #fff} 
#videos {margin-top: 20px; margin-left: 150px}

#menu li {list-style: none; display: inline-block; font-size: 0.8125em; margin: 0px 5px}
#menu a {color: #fff; text-decoration: none} 
#menu a.on:hover, #menu a.on {border-bottom: 2px solid #fff} 

#menu a.off {display: inline-block; position: relative;	padding-bottom: 3px}
#menu a.off:after {content: ''; display: block;	margin: auto;	height: 2px; width: 0px; background: transparent;	transition: width .5s ease, background-color .5s ease}
#menu a.off:hover:after {width: 100%;	background: #bdd}

/* form field formats */
textarea, input {border: 1px solid #999; padding: 0.2em; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 6px 6px 6px 16px #abc; -webkit-box-shadow: 6px 6px 6px 16px #abc; box-shadow: 3px 3px 8px #abc}
input.button {border: 1px #999 solid; background-color: #123; color: #fff; font-weight: bold; padding: 0.5em; cursor: pointer}

/* standard definitions */
.lef {float: left}
.rig {float: right}
.tlef {text-align: left}
.tjus {text-align: justify}
.tright {text-align: right}
.tcenter {text-align: center}

.f11 {font-size: 0.688em}
.f12 {font-size: 0.750em}
.f13 {font-size: 0.8125em}
.f14 {font-size: 0.875em}
.f15 {font-size: 0.938em}
.f17 {font-size: 1.063em}
.f24 {font-size: 1.5em}
.f30 {font-size: 1.875em}

.mt1 {margin-top: 1em}
.mt2 {margin-top: 2em}
.ml1 {margin-left: 1em}
.ml2 {margin-left: 2em}
.ml7 {margin-left: 7em}
.mr1 {margin-right: 1em}
.p2 {padding: 0.5em}

.w110 {width: 110px}

.blueBDD {color: #bdd}
.white {color: #fff}
.opacity70 {opacity:0.7; filter:alpha(opacity=70); background-color: #355}
.rounded1 {-moz-border-radius: 1em; -webkit-border-radius: 1em; -khtml-border-radius: 1em; border-radius: 1em}
.wladimir_beltran {clear: both; width: 100%; height: 1px; font-size: 1px}
.stats, .low {display: none; visibility: hidden; font-size: 6px}

#screenshot {position:absolute; background:#000; padding:5px; display:none; color:#fff; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -moz-box-shadow: 0px 0px 30px 30px #fff; -webkit-box-shadow: 0px 0px 30px 30px #fff; box-shadow: 0px 0px 10px 5px #fff}
ul li.picSmallC, ul li.picSmallP, ul li.picSmallL {list-style: none}
.picSmallC {margin: 2px 20px 30px; width: 100px; height: 150px; float: left;}
.picSmallL {margin: 2px 20px 30px; width: 100px; height: 75px; float: left;}
.picSmallP {margin: 2px 20px 30px; width: 50px; height: 75px; float: left;}
.picSmallC a img, .picSmallP a img, .picSmallL a img {border: 1px solid #444; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 6px 6px 6px 16px #abc; -webkit-box-shadow: 6px 6px 6px 16px #abc; box-shadow: 6px 6px 16px #abc}
.picSmallC a:hover img, .picSmallP a:hover img, .picSmallL a:hover img {box-shadow: 6px 6px 16px #789}

#phrase {position:absolute; height:3em; margin-left: 175px; top: 170px; font-size: 1.875em; width: 515px}